define more readable owncast color variables; apply var style names consistenly through other stylessheets; reaname file for clarity

This commit is contained in:
gingervitis
2021-02-14 00:41:20 -08:00
parent 5b88b068ed
commit 44cef18a00
11 changed files with 230 additions and 140 deletions

View File

@@ -20,7 +20,7 @@
align-items: center;
.logo-container {
background-color: #fff;
background-color: var(--white);
padding: .35rem;
border-radius: 9999px;
}
@@ -28,7 +28,7 @@
.title-label {
display: inline-block;
margin-left: 1rem;
color: rgba(203,213,224, 1);
color: var(--white);
font-size: 1.15rem;
font-weight: 200;
text-transform: uppercase;
@@ -70,17 +70,17 @@
}
.status-label {
color: #fff;
color: var(--white);
text-transform: uppercase;
font-size: .75rem;
display: inline-block;
margin-right: .5rem;
color: #999;
color: var(--offline-color);
}
.status-icon {
font-size: 1.5rem;
svg {
fill: #999;
fill: var(--offline-color);
}
}
}