style: force light mode for iframes in dark theme (#2593)

paulhibbitts · web-flow · commit 5ac5a86e2d07 · 2025-08-07T11:11:03.000+08:00
diff --git a/src/themes/addons/core-dark.css b/src/themes/addons/core-dark.css
@@ -34,3 +34,11 @@
     border-color: rgba(255, 255, 255, 0.5);
   }
 }
+
+/* Force light mode for iframes in dark theme */
+iframe,
+iframe *,
+iframe[src],
+iframe[src] * {
+  color-scheme: light;
+}
diff --git a/src/themes/shared/_coverpage.css b/src/themes/shared/_coverpage.css
@@ -48,6 +48,7 @@
       &:hover {
         text-decoration-color: transparent;
       }
+      color: var(--cover-title-color);
     }
 
     small {
diff --git a/src/themes/shared/_vars.css b/src/themes/shared/_vars.css
@@ -95,7 +95,7 @@
   --callout-charm-translate       : -50% -50%;
   --callout-color                 : ;
   --callout-padding               : 1em 1em 1em var(--callout-charm-size);
-  --code-bg                       : var(--color-mono-1);
+  --code-bg                       : var(--color-mono-2);
   --code-color                    : ;
   --codeblock-bg                  : var(--code-bg);
   --codeblock-color               : var(--code-color);
@@ -199,4 +199,4 @@
   --callout-charm-color  : #fff;
   --callout-charm-content: 'i';
   --callout-color        : ;
-}
+}

Original file line number	Diff line number	Diff line change
`@@ -34,3 +34,11 @@`
`34`	`34`	`border-color: rgba(255, 255, 255, 0.5);`
`35`	`35`	`}`
`36`	`36`	`}`
	`37`	`+`
	`38`	`+/* Force light mode for iframes in dark theme */`
	`39`	`+iframe,`
	`40`	`+iframe *,`
	`41`	`+iframe[src],`
	`42`	`+iframe[src] * {`
	`43`	`+ color-scheme: light;`
	`44`	`+}`
Original file line number	Diff line number	Diff line change
`@@ -48,6 +48,7 @@`
`48`	`48`	`&:hover {`
`49`	`49`	`text-decoration-color: transparent;`
`50`	`50`	`}`
	`51`	`+ color: var(--cover-title-color);`
`51`	`52`	`}`
`52`	`53`
`53`	`54`	`small {`