Separate accent colors for light and dark modes

Use case or problem

My devices switch between light and dark mode at sunup and sundown. Few accent colors work well in both modes, but Obsidian has only 1 accent color setting.

Proposed solution

Have separate accent color settings for light and dark mode. Perhaps only show the relevant one when Obsidian is set to always light or always dark.

Current workaround (optional)

I use a CSS snippet that overrides the accent color setting when dark mode is on.

/* Set accent color in dark mode. */

.theme-dark {
/*
	/* There seem to be a few variants for interface vs. text etc.; I just set them all the same. */
	/*#F90 gold*/
	--accent-h: 48!important;
	--accent-s: 100%!important;
	--accent-l: 50%!important; 
	/*
	--text-selection: hsla(var(--color-accent-hsl), 1);
	*/
	
	/* Dark text on buttons & menu highlights for better contrast. Settings sidebar highlight doesn't work yet. */
	button.mod-cta,
	.vertical-tab-nav-item.is-active {
		color: black;
	}
}
4 Likes