Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/SlRvb/Obsidian--ITS-Theme
Theme designed with readability and customizability in mind. Change it easily to your liking with the Style Settings plugin installed.
https://github.com/SlRvb/Obsidian--ITS-Theme
css-snippets darkmode lightmode obsidian obsidian-md obsidian-theme theme
Last synced: 3 months ago
JSON representation
Theme designed with readability and customizability in mind. Change it easily to your liking with the Style Settings plugin installed.
- Host: GitHub
- URL: https://github.com/SlRvb/Obsidian--ITS-Theme
- Owner: SlRvb
- License: gpl-2.0
- Created: 2021-01-30T12:03:12.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-11-12T09:52:52.000Z (3 months ago)
- Last Synced: 2024-11-12T10:37:44.826Z (3 months ago)
- Topics: css-snippets, darkmode, lightmode, obsidian, obsidian-md, obsidian-theme, theme
- Language: SCSS
- Homepage: https://publish.obsidian.md/slrvb-docs/ITS+Theme/ITS+Theme
- Size: 59.7 MB
- Stars: 566
- Watchers: 9
- Forks: 113
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
- awesome-obsidian - SlRvb/Obsidian--ITS-Theme - -ITS-Theme/master/ITS.png "") | ([Custom-folder-files-tree](code/css-snippets/custom-folder-files-tree.css))
- jimsghstars - SlRvb/Obsidian--ITS-Theme - Theme designed with readability and customizability in mind. Change it easily to your liking with the Style Settings plugin installed. (SCSS)
README
# ITS Theme by SlRvb
> Theme for my Obsidian Story Vault: **In The Shadows**.
[](https://ko-fi.com/N4N64JN4L)
---
# Guide
Check out the [ITS Theme Documentation](https://publish.obsidian.md/slrvb-docs/ITS+Theme/ITS+Theme) hosted on Obsidian Publish!
---
###### Download
Download these for a better experience
- **[Style Settings plugin](https://github.com/mgmeyers/obsidian-style-settings)**
Allows you to customize the ITS Theme to your liking
- **[Encoded Icons Snippet](https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/Snippets/S%20-%20Encoded%20Icons.css)** and **[Encoded Fonts Snippet](https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/Snippets/S%20-%20Encoded%20Fonts.css)**
Other icon fonts that are used in the [Alternate Themes Snippet](https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/Guide/Alternate-Themes.md)
###### Snippets Already Included
No need to download these snippets to your vault if you're using the ITS Theme, they work out of the box the moment you install ITS
- S - Checkboxes
- S - Callouts
- S - Image Adjustments
- S - Aside
- S - Embed Adjustments
- S - Kanban
- All Alternate Themes
---
# Features
- **Dark and Light mode**
- Colored Graph
- Squared Edges
- **Heading:**
- **Underline**: spans across the page depending on the heading
- **Embeded:** Embedded files have smaller headers and are 1 color
- Custom Horizontal line
- *Credit:* [TriDiamond](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/223)
- Tag Pills (Rectangular)
- Metadata minimal style
- Checkboxes
- *Credit:* [Kepano: Nicer Checkboxes](https://forum.obsidian.md/t/nicer-checkboxes/2238)
- **Images:**
- Images Centered
- **Zoom:** images enlarges upon clicking and holding it
- *Credit:* [Kepano: Image Zoom Click Hold To Expand Images](https://forum.obsidian.md/t/image-zoom-click-hold-to-expand-images/5164)
- **Image Positions:** Move images to either left, right, center, change types, etc.
- Inspired by: [Lithou's Image Flags](https://github.com/Lithou/Sandbox/blob/main/.obsidian/snippets/pub-Image%20Flags.css)
- *If you use lithou's snippet, this feature does conflict with it.*
- **\\** for images or other files attributions
- Adds a different color to text within it to differentiate it from other text
- Centered to match image centering
- Adding: `alt="left"` and `alt="right"` within it will push the attribute to left and right of the screen.
- **Blockquotes**
- Soft background
- Wider blockquote
- Quotation marks added top right corner
- **Popover**
- Larger Popover
- Images fit within the popover window
- Images are cropped in popover window
- **Line Relationships**
- Bullet Points
- *Credit:* [Lizardmenfromspace](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/2)
- Outline Pane
- Folder Navigation
- Tag Pane
- **Folder Navigation Icons**
- Credit: [Deathau](https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/109)
- **Text Wrapping**
- Outline Pane
- Tag Pane
- File Explorer Sidebar
- Embed Titles
- Query Titles
- **Embed Adjustments**
- **Aside** for comments/etc
- **Style Settings Plugin Suported**
- **Fonts:** (Main ones are near the `listed:`, alternates are below it)
- **Headings:** [Calisto MT]()
- [Suez One](https://fonts.google.com/specimen/Suez+One)
- [Palatino Black](https://www.fonts.com/font/linotype/palatino/black)
- [Georgia Bold](https://www.fonts.com/font/microsoft-corporation/georgia/bold)
- **Monospace:** [JetBrains Mono Medium](https://www.jetbrains.com/lp/mono/)
- [Recursive Mono Casual Static Medium](https://www.recursive.design/)
# Preview
## Darkmode
**Features**
**Edit Mode**
## Lightmode
**Features**
**Edit Mode**
