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

@@ -6,16 +6,16 @@ body {
margin: 0;
font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
font-size: 14px;
font-size: 16px;
background-color: #000;
color: var(--default-text-color);;
background-color: var(--default-bg-color);
color: var(--default-text-color);
}
a {
color: inherit;
text-decoration: none;
color: var(--owncast-purple);
color: var(--default-link-color);
&:hover {
color: var(--default-text-color);
@@ -27,17 +27,23 @@ a {
}
p {
font-weight: 300;
color: var(--white-75);
}
pre {
display: block;
padding: 1rem;
margin: .5rem 0;
background-color: rgb(44, 44, 44);
color:lightgrey;
background-color: var(--code-bg-color);
color: var(--white-50);
}
code {
color: var(--owncast-purple);
color: var(--code-color);
background-color: var(--white-15);
display: inline-block;
padding: 2px 4px;
border-radius: 4px;
font-size: .88em;
}
@@ -48,12 +54,14 @@ code {
p.description {
margin: 1em 0;
color: #ccc;
color: var(--white-75);
}
.line-chart-container {
margin: 2em auto;
padding: 1em;
border: 1px solid var(--gray-dark);
}
h2.ant-typography.page-title,
@@ -70,9 +78,6 @@ h3.section-title {
}
.form-module {
// width: 100%;
// max-width: 500px;
// min-width: 300px;
margin: 1em 0;
background-color: var(--container-bg-color);
padding: 2em;