diff --git a/src/themes/addons/core-dark.css b/src/themes/addons/core-dark.css index 790b75cef..f7f0dba06 100644 --- 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 index d6c322dcd..6101d3565 100644 --- 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 index 72ed013e4..d1d97bab0 100644 --- 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 : ; -} \ No newline at end of file +}