Theme: ITS (Dark/Light Theme)

Share & showcase
65

Thanks for the fix. Headers Size and Headers Colors are working perfect now!

66

Yep, that’s the plugin, I totally forgot the name for a moment there :sweat_smile:.

1 Like
67

Thanks! I use few plug-in in this moment And I only use plugins supported by ITS (that is why I asked).

Have a great day! :slight_smile:

1 Like
68

Hello @SlRvb!

I’m sorry bothering you again. I found something that I need your help.

I’m facing some issues related to text size in PREVIEW mode that is driving me crazy.

The images below show the PREVIEW mode behavior due to some text combinations between LINE BREAKS, BULLET POINTS, BLOCKQUOTES and EMBED PAGES.

Here is my Style Setting config: both have the same font size

S1
S11076×507 80.7 KB

S2
S21070×508 113 KB

Additional Information:

  • All plug-ins and snippets are disable;
  • When Style Settings is disable everything is OK;
  • I’m running 0.11.13;
  • This issue is not new (didn’t start after the past 2 ITS releases). I wasn’t sure about what was happening. I was gathering information before post something.

Would you mind to take a look to see if this is happening with you? I would be extremely grateful to you for your help.

Here is the .md fileText Issue.md (2.2 KB)

Maybe it’s something that only occurs in my Obsidian.
Thanks again!

69

I’m seeing text sizing changes for both Editor and Preview, independently. On image 5, I notice the toggle for “Different Preview/Editor Text” isn’t checked. If that doesn’t help, perhaps uninstalling and reinstalling the Style Plugin or Obsidian might. Otherwise, SlRvb will give better advice. Good luck.

70

This is definitely strange and I’m able to reproduce this on my end, so I’ll see what I can do to fix these issues.

1 Like
71

Thank you very much @SlRvb for your attention and care. I really hope these issues are easy to fix.

Let me know if you need more tests and investigation.

Have a great day! Thanks again!

72

Update:

Menus Redesigned

Fixes

Other Updates

If you want to donate and support me I’ve setup a way for you to do so!
Donate on ko-fi

Coming Soon

  • Style Settings
    • Aside background recolor setting
    • fg recolor setting
  • Theme CSS Snippets
    • ITS Dark
    • SlRvb - Gray
1 Like
73

Thank you @SlRvb !!!

Update ITS today and see my preview notes correctly is a dream come true! I really appreciate what you did for me. Thank you very much!

It’s impressive how a tiny change brings so much value to the UI. Looks very clean and beautiful!

I can’t wait to see!

1 Like
74

I always keep my .md file names compact and explicitly name the link. How would you then use something like the below?
![[Embed Page|lk-l]]

Thanks

75

I’m not too sure what you mean, but ![[Embed Page|lk-l]] moves the embed page’s link to the left instead of it appearing on the right.

76

It was a silly question. I was looking at your documentation wrong and my mind was wondering :smile:

You can ignore this question

77

Update

  • Even bullets recolored
    Obsidian_lTzzM2uyPk nQNVhr9wJJ
  • Special quote form (Only works in > blockquotes):
    • ==**Add this to move text in here to the right**==
      7VKICE7K6X Obsidian_WJ5K4wXKLQ
    • To bold a regular highlight without triggering this, format it this way:
      **==Style my like this to bold a highlight==**
  • CSS Additions
    • t-w cssclass added to make your table span across the page
    • #col ids for showing a big color block:
    • #font ids for showcasing a font:
  • Style Settings
    • Title Wrap setting supports the Tab Plugin.
    • Image Zoom (Clicking and holding on an image to zoom in) is now a toggle instead of automatic (Plugins Section)
    • Aside Background color adjustable (Note Elements Colors Section)
    • Foreground Color Adjustable (Other Colors Section)
    • Table Alternating color adjustable (Highlight Colors Section)

CSS Theme Snippets

2 Likes
78

Hello @SlRvb !

Thanks for this update!

I have one question and one observation to make:

1. Question about #col and #font.

I’m sorry for my dumbness, but I don’t know how to use ids.

  • Do I have to create a CSS snippet with the parameters of #col and apply <s id="#col">THIS IS A TEST</s> in the note?
  • Is this the right parameters? (I googled and find this)
    <style> #col { background-color: lightblue; color: black; padding: 40px; text-align: center; } </style>

2. Observation

Table Alternating color adjustable (Highlight Colors Section) is not avaliable in this release.

  • The Gray Theme is absolutely gorgeous. Thanks for this!

Have a great day!

1 Like
79

Mini Fixes Update

  • ITS Post Updated
    • Added easier place to find all the snippets in the ITS Repo and their help links
  • Fixed
    • Alternating Table colors now show up in Style Settings :woman_facepalming:
    • External Link Icons Snippet has a default icon and no longer adds icons to every link
      • Also added a comment to help with finding and converting icons to use in the snippet
    • Kanban checkmarks have been reverted to -webkit checkmarks, so they now work when clicking them
    • SlRvb Gray Darkmode menu alternating color fixed
  • ITS Repo Update
    • Readme has been updated
    • Snippets have been renamed to easily find them, they start with S -
    • Images have been moved
2 Likes
80

Update

  • Tags also follow the same line height as text
    Obsidian_gayG8Cs7yN Lcuxjy6Mki
  • Arrows aligned with bullet and header
    Obsidian_pmYA4dzG8B vj9ZIEvUpl
  • Mobile
    • Squared sidebar and menu
    • Fixed button sizing issue
    • Fixed Style Settings Color Square width
  • Comments now use monospace font (Thanks @EleanorKonik for the idea :wink:)
  • Obsidian Tabs fixed duplicate numbering issue

Classes

hc

hc Center headings (Removed from writing class)

Obsidian_0fDLcp7uwq
Obsidian_0fDLcp7uwq729×431 25.6 KB
P4AEC3Wne9
P4AEC3Wne9729×431 26 KB

hcl

hcl Center headings with a line on either side of them

8SoQ8i5Piy
8SoQ8i5Piy729×431 26.7 KB
L5b7LxMYMF
L5b7LxMYMF729×431 27.2 KB

Style Settings

  • Bullet lines can be completely hidden (Slide it to the far left)
  • Default Bullets are now 1 color
  • Font Ligatures togglable
  • New Header Section in Note Elements
    • Center Heading and Center Heading Lines togglable for all notes
2 Likes
81

Hello @SlRvb !

Just to thank you for one more amazing update to the unstoppable ITS!

I really like the new classes :slight_smile:

Have a great day!

1 Like
82

Update

  • Fixed
    • Editor bullet asterisks no longer show up
      • Removed Custom Bullet Toggle in Style Settings
    • Alternating list with bullets and ordered lists no longer show the bullet
    • Fixed Bullet appearing in mixed bullet and order lists
    • Kanban numbered checklist spacing fixed
    • Tag is more specific to avoid accidental formatting in codeblocks
      • Accent2 more visible in Lightmode
  • 5e Statsblock Plugin Supported
    Obsidian_CIuqHZkKKy
    Obsidian_CIuqHZkKKy942×817 86.4 KB
    YvDxc4sQw2
    YvDxc4sQw2942×817 89.8 KB
  • D&D snippet theme updated
  • Kanban Snippet updated with all ITS fixes
    • Colors fixed to fit any themes better
  • ITS Icons using the Icon Swapper Plugin are available in the github repo
    • Right click the Raw button and click save link as to save the file
    • In the Icon Swapper plugin, import the yml file

Obsidian_Ewx1se0h6w
Obsidian_Ewx1se0h6w1920×1040 76.2 KB
JwfzSoZnDP
JwfzSoZnDP1920×1040 75.7 KB

1 Like
83

Hello Friends!

A little reminder to install the fantastic ITS icons!

icon1
icon11341×730 191 KB

After the download, don’t forget to change the file extension from .TXT to .YML
icon2

Have a great day!

1 Like
84

Hello @SlRvb !!!

Thank you for the last update!

Just to let you know that there is a new option in the last update that was not mentioned in the release: Note Elements >>> Justify Text

This is pretty awesome! Now I don’t have to use cssclass to do this to all notes.

Thanks for this new feature!!! :slight_smile:

1 Like