Theme: ITS (Dark/Light Theme)

Hello @SlRvb

I just installed your theme on a Mac and the default theme seems to not display correctly. All regular text are completely black. I checked in Style settings and fonts color are not defined as Black there.
All Options menu are also black.
Side bar list is grey.

Alternate themes work well, now using the Dune one which looks good too.

Side question, how to get the style with the text in the middle of the lines, that you use for your publish site?

Thanks

Screen Shot 2022-07-03 at 6.58.09 PM

Screen Shot 2022-07-03 at 7.02.50 PM

Weird, do happen to have the Minimal plugin installed? I think that should be turned off to avoid the black text issue.

I’m not 100% sure what you mean, but I think you might want to toggle on Readable Line Length in the settings to do that.

Thanks, Minimal plugin was the issue.

The part I’m missing is how to have a header in the middle of the line and not above.
When I check this option, it doesn’t change.

Well I still have to go through the long list of options, I’ll figure it out eventually.


Any chance you’re looking at it in Live Preview Mode? The lines on either side only works in Reading mode.

I was going to say I tested both, but just for the sake of it I retested… And you’re right again, it works on preview.
Conclusion I need vacations to fix my non-functioning brain.

Thanks for the quick reply, and the Theme.

1 Like

Update

  • Horizontal split and vertical split icons swapped
  • Tag pane count styling fixed
  • Prompt/quick switcher selected option colors adjusted
  • Live Preview Rendered codeblock line height fixed
  • Resize toggle now resizes more UI elements
  • Wider Community Theme Search Bar
  • Image Adjustment Snippet: locl and locr now work properly
  • Notice notification background color adjusted
  • Blockquote styling fixed in Live Preview embed renders
  • Collapse Icon coloring fixed

  • Lists
    • Right To Left Lists support
    • Numbered sub-bullet in an bullet list error fixed
    • Fix spaced numbered lists styling
  • Publish
    • Link icon matches ITS Link icons
    • Fix Checkbox alignment
    • Fix text sizing
    • Add file explorer lines and icons
  • Mobile
    • Square mobile suggestion containers
    • Low opacity backdrop instead of black background (when opening sidebars)
    • Center title of fullsized sidebars
    • Note Title padding widened
  • Plugins
    • Initiative Tracker header colors fixed
    • Sliding pane styling fixed
    • .dv dataview tables list spacing fixed
    • Kanban button styling fixed
  • Obsidian v0.15+
    • Border colors and width fixed
    • Focused elements re-styled
    • Popout note title icons fixed
    • Header styling fixed/updated

Callouts

Callout adjustments and different types! Included in the ITS Theme by default but also available as a snippet.

Checkout the Callout Guide for types and metadata adjustments and download link

  • [!infobox]
  • [!captions]
  • [!kanban]
  • [!grid]
  • [!recite]
  • [!metadata]
  • [!cards]
  • [!table]
  • [!aside]
  • [!timeline]
  • [!column]



Alternate Checkboxes

  • New [o] for options checkbox type

Style Settings

  • Sidebar

    • Mobile Styled Sidebars
      • Under: Workspace > Mobile Sidebar Styling
    • Sidebar Tab Styling Options
      • Under: Workspace > Sidebar > Table Styling
  • Note Title Adjustments

    • Under: Note Elements > Note Title
    • Wrap Note Title and Flat Note Title Color moved
    • Added No Note Title Background Color
    • Added Underline Styled Note Title
    • Added Overline Styled Note Title
  • Toggle to undo Floating Status Bar

    • Under: Workspace > Wide Status Bar
  • Added Header Line Color Styling #Fix

    • Under: Note Elements > Headers > Heading Colors
  • New Resize Sliders

    • Ribbon Icons resizing
    • Ribbon width resizing
    • Menu Text slider also resizing padding proportionally
    • Shrinking note text no longer misaligns icons/text
  • Toggle to undo Link Style link colors

    • Under: Note Elements > Links > Undo Link Styling Coloring
  • Added Text Accent (Other Link) Color Option

    • Under: Colors > Other > Text Accent
  • Toggle to undo editor table row wrapping

    • Under: Note Elements > Table > Table Unwrap
1 Like

Really love the e.n.e.r.g.y here !
Very robust theme. It should take all the prizes in my opinion. That said I’ll preface my tiny tiny request with this;
AM ‘new-ish’ at .css? I could do with a bit of hand holding down the font styling alley? I really want to settle on the ITS theme… except my fonts aren’t there by default. By my fonts ,I mean Lucinda handwriting,Comic sans, Karla,Lara and plain 'ol,Times. Or am I missing something obvious? How can I get these into the theme, coz am dead sold on it? :yum:

You should be able to change it just using the regular obsidian settings for font stuff. Just type in your font (even if it doesn’t seem to show up for now) and it should apply the font.

Thanks,I tried this ; but it doesn’t seem to work on my tablet which is what am using . That’s the real reason am a bit confused. I thought there was some additional
steps that I wasn’t aware of. Since, its straight forward,the trouble may be on my end. Thanks for being so accommodating. :yum:

I still use ITS theme,by the way,nothing out there compares to it.

1 Like

Update

Fixes

  • Fix large code sizing because of headers ### ![[code]]
  • Unset Infobox Callout floating on mobile
    • Use |mobile to undo this fix
  • Removed padding from sides of sidebar tabs
  • Note icon height fixed
  • Popout window header padding fixed
  • Fixed Colorful List Bullet missing color on levels 4-6
  • Fixed focused sidebar border
  • Exclude kanban cards from WOTC’s box shadow
  • Fix outlink/backlink styling
  • Graph search input widened
  • Graph menu/control temporarily resizable
  • Sidebar Tabular style restyled to fit the ITS theme design
    Obsidian_1xU4tWJXux
  • Community Theme Delete button padding Fixed

Style Settings

  • Change / Add Center Headings and Center Headings with Lines into a dropdown menu
    • Under: Note Elements > Headers
  • Bottom Navbar Button Toggle moved
    • Under Workspace > Sidebar

  • Add Header Alignment section for moving heading positions individually
    • right, left, and center
    • Under: Specific View Heading Changes > Header Alignment

  • New Background Image options
    • Under: Workspace > Background Image

  • New Document styling toggle
    • Under: Note Elements > Document

2 Likes

Mini Update

Fixes

  • Infobox width sizing on laptops fixed (no more scrollbar appearing)

  • Graph search bar sizing fixed

  • [!metadata|i-at] restyled to allow for adding +/- without losing callout
    Obsidian_nrVITjuwck

  • Removed border line from sub callout’s inside [!column] callout

  • tag-outline and tag-notion should work properly now (if added to note’s cssclass)

Callouts

4 Likes

image

Hello, I have a problem with the heading font being too large thus the quotation mark sometime block the words from the quotation block. Is there any remedy to this problem or do I have to change font?

Thanks a lot

Also, I like the background option a lot, it adds a ton of personality to my vault, thank you!

Hello, I found a bug with using the image adjustment with using icon


I tried turning off the snippet and the one that produce the problem was the Image Adjustment Snippet

ITS Theme V1 Beta Update :partying_face:

ITS v1 is being released in beta to check that previous styling for important workflows within the theme are not missing before the true v1 release.

  • Theme fully restructured to fit the Obsidian v1 design philosophy
  • Updated to restore ITS Styling & fix broken CSS
  • Style Settings restructured

Before you download the Beta

NOTE: This is a BETA release, expect certain things to be broken or missing. If things are horribly broken or styling / settings you used are missing, please do ping me in the Discord or submit it to the theme’s github repo and I should be able to add/fix it.

:warning: CAUTION: Export your style settings changes to ensure previous styling is not lost

The new update uses different variables and class names that will not 100% match the previous style settings classes and thus wipe out the style settings options.

Keep that exported file and if there’s an option that is missing that you want in ITS v1, please open the sandbox vault with my theme and import that style settings file then send me a screenshot of that if you can so I can recreate it or suggest how to do so on your end. Thank you! :sparkling_heart:


Download the beta

The download for the beta needs to be manually added to the themes list unfortunately :see_no_evil: The gif shows how to download the beta theme into obsidian and begin testing, so do watch if you don’t know what to do.

Obsidian_Uqr5DxOkhu

1 Like

This is a great theme.

Any way to lock the checkboxes? If I click on one, my icon gets cleared and lost. In other words clicking on “[!]” makes it “[]” and then clicking again makes it “[x]”.

If we can lock them, they basically become new bullet icons, which is super handy.

just possible for sub-checkboxes (indented checkboxes below a custom checkbox).
Checkboxes are just checkboxes, their default value is [x] or [] custom checkboxes cannot be restored with another click.

Pls, can you add a function to make left and right aligned boxes on the same level? I want to make a timeline of the history where left column is what “good guys” (players) are doing, while right column is what bad guys were doing simultaneously. Maybe something like [!timeline|t-r t-(-1)] could work

The beta link leads nowhere ._.

ITS Theme v1 ReWrite

  • Theme fully restructured to fit the Obsidian v1 design philosophy
    • Restored ITS Styling & fixed broken CSS on v0.16+ styling update
  • Style Settings restructured
  • New Guide site for easier and clearer instructions for the ITS Theme: ITS Theme - SlRvb's Documentation - Obsidian Publish

NOTE: The separate Alternate Theme Styling snippet is no longer supported. Delete or disable the snippet version when you update my theme and use the color schemes included in the theme’s style settings under Alternate Color Schemes, thank you!


:warning: CAUTION: Export your style settings changes to ensure previous styling is not lost before updating.

The new update uses different variables and class names that will not 100% match the previous style settings classes and thus wipe out the style settings options.

If there’s an option that is missing that you want in ITS v1, do share that style settings file if you can so I can recreate it or suggest how to recreate it again on your end. Thank you! :sparkling_heart:

Originally Released: 2023-05-24

1 Like