%% ----- Badges ----- %%     %% ----- Badges ----- %% %% ----- Do not edit this section ----- %% # Shiba Inu Repository: [GitHub](https://github.com/faroukx/Obsidian-shiba-inu-theme) Designed by: [[faroukx]] Modes: [[Dark-mode themes|dark]], [[Light-mode themes|light]]  %% ----- Do not edit anything above this line ----- %% %% Does the repository or author have any sponsoring links? Uncomment the next line and add them to the author's note. If they don't, please delete the placeholder tag: #placeholder/author %% %% ![[faroukx#Sponsor this author]] %% ## Features - [[Themes with Friendly Settings|Friendly settings]]: Supports the [[obsidian-style-settings|Style Settings]] plugin ## Customization Options (Style Settings Plugin) - ૮ ºﻌºა Welcome: Welcome to Shiba Inu theme for Obsidian! If you need any assistance, please [submit an issue](https://github.com/faroukx/Obsidian-shiba-inu-theme/issues) on GitHub. - **[Github](https://github.com/faroukx/Obsidian-shiba-inu-theme)** - **[Obsidian Homepage by Farouk (Tutorial for Shiba Inu)](https://github.com/faroukx/obsidian-homepage)** - **[Obsidian forum thread for Shiba Inu (Shiba Inu Community)](https://forum.obsidian.md/t/theme-shiba-inu/53395)** **Colors**: Customize the look and feel of the theme with color palettes, accents and styling. - Light Theme: Select your color palette - Dark Theme: Select your color palette - Enable Accent Style: Adjust the theme style with the accents below - Accent Colors: Compatible with highlight color - **Custom Palette**: Customize your own color palette! - Background Primary: Base; such as markdown, vertical tab content and active tab. - Background Primary (alt) - Background Secondary: Side; as in layouts, vertical tab header and inactive tabs. - Background Secondary (alt) - Background Modifier Border: Surface; such as the scrollbars and the borders. - Background Modifier Border: Surface; such as the scrollbars and the borders. - **Custom Accents**: Customize your own accent color! - Accent color: Change the color of the accent. **Editor**: Personalize the look of headers, texts, blockquotes, callouts, and other elements in your notes. - **Font**: Characteristics, styles, and options of fonts. - **Fonts family**: - Text Font: Main fonts used are not applied to the code texts. - Vertical Bar (Settings) - Folder & File Title - Codebox: ```codebox``` - Inline Code: `inline` - Tag - Vault Name - **Fonts size**: - Folder and File - Vault Name - File Header: doesn't work for Sliding Pane plugin. - Codeblock - **Headers**: Characteristics, colors, and fonts of headers. - Enable Custom Heading Colors - Enable Clutter Free Headings: Displays formatting marks while editing, and replaces them with a muted "H1", "H2", etc. if they are not the active line. - Disable H1-H6 Indicators: Removal of H1-H6 indicators in front of titles on mouseover. - **H1 settings**: - H1 Shiba font - H1 Custom font - H1 size (em) - H1 weight - H1 line height - H1 color - Custom H1 Color - H1 Underline: You must have the Custom Heading Colors enabled or, if disabled, have selected a custom color for it to work. - **H2 settings**: - H2 Shiba font - H2 Custom font - H2 size (em) - H2 weight - H2 line height - H2 color - Custom H2 Color - H2 Underline: You must have the Custom Heading Colors enabled or, if disabled, have selected a custom color for it to work. - **H3 settings**: - H3 Shiba font - H3 Custom font - H3 size (em) - H3 weight - H3 line height - H3 color - Custom H3 Color - H3 Underline: You must have the Custom Heading Colors enabled or, if disabled, have selected a custom color for it to work. - **H4 settings**: - H4 Shiba font - H4 Custom font - H4 size (em) - H4 weight - H4 line height - H4 color - Custom H4 Color - H4 Underline: You must have the Custom Heading Colors enabled or, if disabled, have selected a custom color for it to work. - **H5 settings**: - H5 Shiba font - H5 Custom font - H5 size (em) - H5 weight - H5 line height - H5 color - Custom H5 Color - H5 Underline: You must have the Custom Heading Colors enabled or, if disabled, have selected a custom color for it to work. - **H6 settings**: - H6 Shiba font - H1 Custom font - H6 size (em) - H6 weight - H6 line height - H6 color - Custom H6 Color - H6 Underline: You must have the Custom Heading Colors enabled or, if disabled, have selected a custom color for it to work. - **Text Colors**: Bold and Italic colors. - Custom Font Color - Enable Italic and Bold Colors - Color of *Italic* - Custom *Italic* Color - Color of **Bold** - Custom **Bold** Color - **Others Colors**: Highlights and Tags colors. - Custom ==highlights== color - Custom tags color - **Image Settings**: Customize your images by adjusting various settings such as border radius. - Enable Image Zoom via CSS - Image Border Radius (any unit, no space) - **Links**: Internal, External and unresolved links customizations and colors. - Toggle Internal Link Underline - Disable External Link Underline - Toggle Unresolved Link Underline - Internal Link Color - External Link Color - Unresolved Link Color - **Tabs**: Tabs customizations and colors. - Tab style - Tab Radius: Format is px - Disable new tab button right alignment - **Tables**: Modification of the design of the tables. - Toggle table with line border: Excel table style. - Center tables margin - Custom table border width - **Table Headers**: - Table headers highlight - Highlight opacity - Text align - **Table data cells**: - Table data cells highlight - Text align - **Callouts**: Custom callouts style. - Toggle callout styling - Select callout style - Toggle fold position at the corner - Toggle custom callout colors - Callout Radius: Format is px - **Horizontal Bar**: The ---. - Select horizontal bar style - Horizontal bar Size: Format is px - Custom horizontal bar Color - **Checkboxes**: Custom checkboxes. - Enable Custom Checkboxes - **Blockquotes**: Custom blockquotes. - Blockquote **Miscellaneous**: Unique features specifically designed for the Shiba Inu theme. - **Buttons Style**: Style to make the buttons look better. - Enable Buttons Plugin Style: Current Buttons plugin built-in classes：🔸"circle_btn" ⬜️ "blank" 🔸 "grad_button" 🟣"btn_purple" 🔵"btn_blue" 🟢"btn_green" 🟩 "btn_lightgreen" 🟡"btn_yellow" 🔴"btn_red" 🦩 "btn_pink" 🌊 "btn_cyan" - Enable Buttons Workspace Style: Set up buttons with a smooth 3D shadow effect - **Translucent Panel**: Style to make the background of the control panels, settings, template and quick switcher transparent. - Pane Style - Translucent Setting Panel: Make the background of the panel completely transparent **Workspace**: Configure all relevant workspace settings. - **File explorer**: Settings for the file explorer in the sidebar, such as the vault title and the folders and notes. - **Vault Title**: - Hide Vault Title - Enable Floating Box for the Vault Title - Enable Folder Icons - Select your custom folder icons - Custom Folders Icon (svg url): You will need an SVG url converted to css for the custom icon; www.svgrepo.com/vectors/user/ Once downloaded, open it in VSC and convert it to CSS. Then copy the entire set "url(data:image........................./%3E%3C/svg%3E")". - **Files & Notes**: - Remove custom file icons - Enable custom folder icons - Select your custom folder icons - Enable rainbow recoloring of the collpase indentation - Enable accent recoloring of the collpase indentation - **Colorful Folders**: Add colorful backgrounds to your folders and color to your folder titles in the file explorer. - Select Folder Colorful Mode - Folder Color Palette - Background radius: Size unit is px - Background opacity: Size unit is px - Custom Color of Note Title - Custom Color of Folder Title - **Custom Folders Colors**: - Custom Color of Folder 1 - Custom Color of Folder 2 - Custom Color of Folder 3 - Custom Color of Folder 4 - Custom Color of Folder 5 - Custom Color of Folder 6 - Custom Color of Folder 7 - Custom Color of Folder 8 - Custom Color of Folder 9 - Custom Color of Folder 10 - **Scrollbar**: Settings for the Scrollbar. Adjust the width, Add Scroll Buttons, etc. - Hide scrollbars: It is hidden but when you place the cursor there it appears. - Styled scrollbars: Minimal scrollbars (replaces native scrollbars) - **Graph View**: Customizing graph view colors. - Graph line color - Graph tag color - Graph attachment color - Graph unresolved color - Graph arrow color - Graph line highlight color - Graph circle color - Graph circle highlight color - **Layout**: settings for the workspace frames, such as tabs and borders. - Layout Style - Disable borders - Custom borders Color - **Cards layout style**: - Card radius: Size unit is px - Card padding: Size unit is px - Tab left padding: Size unit is px - Enable shadows for cards - Enable card format for left ribbon - Enable card format for file explorer - **Background Image**: Add a background to the workspace. - **Workspace Background Image**: - Enable Workspace Background Image - **Light Mode**: - Light Mode Background - Custom Background Light Mode (url): Customize the background image. Use the default format below for an online image. Use the following format to point to a local file - url("app://local/D:/Pictures/Mountain.jpg"). - Blur Radius: To adjust the radius of blur - Brightness of Image: To adjust the brightness - Opacity of Image: To adjust the opacity - **Dark Mode**: - Dark Mode Background - Custom Background Dark Mode (url): Customize the background image. Use the default format below for an online image. Use the following format to point to a local file - url("app://local/D:/Pictures/Mountain.jpg"). - Blur Radius: To adjust the radius of blur - Brightness of Image: To adjust the brightness - Opacity of Image: To adjust the opacity - **File Explorer Background Image**: - Toggle Background Image - Opacity of Image: To adjust the opacity - **Light Mode**: - Light Mode Background - Custom Background Light mode: Customize the background image. Use the default format below for an online image. Use the following format to point to a local file - url("app://local/D:/Pictures/Mountain.jpg"). - **Dark Mode**: - Dark Mode Background - Custom Background Dark mode: Customize the background image. Use the default format below for an online image. Use the following format to point to a local file - url("app://local/D:/Pictures/Mountain.jpg"). **Complements**: Customized snippets and plugins for the Shiba Inu theme. - **Minimal Cards Snippet**: Customization of the Minimal theme Cards Layouts snippet by @kepano https://github.com/kepano/obsidian-minimal/blob/dc9e0b48a6fb1cc3cddc6819ce1aaa466660426f/src/scss/features/cards.scss (You must download it from the link if you want to use the customization) - separate values with lines - Select cards style - Card minimum width: Adjust the width of the cards - Card maximum width: Default fills the available width, accepts valid CSS units - Card maximum image height: Adjust the height of the cards - Card padding: Adjust the padding of the cards - Card border width - Card background color - Custom cards borders Color **❤️ Support**: - None: Created by [Farouk](https://github.com/faroukx). If you appreciate the theme, you can show your support by... - [Buying me a coffee](https://www.buymeacoffee.com/faroukx) ☕️ - [Starring the theme on GitHub](https://github.com/faroukx/Obsidian-shiba-inu-theme) ⭐ If you enjoyed using the theme, consider sharing it with members of the community on the Discord or forum to help grow our community together! %% Hub footer: Please don't edit anything below this line %% # This note in GitHub <span class="git-footer">[Edit In GitHub](https://github.dev/obsidian-community/obsidian-hub/blob/main/02%20-%20Community%20Expansions/02.05%20All%20Community%20Expansions/Themes/Shiba%20Inu.md "git-hub-edit-note") | [Copy this note](https://raw.githubusercontent.com/obsidian-community/obsidian-hub/main/02%20-%20Community%20Expansions/02.05%20All%20Community%20Expansions/Themes/Shiba%20Inu.md "git-hub-copy-note") | [Download this vault](https://github.com/obsidian-community/obsidian-hub/archive/refs/heads/main.zip "git-hub-download-vault") </span>