Theme: ITS (Dark/Light Theme)

Update

  • Fixes:

  • Style Setting Toggle to display embed headings similar to regular headings (Under Note Elements > Embed Heading Undo)
    Obsidian_lzMquEcfWs
    jnGFAjoypq


Icons

  • Obsidian icons moved from icon swapper plugin into theme
    • Style Setting Toggle for Icons under Workspace
    • Need to turn toggle off to use Icon Swapper plugin
  • Encoded Icons moved out of the ITS theme and into a separate snippet: Encoded Icons Snippet


Minimalist Workspace

Toggles to hide UI elements unless hovered over specific areas

  • Hide All toggle hides everything listed below
  • Hide Resize Handles
  • Hide Vault Name
  • Hide File Explorer/Search Buttons
  • Hide Sidebar Tab Icons
  • Hide Ribbons
  • Hide Note Title
  • Hide Note Title Icons
  • Hide Title Bar
  • Hide Status Bar

0L3uAHrlNr


Markdown Attribute CSS Snippet Update
2 Likes

Update

Alternate Checkboxes

  • Colorful Task Text Style Setting Toggle enabled by default
    (Under Note Elements > Lists)

Alternate Checkboxes Snippet

  • Style Setting Toggle to enable colorful task text or just default dimmed text
  • Should work with most themes, I’ve tested the snippet with:
    • Yin & Yang
    • California Coast
    • Minimal theme
9 Likes

Great! I’ve written a little script to replace the default Ctrl + enter to toggle the checkboxes, they’re great!

1 Like

Update

3 Likes

Mini Update

  • ITS Icons have been set as default when theme is loaded in
  • Style Settings toggle renamed to Remove ITS Theme Icons

If the theme’s icons disappear for you, uncheck Workspace > Remove ITS Theme Icons

1 Like

Update

(Images will be added later)

  • Fixes

    • Sliding Pane Plugins Icon Alignment & Gradient now aligns properly
    • Tag Pane dot is actually removed properly
    • Fix strange hidden cursor issue
    • Recolored Footnote Text
    • Folder Icon hides when using the Obsidian Icon Folder Plugin
    • Recolored Scrollbar
    • Coloful Bullet Lines Recolored
    • Codeblock & justified setting error
    • Fix Mobile Bullet Error
    • Remove Note Title Border
    • Removed broken Music and Scales ABC.js plugin styling
    • Fix blockref coloring
    • Graph Settings cog padding adjusted
    • Misalignment of text cursor due to horizontal line fixed
  • New Outline Pane Styling (Toggle off under Workspace > Hide Outline Pane H)

  • Icon Folder plugin icons will auto replace the ITS folder icon when applied (working on getting it to play nice with files)

  • Restyled Media Extended plugin

  • Alternate Checkboxes supports CodeMirror Options to display in edit mode as well

    • New checkbox types: Idea, Brainstorm, Pro, and Con

Style Settings

Rearranged/Edited:

  • All headings are collapsed for easier browsing
  • Added descriptions to help
  • Moved most colors back to the Colors section for easier mass editing
  • Renamed Workspace Tab Note Adjustment to Sidebar Note Adjustment & added a description
  • Renamed Lists’ Specific Line Color section to Colorful Lists
  • Note Elements has new sections:
    • Horizontal Line
    • Embeds
    • Headers
    • Frontmatter

New Settings

  • Neon Bullet Lines toggle for preview and edit mode
  • Alternate Indent Styling toggle for Live Preview
  • 1 Color Bullets & Lines toggle
  • Dim Scrollbars toggle
  • Disable Settings Animation toggle
  • Minimized Frontmatter toggle
  • Restore Crossed Checkbox toggle
2 Likes

Hello @SlRvb !

Just to say thank you for the past 9 updates that I missed !

I was always using my dear ITS and improving my workflow with Obsidian :slight_smile:

Now I update and I have a lot of ground to cover ! I wanna see every new feature :slight_smile:

I thanks again for this amazing theme ! I hope everything is okay with you !!!

-Felipe

2 Likes

Hey,
I really like your plug in, especially in dark mode. Only problem I have is that I cannot find the proper way to create an alias. I always put three dashes at the top before and after but it does not work.

Do you have an idea what I might be doing wrong?

Cheery

Hey @SlRvb, is this the right place to ask questions about the alternate checkboxes? I saved your file as a snippet to try with other themes. It works fine with your ITS theme but other themes strike out text in live preview mode and sometimes in the regular preview/reading mode. I’ve also noticed the icons don’t always show up. See examples below. Is there something I can edit to fix this? Thank you!!

Default Obsidian theme:

Pink Topaz:

Shimmering Focus:

Never mind, I am an idiot at times :slightly_smiling_face:

Ah yeah, some themes have their own checkbox styling that might override mine depending on how they’ve done theirs.

For Live Preview, I’ve been doing some work and an update should be coming around to fix the strikethrough issues :thinking:

1 Like

Thanks! I’ll keep an eye out for the update :grin:

Update

Going forward I think I’m gonna stop with pushing photos unless it’s a big change to my updates, it keeps me from pushing out the update logs on a more consistent basis. Sorry to those that might’ve enjoyed seeing them :see_no_evil:

Fixes

  • Minimized FrontMatter alignment for mobile
  • Style Setting Colors: Graph Focus Color fixed
  • Folder Icon will auto hide if an icon from the Icon Folder Plugin is added
  • Better AidenLx Folder Plugin support: Clicking the empty space now opens the folder properly
  • Sidebar’s Active/Selected Tab now Fully colored, no longer a just a bordered line at the top
  • Update Statblock Design for its Beta version
  • Added styling for Dataviews bracket syntax [], ()

Live Preview Updates

  • Bullet/Checkbox padding aligned for Live Preview
  • HR Line Live Preview matches Reading Mode Design
  • CM6 Gutter Line color set transparent
  • Dataview Styling to match Reading Mode Design
  • Glasses Icon redesigned

Alternate Checkboxes Updates

Alternate Checkboxes (New updates also included for ITS Theme)

  • New Checkbox Types: Quote, Info, Bookmark, Note
  • Checkboxes Converted into Encoded Icons
  • Colorful Background (Alternate/Checkbox Admonitions) Toggle
  • Normal Task Text Toggle
  • Support for Live Preview

Other updates for toggable strikethroughs and fixes are still coming and I might be able to push them out tomorrow if I get back soon enough🙈

Style Settings

  • Added Faint Text to Colors > Text > Faint Text
  • Renamed Folder to better titled Open Folder
  • Added Folder Color Hover to Colors > Workspace
  • Added Bottom Navbar Buttons toggle to move sidebar buttons down, inspired by the Prism Theme
  • Hide Underline for individual Headings. Text > Specific View Headings Changes > Heading Underlines
  • Renamed Raise Right Sidebar to Raise Sidebar & Doc Search: Will now also raise up the Find as well as the Search and Replace modal on notes

Alternate Theme

Get the Nord - All Alternate Themes Snippet here


1 Like

I think the new update might fix that? Sorry it took so long :see_no_evil:

I’ve update a couple other things so it should be easier for me to support other themes with the snippet, so do report back if it isn’t fixed still :slight_smile:

Update

Fixes

  • Bullet color fixed for Source Mode
  • Added Interactive Failure Color
  • Fixed Interactive Success Color
  • Alternate Checkboxes Fix for Devices that use input, also thicken the strikethrough

Plugin Support Updates

  • Breadcrumbs Matrix and Trail restyled
  • Kanban tags squared
  • Initiative Tracker Encounters block restyled. h-pcs cssclass to hide players on the block.
  • Indent Group line width adjustment works with ITS default line width slider
  • Fantasy Calendar active and opened day recolored, Settings restyled
  • Dice Roller Dice & Buttons Restyled

Live Preview

  • Support new beta 0.13.17 bullet css
  • Added and adjusted @Murf’s cm6 Rainbow List CSS
    (temporarily until stuff for list lines are added)

Style Settings

  • Added Slider for width adjustment for @Murf’s Rainbow List lines
  • Moved Checkbox toggles in Lists to it’s own section: List > Checkboxes which includes the Check Strike Specific section

Did you share this script somewhere? I am interested in it :smiley:

Update

Fixes

  • HTML Progress bar restyled <progress value=# max=#> 7dlIDEmSQ6
  • dvl class small drop shadow added
  • kanban, dvl combined classes now have a border and a drop shadow
  • New paraphrase blockquote syntax styling: >> Paraphase blockquote
  • Plugins
    • Slides: Fixed Link & Blockquote Colors
    • Removed some !importants on old styling
    • Cooklang: Fix missing the Step headers
    • Fantasy Calendar: Restyled Month View with nicer weekday & week numbers background MukHs7l6OH
    • Admonitions: Fix being unable to edit below admonitions blocks in Live Preview
  • Live Preview
    • Edit Codeblock stays square
    • Numbered Lists align properly
    • Added Header Underline to Live Preview
    • Heading Arrow & Level Indicator no longer overlappting
    • Image & Embed left, locl, right, locr disabled in Live Preview to avoid being unable to select/edit text beside the images/embeds.

Alternate Themes

Style Settings

  • Specific Heading Notes Only Toggle to prevent Heading Specific Styling from affecting some plugins panes
    Under: Text > Specific View Heading Changes > Specific Heading Notes Only
  • Toggle To Disable Murf’s Rainbow Lines
    Under: Note Elements > Lists > Disable Murf's Rainbow Lines
  • Fix Double Bullet issue Temporary Toggle; this will misalign bullet/number and task lists
    Under: Note Elements > Lists > Fix Double Bullet
  • Header Color Override toggle to override other markdown stuff with header colors if it’s in the header
    Under: Note Elements > Headers > Header Color Override
1 Like

Updates

Fix

  • Alternate Checkboxes now show in Live Preview Admonitions and Dataview (ITS Theme only for now)
  • Error Button colors fixed for light and darkmode
  • Image Adjustments no longer slows down Leaflet

Style Settings

  • Toggle to disable Alternate Checkboxes under Note Elements > Lists > Checkboxes > Disable Alternate Checkboxes to support the Snippetor plugin
1 Like

Update

  • Small drop shadow on blockquotes and buttons
  • Settings Sidebar headers re-styled

Fixes

  • Workspace Loading Progress Bar squared
  • Community themes delete button recolored and squared
  • Live Preview: Dataview Tables and Error text wraps properly
  • Blockquotes Live Preview only on top of blockquote & hidden on mobile
  • Search/Back/Out-going & Query line separator spacing fixed
  • Switch inline Dataview syntax colors
  • Live Preview unresolved links colored correctly
  • Link favicon shows up properly in popover
  • Image Adjustments left, locl, right, locr now works in popover
  • hcl cssclass in Live Preview recolors the header borders and centers text
  • hc Centers headers in Live Preview
  • Removed Gradient Underline in Initiative Tracker
  • Recolored Active Button

  • Note Text Size Style Setting works with Live Preview
  • Default Bullet Symbol updated for Live Preview

Style Settings

  • Note Text Size step reduced to 1 for finer tuning
  • Alternate Themes included! Toggle them on in the Style Settings. (Fonts not included)
    Under: Alternate Color Schemes
    • Added TTRPG dropdown to select D&D or D&D WOTC (Now renamed D&D WOTC/Beyond)

Alternate Themes/Color Schemes

  • Alternate Color Schemes as CSS Classes for individual notes!
  • Some limitations apply like background color for notes don’t display :pensive: I’m still working out a fix
cssclass: slrvb-b     # SlRvb Blue
cssclass: slrvb-g     # SlRvb Gray
cssclass: s-d         # School Days
cssclass: dnd         # TTRPG > SlRvb D&D
cssclass: wotc-beyond # TTRPG > WOTC/Beyond
cssclass: t-d         # Tangerine Dunes
cssclass: drwn        # Drowned
cssclass: mini        # Minimalist



New Alternate Theme

Minimalist

  • Grayscale-ish coloring for focus
  • Works best with the minimalist workspace toggles for additional focus
  • (ITS Theme Style Settings only (For now))


For a full minimalist workspace:

  • Toggle these settings on:
    1. Workspace > Minimalist Workspace > Hide All UI
    2. Workspace > Minimalist Workspace > Writing
    3. Workspace > Minimalist Workspace > Dim Scrollbar
    4. Note Elements > List > 1 Color Bullets & Lines
  • Toggle these settings off:
    1. Note Elements > List > Colorful Task Background

Alternate Checkboxes

  • Should now work in embeds
  • Swap lightmode Colors for Brainstorm and Information

New Alternate Checkbox types:

- [p] Paraphrase
- [L] Location
- [E] Example
- [A] Answer
- [r] Reward
- [c] Choice


This checkbox update already included in ITS update.
Redownload the Alternate Checkboxes Snippet to update your snippets.

1 Like

Update

  • dvl-c cssclass to create Notion Gallery inspired items
    • Only affects both Dataview Tables & Lists

Fixes

  • LP Header Indicators no longer clip outside the canvas when Readable Line Length toggled on
  • Checkboxes position adjusted
  • Squared Kanban plugin’s empty slot
  • Reapplied Red Graphite Inspired Heading syntax’s sizing/colors
  • Footnotes clicked on long notes no longer only scroll halfway up the page
  • Scrollbar colors css fixed

  • Image Adjustments banner, profile work properly now
    • Changed pr, pl, pc, pt, pb to p+r, p+l, p+c, p+t, p+b to not conflict with profile
    • If this breaks your workflow this regex search & replace code should work if you use something like VSCode:
      • Search: (!\[)([\w\+\-\s]+)?\|([\w\+\-\s]+)?p([lrtcb])([\w\+\-\s\]\|]+)?([\]])
      • Replace: $1$2|$3p+$4$5$6
    • Let me know if the regex doesn’t catch all cases and I’ll try to update it

Alternate Color Schemes

  • New Notion inspired Alt Color Scheme!
    • Restyles Dataview & Kanban plugins to mimic Notions Board and Gallery views




  • Alternate Color Scheme CSSClasses now apply the background color and WOTC’s edges!


Style Settings

  • Toggle for Notion Styling for Kanban plugin
    Under: Plugins > Kanban Plugin Notion Style

  • Slider to adjust Note Width when Readable Line Length in Editor Settings toggled on
    Under: Workspace > Workspace Resize > Note Width

  • Slider for Vault Title Font Weight
    Under: Text > Size > Vault Title Weight

  • Scollbar Color Pickers
    Under: Colors > Workspace > Scrollbar FG/BG Color

  • Table Header Color Pickers
    Under: Colors > Note Elements > Table Header BG Color
    Under: Colors > Note Elements > Table Header FG Color

1 Like