Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/Seniblue/Underwater

An obsidian.md theme
https://github.com/Seniblue/Underwater

obsidian obsidian-md obsidian-md-theme obsidian-theme

Last synced: 1 day ago
JSON representation

An obsidian.md theme

Host: GitHub
URL: https://github.com/Seniblue/Underwater
Owner: Seniblue
License: mit
Created: 2024-05-26T11:28:12.000Z (8 months ago)
Default Branch: main
Last Pushed: 2025-01-16T16:50:09.000Z (16 days ago)
Last Synced: 2025-01-20T13:11:26.066Z (12 days ago)
Topics: obsidian, obsidian-md, obsidian-md-theme, obsidian-theme
Language: CSS
Homepage: https://obsidian.md/
Size: 7.1 MB
Stars: 39
Watchers: 4
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

my-awesome-github-stars - Seniblue/Underwater - An obsidian.md theme (CSS)

README

        ![Version](https://img.shields.io/github/manifest-json/v/Seniblue/Underwater?style=for-the-badge&color=9ccfd8&labelColor=26233a)

![Stars](https://img.shields.io/github/stars/Seniblue/Underwater?style=for-the-badge&color=c4a7e7&labelColor=26233a)

![Last update](https://img.shields.io/github/last-commit/Seniblue/Underwater?style=for-the-badge&color=ebbcba&labelColor=26233a)

[✨ Theme updates](https://github.com/Seniblue/Underwater/releases)

![uw](img/thumbnail.png)

> [!IMPORTANT]

> 🐳 This theme works best with the **[Style Settings](https://github.com/mgmeyers/obsidian-style-settings) plugin** (color schemes, custom colors, customizations, features, background image...).


> _Although the plugin is not required for the theme to work._

---

# 🎨 Color schemes

![colorschemes](img/colorschemes.png)

### Popular color schemes

| Dark                                                | Light                                               |

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

| [Rosé Pine](https://rosepinetheme.com/)             | [Rosé Pine Dawn](https://rosepinetheme.com/)             |

| [Rosé Pine Moon](https://rosepinetheme.com/)        |                                                     |

| [Nord](https://www.nordtheme.com/)                  | [Nord](https://www.nordtheme.com/)                  |

| [Catpuccin Mocha](https://catppuccin.com/)          | [Catpuccin Latte](https://catppuccin.com/)          |

| [Everforest](https://github.com/sainnhe/everforest) | [Everforest](https://github.com/sainnhe/everforest) |

| [Biscuit](https://github.com/Biscuit-Theme/biscuit) | [Gruvbox](https://github.com/morhetz/gruvbox)       |

| Obsidian default                                    | Obsidian default                                    |

### 🌊 Underwater color schemes

| Dark       | Light   |

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

| Deep       | Octopus |

| Blue ocean | Coral   |

| Seaweed    | Aqua    |

| Sand       | Oyster  |

# Formatting

**🪼 Recommended fonts:**

- Text font: [Lexend](https://www.lexend.com/)

- Interface font: [Inter](https://rsms.me/inter/)

- Monospace font: [Recursive Monospace](https://www.recursive.design/) or [Recursive Monospace Casual](https://www.recursive.design/)

# Cssclasses

- **`no-title`**: removes inline title

- **`no-embed`**: seamless embeds

- **`notebook`**: adds notebook-like background to current note

- **`write`**: monospace font + bigger first letter at the beginning of each paragraph

- **`cloze`**: hidden bold text, revealed on hover (reading view only)

![](https://github.com/Seniblue/Underwater/blob/main/img/checkboxes.png)

# ✨ Features

- Custom checkboxes

- Custom callouts: `time`, `person`, `bookmark`, `media`, and "`center`" metadata

- Scrollbar on hover (credit to [Border](https://github.com/Akifyss/obsidian-border) theme)

- Active line highlight

- Slight image animation on hover

- Rounded highlighting style

- New tab custom image & styling

- FULL FOCUS MODE (can be toggled via a hotkey)

- VAULT ICON (icon can be chosen via Style settings)

- Custom background image

- Print styling

![](https://github.com/Seniblue/Underwater/blob/main/img/ffmode.png)

![](https://github.com/Seniblue/Underwater/blob/main/img/bgimg.png)

# Snippets

![](https://github.com/Seniblue/Underwater/blob/main/img/snippets.png)

[🐠 Snippets folder](https://github.com/Seniblue/Underwater/tree/main/%F0%9F%90%A0%20SNIPPETS) featuring:

- [🌊 Minimal_cards](https://github.com/Seniblue/Underwater/blob/main/%F0%9F%90%A0%20SNIPPETS/%F0%9F%8C%8A%20Minimal_cards.css) (adapted version of [@Kepano](https://github.com/kepano)'s minimal cards.)

-   [🚩 Timeline callout](https://github.com/Seniblue/Underwater/blob/main/%F0%9F%90%A0%20SNIPPETS/%F0%9F%9A%A9%20Timeline%20callout.css) (tweaked from [@FireIsGood](https://discord.com/channels/686053708261228577/702656734631821413/1156868388249935883)'s timeline callout)

# 🧩 Plugins support

![](https://github.com/Seniblue/Underwater/blob/main/img/plugins.png)

- [Kanban](https://github.com/mgmeyers/obsidian-kanban)

- [Pomodoro timer](https://github.com/eatgrass/obsidian-pomodoro-timer)

- [Calendar](https://github.com/liamcain/obsidian-calendar-plugin)

- [Widgets](https://github.com/rafaelveiga/obsidian-widgets)

- [Tokei](https://github.com/ms3056/Tokei)

- [Todoist Sync](https://github.com/jamiebrynes7/obsidian-todoist-plugin)

- [Make.MD](https://github.com/Make-md/makemd)

- [File Tree Alternative](https://github.com/ozntel/file-tree-alternative)

- [Wypst](https://github.com/0xpapercut/obsidian-wypst)

- [Dataview](https://github.com/blacksmithgu/obsidian-dataview)

- [Meta Bind](https://github.com/mProjectsCode/obsidian-meta-bind-plugin)

- [Cardboard](https://github.com/roovo/obsidian-card-board)

# Credit

Credit to these themes for certain elements and inspiration!

- [Border](https://github.com/Akifyss/obsidian-border) by [@Akifyss](https://github.com/Akifyss)

- [AnuPpuccin](https://github.com/AnubisNekhet/AnuPpuccin) by [@Anubis](https://github.com/AnubisNekhet)

- [Minimal](https://github.com/kepano/obsidian-minimal) by [@Kepano](https://github.com/kepano)

- The Obsidian [Forum](https://forum.obsidian.md/)

# Tasks

- [x] Add more options for settings with style settings

- [x] Work on README

- [x] Add custom color schemes

- [x] 📱 Mobile support

- [x] RTL support

---

💫 Feel free to star the theme on github if you enjoy it!