Theme: ITS (Dark/Light Theme)

[Felipe]

Thank you for this update!

The toggle to hide header underline is exactly what I was looking for.

Have a great day.

[Harvison]

Thank you for the update. Dark mode now works again on iOS.

[SlRvb]

Update

• Outline pane scroll fixed on Mobile

  • Outline pane also recolors line when hovering over titles:
    

• Mathjax/Latex fixes: larger and recolored $text$

  
  

• Fixed codeblock tokens to match theme colors:

• Flipped folder color: opened folder should be lighter, not the closed

• Highlights recolored

  • Recolored light mode markdown ==highlights==
    
    
  • Recolored darkmode cursor dragged highlights to make it easier to see
  • Editor mode cursor dragged highlights actually highlight over text and codeblocks
    

• Style Settings toggle added to move heading hashes# above the text
  

[mgmeyers]

@SlRvb

Style Settings toggle added to move heading hashes# above the text

Ah, great idea!

[Felipe]

Hello @SlRvb!

I have a bug to report:

• I’m using ITS + Style Settings.
• Both are update to the latest version.

The screen below shows [Text Selection - Cursor Dragged Highlights] in edit mode vs. preview mode.

As we can see, in edit mode, the text selection color is making the text disappear. Everything is OK with preview mode and highlights (edit and preview mode).

A few important things:

• This does not happen with default ITS;
• I spend an hour changing my settings in SS trying to find the solution. Any other option uses the same color I use in [Text Selection];
• I changed colors, but the result was the same;
• I think is my fault, but I don’t know how to repair.

I hope someone could help to find why this is happening.

Thanks!

[Felipe]

This is an update (18042021) about my previous post:

@Felipe

Hello @SlRvb!

I have a bug to report:

• I’m using ITS + Style Settings.
• Both are update to the latest version.

The screen below shows [Text Selection - Cursor Dragged Highlights] in edit mode vs. preview mode.

Changing to a color that is more transparent (I don’t know if this is the right term) “solved” the issue. I used #F9FF0036 instead of #FFFFB7.

@SlRvb, feel free to discard this bug. I’m sorry for the inconvenience.

Thanks!

[Felipe]

Hello again @SlRvb!

First of all, thank you for developing ITS. There is no other theme that brings the amount of features as you do.

I’m having a great time using ITS + Style Settings to tweak the theme with a palette of colors that help me to deal with my monitor problems.

I’d like to suggest some parametrization related to Headers and Format

1. Define different colors to Headers

• Available in EDIT mode;
• Available in PREVIEW mode;
• EDIT and PREVIEW mode uses the same customization.

Let you define individual colors to all headers:
H1
H2
H3
H4
H5
H6

2. Define different colors to Bold, italic and Strikethrough

• Available in EDIT mode;
• Available in PREVIEW mode;
• EDIT and PREVIEW mode uses the same customization.

Let you define individual colors to these 3 types of text:

• Bold
• Italic
• Strikethrough

Why you need this?

• I used Obsidian to study and I import many sources of information to Obsidian.
• Inside Obsidian, I format and read a lot
• After this, I generate my notes, backlinks and tags.

If I have more freedom to customize the appearance, I will have more pleasure to read and concentrate all information in Obsidian.

I hope you like my suggestions. Thanks for reading this!

Felipe

[SlRvb]

Yeah, I’ve been meaning to eventually add support for different colored Headings in the Style Settings. I’ll definitely try to get #2 done as well at some point.

Great suggestions! I’m glad you enjoy my theme .

[Felipe]

Thanks @SlRvb!

Any feature that brings more customization to ITS will be more than welcome.

If don’t mind I will post more suggestions for ITS to your analysis and appreciation.

Thanks for your time! Have a great day.

[SlRvb]

Definitely post more if you have them, I’ll try my best to see if I can include it in the theme.

[SlRvb]

Update

• Reduced scrollbar size
• Resized Status bar
  
• Hovering over files/folders in File Explorer will color the line
  
• Aside Classes: aside-hide and aside show
  • Example: <s class="aside-show">Testing out the aside/comment feature</s>
  • Included in the ITS Repo as a snippet to use with other themes. Get snippet here
  • Aside show will display the block persistently in the empty space of the page
    
    
    
  • Aside hide will show a small icon on the right and you can hover over it to view the block
    
    
    
    
    
    
    
• Embed Updates
  • New Embed Design and Embeded Blockquotes Redesigned
    
    
    
  • Embed link appears on hover
  • Fixed Embed Title height cutting off letters like p, g, q, etc.
  • Embed Adjustments actually let text wrap around it
    
    
    
• Style Settings
  • Toggle Original Embed design
  • Header Line Height/Margins are adjustable
  • Dataview adjustments for lists in the table toggle

[SlRvb]

Update

• Added # to the tags in the tag pane
  
• Light mode code blocks redesigned and more distinguishable against similar colored backgrounds
  
  
  
• Dropdown menus squared and darker background when hovered over
  
• Settings Menu Redesigned
  
  
  
• Fixed:
  • Footnotes Icon spacing when applying different font
  • Wide spacing for checkboxes when space between lists
  • Outline Padding
  • Naked embed no longer displays new embed styling
  • Tag pane no longer has an obnoxious dot
  • Sync Images covering Restore Version button

Plugin Support

• Buttons update
• Kanban redesigned
  
  
  
• Checklist update redesigned
  
• Gallery update redesigned
  
  
  

Style Settings

• Settings have been rearranged
• Specific Heading Adjustments
  • Preview/Editor
  • Fonts
  • Colors
  • Sizes
• Bullet Lists
  • Adjustable bullet line size
  • Multi colored bullets up to 6 subbullets for preview mode
  • Adjustable colors for multicolored bullets for preview mode

Adjustable Strikethrough/Bold/etc coming soon

[linbynd]

updated!!! thanks @SIRvb

[Felipe]

Thanks @SlRvb for letting me give some suggestions!

You can count on me to bring more insights for ITS.

These past days I was stuck at work but now I’m back and using ITS.

[Felipe]

Wow. These past two updates were amazing!!!

Every update I makes ITS more powerful. I’m gonna spend the weekend playing with the new settings. I have a lot ground to cover.

Thank you @SlRvb for the spectacular theme. The Specific Heading Adjustments and Bullets Lists. What you did is much better than my suggestions.

@SlRvb

Adjustable Strikethrough/Bold/etc coming soon

—> Thanks for not forgetting!

[adfontes]

This theme is just amazing
Thanks for the continuous work on it!

[Felipe]

Hello @SlRvb !

I think I found some issues on Specific View Headings Changes - Heading Size

There are 3 issues:

1. H1 vs H6 - EDITOR MODE + PREVIEW MODE

• H1 scroll bar is affecting (moving) H6 and H1
• H6 scroll bar is not affecting (moving) H6
• H6 scroll bar is not affecting (moving) H1
  
  
  
  
  

2. H2 vs H4 vs H5 - EDITOR MODE + PREVIEW MODE

• H2 scroll bar is affecting (moving) H4 and H5 and H2
• H4 scroll bar is not affecting (moving) H4
• H5 scroll bar is not affecting (moving) H5
• H4 and H5 scroll bar are not affecting (moving) H2
  
  

3. H1 PREVIEW - Scroll bar ratio of increment

• It’s very difficult to see but if you compare H1P to the others, looks like that the value is different;
• Might be an issue, I don’t know but I felt right to comment.
  
  

→ Everything is OK with H3 PREVIEW and H3 EDIT

Let me know if you need some specific test.

Thanks!

[Felipe]

Hello again @SlRvb !

I think I found issues on Specific View Headings Changes - Heading Color

HEADER COLORS in PREVIEW MODE vs EDIT MODE

• This occurs in H4, H5 and H6 only
• EDIT MODE colors are not being applied
• PREVIEW MODE colors are being applied in EDIT MODE.
  
  

Everything is OK with H1, H2 and H3

Thanks!

[SlRvb]

Update

• Github Readme Updated
  • Asides listed and how to use it here
  • CSS Classes listed here
• Fixed darkmode find/replace buttons not changing color with Style Settings
• Copy Button for Code Blocks plugin supported
  • Only show button when hovering over
  • Recolored button and capitalized it
    
    
    

Style Settings

• Auto collapse Specific settings
• Fixed Specific Headers not applying correctly
  
• Adjustable Italics, Bold, and Strikethrough
  • Preview/Edit mode
  • Fonts
  • Colors

[Felipe]

@SlRvb, Thanks for this update!

Updating now!!!

Is this the Codeblock Copy plug-in?

Thanks!