README file from
Githubblobob theme
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.
Colour Options (68)
Note: Heading is green due to my current Obsidian accent color. Some themes override it with their own.
6 Button Styles + 38 Dark Theme Colors + 30+ Light Theme Colors!!
Dark Theme Colors
Amoled |
Darker Gray |
|---|---|
Neutral Gray |
Slate Smoke |
Arctic Ice |
Noble Blue |
Cold Memory |
Green Road |
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 |
Light Theme Colors
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, Cold Memory
Favourite Light Themes: Payesh, Chicken, Corporate, Yellow Teeth
Settings Tabs
It is animated using ease-in-ease-out and anticipation animation principles.
Setting Items
Right-click Menu
I absolutely love how this looks.
Toggle Animation
Checkboxes
Hide Nav Buttons
Animated Tabs
I personally have Alt + < and Alt + > for easy tab navigation.
Tab Bar
 |
 |
|---|
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.
Pinned Tabs
Default pinned tabs animation
Bubble pinned tabs animation
Callout Style
Style Settings
You can use the Style Settings plugin to activate these extra styles!
Active Line Highlighting
Active Line Dimming & Floating
Active Line Prefix!
Properties Styles
The Properties Styling does not affect the "Show File Properties" brought via Command Palette.
Style 1:
Style 2:
Style 3:
Style 4:
Cool Properties Features
-
Dim properties unless hovered
-
Hide arrows in the properties heading
-
Center the properties heading
-
cssclasses & tag styles
-
Metadata key colors
Folder Styles
 |
 |
|---|
Custom Bullets
Define Custom Bullets!
Hiding
- 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
Why is the theme named blobob?
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.