LogalDeveloper/owncast
0
Fork 0
Code Activity

Draft: rough-ish draft of proposed color theme changes (#2067)

Browse Source 
* color experimentation and troubleshooting

* create color scheme, assign colors, more ant overrides

* fun selection color

* Prettified Code!

* Correctly import opensans

* Prettified Code!

* Organize+standardize colors/names and update the app to use them

* Prettified Code!

* Use css var references instead of resolving value of vars in css files

* Prettified Code!

Co-authored-by: gingervitis <gingervitis@users.noreply.github.com>
Co-authored-by: Gabe Kangas <gabek@real-ity.com>
Co-authored-by: gabek <gabek@users.noreply.github.com>
This commit is contained in:
gingervitis
2022-08-29 23:17:12 -07:00
committed by GitHub
parent a0a28fa572
commit d5fa81f76e
32 changed files with 817 additions and 325 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/components/ui/Content/Content.module.scss
View File

@@ -1,7 +1,16 @@
.root {
display: grid;
grid-template-columns: 1fr auto;
padding: 0.7em;
background-color: var(--theme-color-background-main);
.topSection {
padding: 0;
background-color: var(--theme-color-components-video-background);
}
.lowerSection {
padding: 0em 2em;
}
}
.leftCol {
@@ -22,13 +31,12 @@
flex-direction: column;
height: calc(100vh - 64px);
overflow: hidden;
.topHalf {
.topSection {
display: grid;
grid-template-rows: 30vh 5vh 5vh;
height: 40vh;
// overflow: hidden;
}
.lowerHalf {
.lowerSection {
height: 60vh;
}
}