Adaptation of Primary Theme Colourscheme

[kearaa]

Hope this is ok- spent a long time (too long) adapting the colour scheme so thought I'd share.

note that for some reason the bg-hue doesn't work, but if you manually set it in style settings to the closest value, it works fine.

edit: added colourful headings with primary colours (need to have alternate heading colours turned off in style settings to work properly)

.theme-light.theme-light {
	--bg-hue: 36;
	--bg-sat: 35%;

	--color-accent: hsl(43 100% 42%);
	--color-accent-hsl: 205 67% 46%;
	--interactive-accent: hsl(154 50% 38%);
	--alt-heading-color: hsl(4 56% 48%);

	--bold-color: hsl(4 72% 55%);
	--italic-color: hsl(205 65% 46%);

	--secondary-accent: hsl(205 67% 46%);
	--hover-accent: hsl(205 67% 46%);
	--link-unresolved-color: hsl(33 28% 64%);

	--color-red: rgb(191, 64, 54);
	--color-green: rgb(47, 147, 105);
	--color-yellow: rgb(214, 154, 1);
	--color-blue: rgb(37, 110, 162);
	--color-purple: rgb(106, 69, 150);
	--color-orange: rgb(234, 112, 47);
	
}

.theme-dark.theme-dark {
	--bg-hue: 29;
	--bg-sat: 15%;

	--color-accent: hsl(50 70% 60%);
	--color-accent-hsl: 198 57% 55%;
	--interactive-accent: hsl(155 83% 24%);
	--alt-heading-color: hsl(4 100% 68%);

	--bold-color: hsl(4 91% 61%);
	--italic-color: hsl(198 57% 55%);


	--color-red: rgb(254 103 92);
	--color-green: rgb(56 178 125);
	--color-yellow: rgb(248 214 104);
	--color-blue: rgb(77 173 213);
	--color-purple: rgb(161 141 220);
	--color-orange: rgb(248 141 78);

	--secondary-accent: hsl(198 57% 55%);
	--hover-accent: hsl(198 57% 55%);
	--link-unresolved-color: hsl(35 27% 55%);
}

/* colourful headings. delete this part if you don't want that. alternate heading colour must be turned off in style settings to work properly. */
.theme-dark, .theme-light {
	--h1-color: var(--color-red);
	--h2-color: var(--color-orange);
	--h3-color: var(--color-yellow);
	--h4-color: var(--color-green);
	--h5-color: var(--color-blue);
	--h6-color: var(--color-purple);
  }

/* adapted from original Primary theme by cecilamay - https://github.com/ceciliamay/obsidianmd-theme-primary */

[chrisgrieser]

Oh nice one! Think I'll give that one a spin myself 🥰

yeah, I messed up the prioritization of background colors, --bg-hue in the snippet overriding the style setting, the style setting overrode the --bg-hue in the snippet. I fixed that in the latest update though

[chrisgrieser]

I am considering to add some colorschemes to the theme. Would it be okay if I included this as an alternative color scheme in the theme's style settings?

[kearaa]

yes! I'd love to see that -- means less switching of CSS snippets for me

[chrisgrieser]

Thanks! I added a style setting to change color schemes in version 5.0, and also credited you (and Primary) in the readme. 🥳