mmk2410/SpaceApper
mmk2410/SpaceApper
1
0
Fork 0
Code Issues 1 Pull requests Releases 2 Wiki Activity

💄 Add dark theme for options

Browse source
This commit is contained in:
Marcel Kapfer 2024-12-10 19:54:24 +01:00
parent 75cfe0952d
commit 078cd4436b
Signed by: mmk2410
GPG key ID: CADE6F0C09F21B09
1 changed files with 33 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
options/options.css
View file

@ -1,9 +1,38 @@
:root {
--c-text: #000;
--c-background: #fff;
--c-btn-background: #e7e7e7;
@media (prefers-color-scheme: dark) {
--c-text: #fff;
--c-background: #27272a;
--c-btn-background: #555;
}
}
html { html {
background-color: var(--c-background);
font-family: sans-serif; font-family: sans-serif;
box-sizing: content-box;
margin: 0;
height: 100%;
}
body {
box-sizing: content-box;
margin: 0;
height: 100%;
}
form {
box-sizing: content-box;
height: 100%;
margin: 0;
} }
button { button {
background-color: #e7e7e7; color: var(--c-text);
background-color: var(--c-btn-background);
border-radius: 5px; border-radius: 5px;
border: none; border: none;
padding: 5px 10px; padding: 5px 10px;
@ -16,6 +45,7 @@ button {
} }
#spaces { #spaces {
color: var(--c-text);
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
} }
@ -41,7 +71,9 @@ button {
} }
#spaces tbody input { #spaces tbody input {
background-color: var(--c-background);
border: none; border: none;
color: var(--c-text);
height: 100%; height: 100%;
width: 100%; width: 100%;
font-size: inherit; font-size: inherit;