Theme: ITS (Dark/Light Theme)

Share & showcase
105

:thinking: File size definitely increases nearly over 2x with the icons in it; hadnā€™t noticed that.

Iā€™ll think over how necessary those other icons are and move them to a snippet if they arenā€™t useful in any way. My thoughts on having them encoded was mostly because getting snippets on iOS is a very difficult thing to do if you donā€™t have the desktop version.

106

Hello @SlRvb !!!

Thank you very much for this amazing update!!!

Have a great day!

Thanks!

2 Likes
107

Hey @SlRvb,
Great work on the theme!

By the way, do you know if the ITS theme works with this plugin?
Iā€™m having issues with the plugin and Iā€™m not sure if the theme has something to do with it.

Thank you so much for your help!

Welp

1 Like
108

Yep, I use supercharged links pretty heavily so ITS shouldnā€™t really conflict with it.

1 Like
109

Hello @SlRvb !!!

Sorry to bother you. I think the update changed something with codeblocks in Preview Mode when Style Settings is used:

Before the update (luckily I had an screenshot from an feature request on git)

Este_aqui
Este_aqui862Ɨ131 10.6 KB

After the update

Screen Shot 2021-07-16 at 07.03.38
Screen Shot 2021-07-16 at 07.03.38778Ɨ170 11.5 KB

My Settings:

Screen Shot 2021-07-16 at 07.10.10
Screen Shot 2021-07-16 at 07.10.10736Ɨ92 7.35 KB

Screen Shot 2021-07-16 at 07.08.39
Screen Shot 2021-07-16 at 07.08.39740Ɨ91 16.7 KB

All snippets were disable and I didnā€™t update or install any new plug-in

Could you take a look to see if the color on preview mode is different from the Style Settings input on your end?

Thank you very much!!!

110

Thatā€™s strange, I canā€™t seem to recreate it on my end :thinking:. This seems like Obsidian just threw out any of my css styling in preview mode, but Iā€™m not sure why.

If it still occurs on reload, then Iā€™d open up the dev console to see what would be overriding it.

1 Like
111

Hello @SlRvb !

Thanks for the reply. Iā€™m gonna take a look when I got home to see the Dev Console and try to restart too The only sure that I have is that there is no console error.

Iā€™m gonna try to change the colors to see if changes something.

Thanks for your help :slight_smile: !!!

112

Hmm, I think I may know what could have gone wrong.

I switched to :is() to test it out, but it may not work on your device. Iā€™ve reverted the change so if you update the theme, I think that might fix the issue.

1 Like
113

Thank you so much @SlRvb !!!

codeblocks in preview mode are back :slight_smile: :slight_smile: :slight_smile:

Sorry if I always bring something weird. Is good to know that we are on different OS.

  • In the future Iā€™m gonna remember to point this any issue report.

I wish you a fantastic weekend!

Thanks again :slight_smile:

1 Like
114

Thank you for creating this theme, it is the best themes for customizing and even the SlRvb Gray theme is so good.

I just recently open this theme on mobile and the fonts doesnā€™t work, I figure my iPad hasnā€™t have the fonts yet.

Do you know anyway to install fonts on iPad? I have tried ifonts and the installed fonts works on other apps like pages and such but no luck on obsidian. Is this a bug on Obsidian or am I doing something wrong?

115

I donā€™t know if this is correct since Iā€™m not using iPAD. But generally, you may need to Base64 encode the font with https://transfonter.org/ and add that to @font-face {font goes here} in your CSS. Try searching the forums for that technique for more specific information. Hereā€™s a place to start from @EleanorKonik.

116

Custom CSS: Line under Heading in editor mode

Things I have tried

  • CSS
/** ........ 2.11.3 Heading Horizontal Lines -- https://forum.obsidian.md/t/meta-post-common-css-hacks/1978/288?u=tallguyjenks */
h1,h2,h3,h4,h5,h6 {
	display: flex;
	width: 100%;
	align-items: center;
}
h1:before, h1:after, 
h2:before, h2:after, 
h3:before, h3:after, 
h4:before, h4:after, 
h5:before, h5:after, 
h6:before, h6:after {
	content: '';
	background: var(--bright-aqua);
	height: .1em;
	margin: .2em;
	flex: 1;
}
h1 > a {
	padding: 0 0.25em!important;
}
h2 > a {
	padding: 0 0.25em!important;
}
h3 > a {
	padding: 0 0.25em!important;
}
h4 > a {
	padding: 0 0.25em!important;
}
h5 > a {
	padding: 0 0.25em!important;
}
h6 > a {
	padding: 0 0.25em!important;
}

.cm-header::after {
  content: '';
  flex: 1;
  margin-left: 1rem;
  height: 1px;
  background-color: #000;
}

What Iā€™m trying to do

118

You need to add the class for the editorā€™s headers in your h1-h6 styling:

h1,h2,h3,h4,h5,h6, .HyperMD-header {
	display: flex;
	width: 100%;
	align-items: center;
}

.HyperMD-header::after,
.HyperMD-header::before {
    content: '';
    flex: 1;
    height: 3px;
    background-color: #000;
}
119

If youā€™re using the All Alternate Themes.css file, it has some of the fonts encoded into it, but otherwise, youā€™ll have to do what @Scribe has mentioned for other fonts to show up.

1 Like
120

Thank you @SlRvb , the All alternate themes works!

121

Hello, I have a bug to report

Admonition plugin does not show numbering list correctly

example:

image
image719Ɨ236 9.16 KB

I have tried turning off all snippet and it seems to persist

122

I think thatā€™s an issue with monospace fonts being wide, but I think it should be fixed if you update the theme.

123

I tried updating the theme but the problem still persists it seems.

The bullet list seems to work fine

image
image711Ɨ369 11.4 KB

124

Updates

1 Like
125

Hello, sorry last week was a lot to take in for me so I didnā€™t have the time to go up in here.

I have check the Style setting again, apparently I have some font in the setting which have some Fonts i was testing out and forgot to roll back. It all fixed with a reset by now.

Thank you a lot @SlRvb

1 Like