forked from XimeX/usrspace-browser-addon
use css variables and prepare for dark mode support
This commit is contained in:
parent
05d2d257e2
commit
50a55ff68b
|
@ -1,6 +1,25 @@
|
||||||
|
:root {
|
||||||
|
--light-blue: #2AA1BF;
|
||||||
|
--dark-blue: #095C81;
|
||||||
|
--light-color: #333;
|
||||||
|
--dark-color: #CCC;
|
||||||
|
--light-background: #FFF;
|
||||||
|
--dark-background: #111;
|
||||||
|
--light-code-background: #EBEBEB;
|
||||||
|
--dark-code-background: #333;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
width: 360px;
|
width: 360px;
|
||||||
|
color: var(--light-color);
|
||||||
|
background-color: var(--light-background);
|
||||||
}
|
}
|
||||||
|
/* @media (prefers-color-scheme: dark) {
|
||||||
|
body {
|
||||||
|
color: var(--dark-color);
|
||||||
|
background-color: var(--dark-background);
|
||||||
|
}
|
||||||
|
} */
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
margin: 12px 8px 8px;
|
margin: 12px 8px 8px;
|
||||||
|
@ -44,8 +63,13 @@ summary > h2 {
|
||||||
height: 240px;
|
height: 240px;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: scroll;
|
overflow-y: scroll;
|
||||||
background-color: #ebebeb;
|
background-color: var(--light-code-background);
|
||||||
}
|
}
|
||||||
|
/* @media (prefers-color-scheme: dark) {
|
||||||
|
#space-api {
|
||||||
|
background-color: var(--dark-code-background);
|
||||||
|
}
|
||||||
|
} */
|
||||||
#space-api code {
|
#space-api code {
|
||||||
font-family: monospace;
|
font-family: monospace;
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
|
|
Loading…
Reference in a new issue