minor colors fixes

dutchcelt · Jan 6, 2024 · 2c38df7 · 2c38df7
1 parent 7b11e54
commit 2c38df7
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/system-custom-colors.css b/src/system-custom-colors.css
@@ -3,7 +3,11 @@
 	:root{
 
 		/* These are only mixed with system colors */
-		--system-surface-color: color-mix(in oklab, Canvas 95%, CanvasText);
+		--system-surface-color: color-mix(
+				in oklab,
+				color-mix(in oklab, Canvas 95%, CanvasText) var(--system-cs-state),
+				color-mix(in oklab, Canvas 85%, CanvasText)
+		);
 		--system-stroke-color: color-mix(in oklab, Canvas 55%, CanvasText);
 		--system-invalid-color: color-mix(in oklab, var(--system-active-text) 90%, CanvasText);
 		--system-content-color-light: color-mix(

diff --git a/src/system-selectors.css b/src/system-selectors.css
@@ -208,6 +208,7 @@
 
 		&:is(:focus, :focus-visible, :enabled:hover) {
 			color: var(--system-content-color-light);
+			border-color: color-mix(in oklab, var(--system-accent-color) 85%, var(--system-canvas-text));
 			background: color-mix(in oklab, var(--system-accent-color) 85%, var(--system-canvas-text));
 		}
 	}