docs(docs-infra): add dark mode to example preview (#63171)

PR Close #63171
This commit is contained in:
Cheng-Hsuan Tsai
2025-08-15 00:20:24 +00:00
committed by Kristiyan Kostadinov
parent d3a0c2559a
commit 0f17623398
8 changed files with 4 additions and 9 deletions
@@ -1,10 +1,12 @@
:host {
.docs-example-viewer-preview {
.docs-dark-mode & {
background: var(--gray-100);
color: var(--primary-contrast);
background: var(--gray-900);
}
@media screen and (prefers-color-scheme: dark) {
background: var(--gray-100);
color: var(--primary-contrast);
background: var(--gray-900);
}
.docs-light-mode & {
background: var(--page-background);
@@ -7,7 +7,6 @@
border: 1px solid #dddddd;
margin-top: 1em;
padding: 20px 20px 0px 20px;
color: #000000;
font-weight: bold;
font-size: 20px;
}
@@ -7,7 +7,6 @@
border: 1px solid #dddddd;
margin-top: 1em;
padding: 20px 20px 0px 20px;
color: #000000;
font-weight: bold;
font-size: 20px;
}
@@ -7,7 +7,6 @@
border: 1px solid #dddddd;
margin-top: 1em;
padding: 20px 20px 0px 20px;
color: #000000;
font-weight: bold;
font-size: 20px;
opacity: 1;
@@ -7,7 +7,6 @@
border: 1px solid #dddddd;
margin-top: 1em;
padding: 20px 20px 0px 20px;
color: #000000;
font-weight: bold;
font-size: 20px;
opacity: 1;
@@ -7,7 +7,6 @@
border: 1px solid #dddddd;
margin-top: 1em;
padding: 20px 20px 0px 20px;
color: #000000;
font-weight: bold;
font-size: 20px;
opacity: 1;
@@ -6,7 +6,6 @@
border: 1px solid #dddddd;
margin-top: 1em;
padding: 20px 20px 0px 20px;
color: #000000;
font-weight: bold;
font-size: 20px;
}
@@ -6,7 +6,6 @@
border: 1px solid #dddddd;
margin-top: 1em;
padding: 20px 20px 0px 20px;
color: #000000;
font-weight: bold;
font-size: 20px;
opacity: 1;