https://github.com/spearkkk/deep-oceanic-next

base16 base24 color color-scheme deep ocean theme

Last synced: 3 months ago
JSON representation

Host: GitHub
URL: https://github.com/spearkkk/deep-oceanic-next
Owner: spearkkk
Created: 2024-08-21T14:54:48.000Z (10 months ago)
Default Branch: master
Last Pushed: 2025-01-12T16:56:10.000Z (5 months ago)
Last Synced: 2025-01-12T17:36:35.343Z (5 months ago)
Topics: base16, base24, color, color-scheme, deep, ocean, theme
Language: TypeScript
Homepage: https://deep-oceanic-next.spearkkk.dev/
Size: 5.84 MB
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        


    Deep Oceanic Next Color Theme





	


	





	

	

	

	

    



# 🌊 Deep Oceanic Next 

It’s a place where light bends and dances, where the colors shift and deepen in ways you can only imagine. For most of us, the deep ocean is a mystery—vast, quiet, and endlessly captivating. It’s a place we rarely touch, yet it feels like it touches us.

For years, I’ve been both fascinated and terrified by the ocean. I can’t swim—not even in water as shallow as my height. The fear of being swept away, of sinking, is real. But so is the wonder. The deep ocean, to me, is like a dream: unattainable yet vivid in my imagination.

The Deep Oceanic Next color theme was born from this paradox. It’s a palette inspired by the gradients of the ocean’s depths—from the near-black shadows to the glimmers of light that pierce through. It reflects the courage to embrace what we don’t understand and the beauty that lies in exploring the unknown.

This theme isn’t just about colors; it’s about a journey. A reminder that even if we can’t dive into the deep blue ourselves, we can bring a piece of it into our world—into our screens, our workspaces, and our creative expressions.

So, have you ever wondered what it’s like to dive into the unknown? To explore the depths that so few have seen? Maybe, together with this theme, you can take that step into your own deep ocean?

Feel free to see the [Deep Oceanic Next Color Theme](https://deep-oceanic-next.spearkkk.dev/).

---

## 🎨 Color Palette

### Background and Foreground Colors

| Color Box | Name  | Hex Code  | Description                  |

|-----------|-------|-----------|------------------------------|

| ![Base00](./public/colors/base00.png) | Base00 | `#001c1f` | Primary Background          |

| ![Base01](./public/colors/base01.png) | Base01 | `#002931` | Secondary Background        |

| ![Base02](./public/colors/base02.png) | Base02 | `#003640` | Tertiary Background         |

| ![Base03](./public/colors/base03.png) | Base03 | `#004852` | Low Contrast Text Background |

| ![Base04](./public/colors/base04.png) | Base04 | `#0093a3` | Dark Foreground             |

| ![Base05](./public/colors/base05.png) | Base05 | `#d4e1e8` | Foreground                  |

| ![Base06](./public/colors/base06.png) | Base06 | `#e0e9ef` | High Foreground             |

| ![Base07](./public/colors/base07.png) | Base07 | `#f2f7f9` | Bright Foreground           |

### Syntax Highlighting Colors

| Color Box | Name  | Hex Code  | Description                  |

|-----------|-------|-----------|------------------------------|

| ![Base08](./public/colors/base08.png) | Base08 | `#d3464d` | Warm Red - Variables, Errors |

| ![Base09](./public/colors/base09.png) | Base09 | `#e37552` | Warm Orange - Constants      |

| ![Base0A](./public/colors/base0A.png) | Base0A | `#f3b863` | Muted Gold - Classes, Functions |

| ![Base0B](./public/colors/base0B.png) | Base0B | `#63b784` | Fresh Green - Strings        |

| ![Base0C](./public/colors/base0C.png) | Base0C | `#4fb7ae` | Aqua Cyan - Support, Regex   |

| ![Base0D](./public/colors/base0D.png) | Base0D | `#568ccf` | Oceanic Blue - Keywords      |

| ![Base0E](./public/colors/base0E.png) | Base0E | `#8b66d6` | Vibrant Purple - Markup      |

| ![Base0F](./public/colors/base0F.png) | Base0F | `#d0658e` | Warm Pink - Deprecated       |

### Additional Colors

| Color Box | Name  | Hex Code  | Description                  |

|-----------|-------|-----------|------------------------------|

| ![Base10](./public/colors/base10.png) | Base10 | `#1f2628` | Darker Black for Highlights  |

| ![Base11](./public/colors/base11.png) | Base11 | `#2a2f30` | Darkest Black for Shadows    |

| ![Base12](./public/colors/base12.png) | Base12 | `#ff6670` | Bright Red - Warnings        |

| ![Base13](./public/colors/base13.png) | Base13 | `#ffe08a` | Bright Yellow - Highlights   |

| ![Base14](./public/colors/base14.png) | Base14 | `#72e1a6` | Bright Green - Success Indicators |

| ![Base15](./public/colors/base15.png) | Base15 | `#4de3e3` | Bright Cyan - Links          |

| ![Base16](./public/colors/base16.png) | Base16 | `#5caeff` | Bright Blue - Active States  |

| ![Base17](./public/colors/base17.png) | Base17 | `#b788ff` | Bright Purple - Accents      |

---

## ❣️ Inspirations

The creation of the **Deep Oceanic Next Theme** has been an incredible journey of inspiration and collaboration. This theme is deeply influenced by two stunning color schemes: the [Oceanic Next Color Scheme](https://github.com/voronianski/oceanic-next-color-scheme) and the [Deep Ocean Theme](https://plugins.jetbrains.com/plugin/16729-deep-ocean-theme). These projects sparked the vision of capturing the tranquility and mystery of the deep ocean within a single palette.

Throughout the process, I relied heavily on [Chat GPT](https://chatgpt.com/) for brainstorming and iterative refinement. This collaboration allowed me to conceptualize and finalize the theme across multiple iterations.

After settling on the color palette, I leveraged tools like [Tinted Theming](https://github.com/tinted-theming/home) to ensure the colors were consistent and beautifully applied across various platforms. Using the following repositories, I integrated the palette into multiple environments:

- [Intellij Platform Plugin Template](https://github.com/JetBrains/intellij-platform-plugin-template) for JetBrains IDEs.

- [Chrome Theme Studio](https://github.com/JamsheedMistri/chrometheme.studio) for creating a customized Chrome theme.

- [Starship](https://starship.rs/config/) for terminal theming.

To visually represent the theme’s essence, I selected a breathtaking image by [Jeremy Bishop on Unsplash](https://unsplash.com/ko/%EC%82%AC%EC%A7%84/%EC%88%98%EC%A4%91-%EC%82%AC%EC%A7%84-1braZySlEKA?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash). The image perfectly embodies the serenity and depth that inspired this theme.

Creating **Deep Oceanic Next Theme** has been a rewarding endeavor. It’s more than just a set of colors; it’s a celebration of creativity and a tribute to the beauty of the unexplored deep.

### 🏳️‍🌈 Various Themes with Deep Oceanic Next Colors

- [iTerm2](https://raw.githubusercontent.com/spearkkk/deep-oceanic-next/master/themes/deep-oceanic-next.itermcolors)

- [starship](https://github.com/spearkkk/deep-oceanic-next-starship)

- [IntelliJ IDEA](https://plugins.jetbrains.com/plugin/25272-deep-oceanic-next-theme?noRedirect=true)

- [Chrome Theme](https://chromewebstore.google.com/detail/deep-oceanic-next-chrome/embaoimilojjfdbjancmkfdmiegfbhdm)

- [Alfred Theme](https://www.alfredapp.com/extras/theme/jM31MRnWNH/)

- [Visual Studio Code](https://marketplace.visualstudio.com/items?itemName=TintedTheming.base16-tinted-themes): Find `base16-deep-oceanic-next`

ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

https://github.com/spearkkk/deep-oceanic-next

Awesome Lists containing this project

README

Deep Oceanic Next Color Theme