styles/category-slugs: Fix dark-mode styling (#8672)

Turbo87 · web-flow · commit 553d98cbd2ac · 2024-05-18T09:13:10.000Z
diff --git a/app/styles/category-slugs.module.css b/app/styles/category-slugs.module.css
@@ -1,7 +1,7 @@
 .list {
-    background-color: white;
+    background-color: light-dark(white, #141413);
     border-radius: var(--space-3xs);
-    box-shadow: 0 1px 3px hsla(51, 90%, 42%, .35);
+    box-shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);
     margin-bottom: var(--space-s);
 
     dt {
@@ -16,6 +16,6 @@
     }
 
     > * + dt {
-        border-top: 1px solid hsla(51, 90%, 42%, .25);
+        border-top: 1px solid light-dark(hsla(51, 90%, 42%, .25), #424242);
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`.list {`
`2`		`- background-color: white;`
	`2`	`+ background-color: light-dark(white, #141413);`
`3`	`3`	`border-radius: var(--space-3xs);`
`4`		`- box-shadow: 0 1px 3px hsla(51, 90%, 42%, .35);`
	`4`	`+ box-shadow: 0 1px 3px light-dark(hsla(51, 90%, 42%, .35), #232321);`
`5`	`5`	`margin-bottom: var(--space-s);`
`6`	`6`
`7`	`7`	`dt {`
`@@ -16,6 +16,6 @@`
`16`	`16`	`}`
`17`	`17`
`18`	`18`	`> * + dt {`
`19`		`- border-top: 1px solid hsla(51, 90%, 42%, .25);`
	`19`	`+ border-top: 1px solid light-dark(hsla(51, 90%, 42%, .25), #424242);`
`20`	`20`	`}`
`21`	`21`	`}`