Skystalker
/
usrspace-browser-addon
forked from XimeX/usrspace-browser-addon
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

use css variables and prepare for dark mode support

This commit is contained in:
Thomas Rupprecht 2021-09-22 22:51:55 +02:00
parent 05d2d257e2
commit 50a55ff68b
1 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
popup/index.css
View File

@ -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 {
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 {
margin: 12px 8px 8px;
@ -44,8 +63,13 @@ summary > h2 {
height: 240px;
overflow-x: hidden;
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 {
font-family: monospace;
font-size: 10px;