Enhancement : Add style settings for background color about yin-and-yang-theme

[chetachiezikeuzor]

You are so awesome! This is exactly what I was thinking of 😆 I do want to get some other things out of the way with the theme first then get started on this implementation, so I'll keep you posted!

[chetachiezikeuzor]

It's been long awaited but the enhancement has been added! Thank you for your patience 🤗

[piotryordanov]

Hey @chetachiezikeuzor I'm unable to find this option in the settings.
Is that an option that allows me to change the editor background, or it only for the side bars?

Cheers and thx for the awesome theme!

[chetachiezikeuzor]

@piotryordanov The enhancement requires for you to have the Style Settings plugin installed. There, you should see the theme title "Yin and Yang Theme," and then you will see a section that says "Base Color Change." From there, you will be able to change the base hue and saturation. I'll be adding another setting for base darkness, to customize the darkness level in dark mode, so stay tuned for that!

[piotryordanov]

@chetachiezikeuzor I am using the plugin already.

I was hoping I can change the color of the editor. In light mode it's always white when i'd have preferred some sepia flavour.
Is that possible?

[chetachiezikeuzor]

The background color is set by multiple hsl value splitting, so it isn't easy to have this customizable without compromising the theme. But you can change the color with a css snippet if you'd like. The background in editor is set by the variable background-primary so changing the value of this should suffice.

.theme-light{
--background-primary: #f7eee5;
}

.theme-dark{
--background-primary: #704214;
}

To have the new value only effect the note:

.theme-light .workspace-split.mod-root{
--background-primary: #f7eee5;
}

.theme-dark .workspace-split.mod-root{
--background-primary: #704214;
}

Let me know how this works for you!

[piotryordanov]

That would pretty much do the job for me.

However, what do I need to do for the sidebars to also get the background?
Right now, only the note is taking the color: