chore: light background for code snippets

sveltejs · Oct 29, 2024 · 37adc29 · 37adc29
1 parent 2712586
commit 37adc29
Showing 1 changed file with 12 additions and 3 deletions.
diff --git a/packages/site-kit/src/lib/components/Text.svelte b/packages/site-kit/src/lib/components/Text.svelte
@@ -112,12 +112,15 @@
 
 		.code-block {
 			position: relative;
-			background: var(--sk-back-2);
+			background: var(--sk-back-3);
 			border: 1px solid var(--sk-back-5);
 			border-radius: var(--sk-border-radius);
 			overflow: hidden;
 			margin: calc(0.5 * var(--sk-line-height-body)) 0;
-			/* background: var(--sk-back-3); */
+
+			.dark & {
+				background: var(--sk-back-2);
+			}
 
 			@media (min-width: 767px) {
 				margin: var(--sk-line-height-body) 0;
@@ -139,10 +142,16 @@
 
 				&:has(.filename) {
 					position: relative;
-					background: var(--sk-back-3);
+					background: var(--sk-back-4);
 					padding-left: 1rem;
 				}
 
+				.dark & {
+					&:has(.filename) {
+						background: var(--sk-back-3);
+					}
+				}
+
 				&:not(:has(.filename)) {
 					background: inherit;
 				}