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

2
web/style-definitions/build.sh
View File

@@ -1,4 +1,4 @@
#!/bin/sh
mv build/variables.css ../styles/variables.css
mv build/variables.less ../styles/theme.less
mv build/variables.less ../styles/theme.less

24
web/style-definitions/tokens/color/default-theme.yaml
View File

@@ -87,6 +87,9 @@ theme:
14:
value: 'var(--color-owncast-palette-14)'
comment: '{color.owncast.palette.14.comment}'
15:
value: 'var(--color-owncast-palette-15)'
comment: '{color.owncast.palette.15.comment}'
error:
value: 'var(--color-owncast-palette-error)'
comment: '{color.owncast.palette.error.comment}'
@@ -99,14 +102,12 @@ theme:
value: 'var(--theme-color-palette-3)'
comment: '{theme.color.palette.3.comment}'
light:
value: 'var(--theme-color-palette-14)'
comment: '{theme.color.palette.14.comment}'
value: 'var(--theme-color-palette-3)'
comment: '{theme.color.palette.3.comment}'
header:
value: 'var(--theme-color-palette-0)'
comment: '{theme.color.palette.0.comment}'
chat:
value: 'var(--theme-color-palette-14)'
comment: '{theme.color.palette.14.comment}'
action:
value: 'var(--theme-color-palette-6)'
comment: '{theme.color.palette.6.comment}'
@@ -173,11 +174,16 @@ theme:
chat:
background:
value: 'var(--theme-color-palette-1)'
comment: '{theme.color.palette.1.comment}'
value: 'var(--theme-color-palette-4)'
comment: '{theme.color.palette.4.comment}'
text:
value: 'var(--theme-color-palette-3)'
comment: '{theme.color.palette.3.comment}'
value: 'var(--theme-color-palette-2)'
comment: '{theme.color.palette.2.comment}'
content:
background:
value: 'var(--theme-color-palette-15)'
comment: '{theme.color.palette.15.comment}'
modal:
header:

3
web/style-definitions/tokens/color/owncast-colors.yaml
View File

@@ -76,6 +76,9 @@ color:
14:
value: '#f0f3f8'
comment: 'Light background'
15:
value: '#eff1f4'
comment: 'Lighter background'
error:
value: '#ff4b39'
comment: 'Error'