# Obsidian--ITS-Theme

**Repository Path**: liuwave/Obsidian--ITS-Theme

## Basic Information

- **Project Name**: Obsidian--ITS-Theme
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: GPL-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-12-11
- **Last Updated**: 2024-12-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ITS Theme by SlRvb

> Theme for my Obsidian Story Vault: **In The Shadows**.

![](ITS.png)

[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](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!

<!--
- [Image Positions/Adjustments](https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/Guide/Image-Positions.md)
- [Alternate Checkboxes](https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/Guide/Alternate-Checkboxes.md)
- [Callouts](https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/Guide/Callouts.md)
- [CSS Classes](https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/Guide/CSS-Classes.md)
- [Embed Adjustments](https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/Guide/Embed-Adjustments.md)
- [Alternate Themes](https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/Guide/Alternate-Themes.md)
- [Folder Styles](https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/Guide/Snippet--Folder-Styles.md)
- **⚠ Depreciated Snippets:**
	- [\<i>\</i>](https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/Guide/HTML-I-Attributes.md)
	- [Asides](https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/Guide/Asides.md)
	- [Alternate Admonitions](https://github.com/SlRvb/Obsidian--ITS-Theme/blob/main/Guide/Alternate-Admonitions.md)

-->

---
###### Download
Download these for a better experience

- **[Style Settings plugin](https://github.com/mgmeyers/obsidian-style-settings)** <br> 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)** <br> 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.*
- **\<i>\</i>** 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
![](Images/Darkmode.png)

**Features**
![](Images/Darkmode-Features.png)
**Edit Mode**
![](Images/Darkmode-Editing.png)

## Lightmode

![](Images/Lightmode.png)

**Features**
![](Images/Lightmode-Features.png)
**Edit Mode**
![](Images/Lightmode-Editing.png)