add color variables

This commit is contained in:
earlman 2021-04-04 12:38:17 -05:00
parent e16986cf71
commit 83801736d7

View File

@ -1,7 +1,12 @@
:root {
--color-text: #fff;
--color-background: black;
}
html { html {
cursor: none; cursor: none;
overflow: hidden; overflow: hidden;
background: #000; background: var(--color-background);
user-select: none; user-select: none;
} }
@ -14,8 +19,8 @@ body {
position: absolute; position: absolute;
height: calc(100% - 120px); height: calc(100% - 120px);
width: calc(100% - 120px); width: calc(100% - 120px);
background: #000; background: var(--color-background);
color: #aaa; color: var(--color-text);
font-family: "Roboto Condensed", sans-serif; font-family: "Roboto Condensed", sans-serif;
font-weight: 400; font-weight: 400;
font-size: 2em; font-size: 2em;
@ -28,15 +33,18 @@ body {
*/ */
.dimmed { .dimmed {
color: #666; color: var(--color-text);
opacity: 0.6;
} }
.normal { .normal {
color: #999; color: var(--color-text);
opacity: 0.8;
} }
.bright { .bright {
color: #fff; color: var(--color-text);
opacity: 1;
} }
.xsmall { .xsmall {