mirror of
https://github.com/MichMich/MagicMirror.git
synced 2025-06-27 11:50:00 +00:00
add color variables
This commit is contained in:
parent
e16986cf71
commit
83801736d7
20
css/main.css
20
css/main.css
@ -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 {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user