An animated theme for Obsidian!
As a self-taught animator with 7 years of experience, I love seeing motion in interactions. So I created this theme with 60+ colour options and, of course, ANIMATIONS! ( ≧ᗜ≦ )
It supports Style Settings for lots of customization. Blobob Theme is currently in development, so if you find issues or want features or more styles, please create an issue here.
I'd recommend trying this theme out without reading the rest of the README for surprises.
Note: Heading is green due to my current Obsidian accent color. Some themes override it with their own.
| Amoled |
Darker Gray |
|---|---|
| Neutral Gray |
Slate Smoke |
| Arctic Ice |
Noble Blue |
| Dark Night |
Deep Blue |
| Deep Purple |
Violent Dream |
| Magic Purple |
Lavendar |
| Emerald |
Muted Green |
| More Olives |
Deep Green |
| Rose Gold |
Crimson Twilight |
| Wine |
Deep Hotpink |
| Deep Magenta |
Golden Earth |
| Golden Hour |
Caramel |
| Chocolate |
Dark Chocolate |
| Comfort Chocolate |
Tasty Chocolate |
| Tasty Chocolate 2 |
Leather |
| Mafia Red |
Deep Red |
| Cloud White |
Paper White |
|---|---|
| Light Gray |
Sand |
| Peach |
Yellow |
| Green |
Cyan |
| Blue |
Azure |
| Purple |
Pink |
| Herb |
Olive |
| Jade |
Rose |
| Yellow Teeth |
Toothpaste |
| Blood |
Corporate |
| Disgust |
Payesh |
| Chicken |
Cream |
| Cream Blue |
50% Gray |
My favourites are:
Favourite Dark Themes: Dark Night, Golden Earth, Crimson Twilight, Emerald, Mafia Red
Favourite Light Themes: Payesh, Chicken, Corporate, Yellow Teeth
It is animated using ease-in-ease-out and anticipation animation principles.
I absolutely love how this looks.
I personally have Alt + < and Alt + > for easy tab navigation.
Left: Fixed stack tabs button along with the left sidebar button (which moves into the sidebar when active).
Right: Fixed + Add Tab button & right sidebar button, custom mix-max-close buttons.
Design Idea: Essential buttons should stay fixed.
Design idea: Sharp when active, darkened and standing down when inactive (like bodyguards).
You can use the Style Settings plugin to activate these extra styles!
6 Button Styles + 35 Dark Theme Colors 👀 + 30+ Light Theme Colors!!
The Properties Styling does not affect the "Show File Properties" brought via Command Palette.
Style 1:
Style 2:
Style 3:
Style 4:
-
Dim properties unless hovered
-
Hide arrows in the properties heading
-
Center the properties heading
-
cssclasses & tag styles
-
Metadata key colors
Define Custom Bullets!
- Focus Mode – Hides the tab bar, min-max-close buttons & status bar
- Hide Status Bar - Hides the Status Bar
- Hide Breadcrumbs - Hides the parent paths in view-header
I drew Blob a long time ago as a simple character concept.
At one point, I planned to turn it into a small animated task-reminder app using Rive, but the idea never went further. The character stayed with me, though.
In the theme, the main face you see is the yellow character I named Bob:
Blob is the original concept, Bob is the face used in the theme. Together, they became blobob.