LogalDeveloper/owncast
0
Fork 0
Code Activity

Support color customization from the admin (#2338)

Browse Source 
* Add user-customizable theming. Closes #1915

* Prettified Code!

* Add user-customizable theming. Closes #1915

* Add explicit color for page content background

* Prettified Code!

Co-authored-by: gabek <gabek@users.noreply.github.com>
This commit is contained in:
Gabe Kangas
2022-11-12 20:26:55 -08:00
committed by GitHub
parent 5bbf9db84a
commit 813f8692f0
33 changed files with 499 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/components/ui/CustomPageContent/CustomPageContent.module.scss
View File

@@ -7,16 +7,16 @@
.customPageContent {
font-size: 1rem;
line-height: 1.6em;
color: var(--theme-color-palette-0);
color: var(--theme-color-components-text-on-light);
padding: calc(2 * var(--content-padding));
border-radius: var(--theme-rounded-corners);
width: 100%;
background-color: var(--theme-color-background-light);
background-color: var(--theme-color-components-content-background);
hr {
margin: 1.35em 0;
border: 0;
border-top: solid 1px var(--theme-text-secondary);
border-top: solid 1px var(--theme-color-components-content-background);
}
div.summary {

8
web/components/ui/Footer/Footer.module.scss
View File

@@ -9,16 +9,12 @@
width: 100%;
color: var(--theme-color-components-text-on-dark);
font-family: var(--theme-text-body-font-family);
padding: 0 .6rem;
padding: 0 0.6rem;
font-size: 0.8rem;
font-weight: 600;
border-top: 1px solid rgba(214, 211, 211, 0.5);
a {
color: var(--theme-text-secondary);
}
.links {
column-gap: 2rem;
width: auto;

6
web/components/ui/Sidebar/Sidebar.module.scss
View File

@@ -1,11 +1,11 @@
@import '../../../styles/mixins.scss';
.root {
background-color: var(--theme-color-background-chat);
background-color: var(--theme-color-components-chat-background);
display: none;
@include screen(desktop) {
position: sticky;
display: block;
position: sticky;
display: block;
}
}

4
web/components/ui/followers/FollowerCollection/FollowerCollection.module.scss
View File

@@ -1,6 +1,6 @@
.followers {
width: 100%;
background-color: var(--theme-color-background-light);
background-color: var(--theme-color-components-content-background);
padding: 5px;
}
@@ -8,5 +8,5 @@
padding: calc(2 * var(--content-padding));
border-radius: var(--theme-rounded-corners);
width: 100%;
background-color: var(--theme-color-background-light);
background-color: var(--theme-color-components-content-background);
}