LogalDeveloper/owncast
0
Fork 0
Code Activity

Standardize color ids

Browse Source
This commit is contained in:
Gabe Kangas
2022-08-15 20:29:09 -07:00
parent 8cbf78050e
commit 8eb3762056
4 changed files with 38 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -37,18 +37,18 @@ theme:
user-colors: user-colors:
comment: 'Colors used to display chat users.' comment: 'Colors used to display chat users.'
0: 0:
value: '{color.owncast.user.1.value}' value: '{color.owncast.user.0.value}'
1: 1:
value: '{color.owncast.user.2.value}' value: '{color.owncast.user.1.value}'
2: 2:
value: '{color.owncast.user.3.value}' value: '{color.owncast.user.2.value}'
3: 3:
value: '{color.owncast.user.4.value}' value: '{color.owncast.user.3.value}'
4: 4:
value: '{color.owncast.user.5.value}' value: '{color.owncast.user.4.value}'
5: 5:
value: '{color.owncast.user.6.value}' value: '{color.owncast.user.5.value}'
6: 6:
value: '{color.owncast.user.7.value}' value: '{color.owncast.user.6.value}'
7: 7:
value: '{color.owncast.user.8.value}' value: '{color.owncast.user.7.value}'

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

@@ -10,21 +10,21 @@ color:
# GenerateRandomDisplayColor in the Go codebase so it knows the max # GenerateRandomDisplayColor in the Go codebase so it knows the max
# number of colors to use. # number of colors to use.
user: user:
1: 0:
value: 'rgb(244, 11, 11)' value: 'rgb(244, 11, 11)'
2: 1:
value: 'rgb(244, 128, 11)' value: 'rgb(244, 128, 11)'
3: 2:
value: 'rgb(244, 244, 11)' value: 'rgb(244, 244, 11)'
4: 3:
value: 'rgb(88, 244, 11)' value: 'rgb(88, 244, 11)'
5: 4:
value: 'rgb(11, 244, 244)' value: 'rgb(11, 244, 244)'
6: 5:
value: 'rgb(11, 166, 244)' value: 'rgb(11, 166, 244)'
7: 6:
value: 'rgb(102, 102, 255)' value: 'rgb(102, 102, 255)'
8: 7:
value: 'rgb(244, 11, 244)' value: 'rgb(244, 11, 244)'
text: text:

18
web/styles/theme.less
View File

@@ -1,6 +1,6 @@
// Do not edit directly // Do not edit directly
// Generated on Sun, 14 Aug 2022 18:44:29 GMT // Generated on Tue, 16 Aug 2022 03:27:53 GMT
// //
// How to edit these values: // How to edit these values:
// Edit the corresponding token file under the style-definitions directory // Edit the corresponding token file under the style-definitions directory
@@ -49,14 +49,14 @@
@default-text-color: #030208; @default-text-color: #030208;
@color-unknown: #00ff00; @color-unknown: #00ff00;
@color-unknown-2: #ff0000; @color-unknown-2: #ff0000;
@color-owncast-user-1: #f40b0b; @color-owncast-user-0: #f40b0b;
@color-owncast-user-2: #f4800b; @color-owncast-user-1: #f4800b;
@color-owncast-user-3: #f4f40b; @color-owncast-user-2: #f4f40b;
@color-owncast-user-4: #58f40b; @color-owncast-user-3: #58f40b;
@color-owncast-user-5: #0bf4f4; @color-owncast-user-4: #0bf4f4;
@color-owncast-user-6: #0ba6f4; @color-owncast-user-5: #0ba6f4;
@color-owncast-user-7: #6666ff; @color-owncast-user-6: #6666ff;
@color-owncast-user-8: #f40bf4; @color-owncast-user-7: #f40bf4;
@color-owncast-text-primary: #030208; @color-owncast-text-primary: #030208;
@color-owncast-text-secondary: #63638e; @color-owncast-text-secondary: #63638e;
@color-owncast-text-highlight: #030208; @color-owncast-text-highlight: #030208;

34
web/styles/variables.css
View File

@@ -1,6 +1,6 @@
/** /**
* Do not edit directly * Do not edit directly
* Generated on Sun, 14 Aug 2022 18:44:29 GMT * Generated on Tue, 16 Aug 2022 03:27:53 GMT
* *
* How to edit these values: * How to edit these values:
* Edit the corresponding token file under the style-definitions directory * Edit the corresponding token file under the style-definitions directory
@@ -23,12 +23,8 @@
--theme-text-primary: #030208; /* The color of the text in the application. */ --theme-text-primary: #030208; /* The color of the text in the application. */
--theme-text-secondary: #63638e; --theme-text-secondary: #63638e;
--theme-text-link: #5353a6; --theme-text-link: #5353a6;
--theme-text-body-font-family: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, --theme-text-body-font-family: 'Open Sans', 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';
'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', --theme-text-display-font-family: 'Poppins', 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';
'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
--theme-text-display-font-family: 'Poppins', 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';
--theme-background-primary: #fffcf2; /* The main background color of the page. */ --theme-background-primary: #fffcf2; /* The main background color of the page. */
--theme-background-secondary: #f0efe4; /* A secondary background color used in sections and controls. */ --theme-background-secondary: #f0efe4; /* A secondary background color used in sections and controls. */
--theme-rounded-corners: 0.5em; --theme-rounded-corners: 0.5em;
@@ -55,14 +51,14 @@
--default-text-color: #030208; --default-text-color: #030208;
--color-unknown: #00ff00; --color-unknown: #00ff00;
--color-unknown-2: #ff0000; --color-unknown-2: #ff0000;
--color-owncast-user-1: #f40b0b; --color-owncast-user-0: #f40b0b;
--color-owncast-user-2: #f4800b; --color-owncast-user-1: #f4800b;
--color-owncast-user-3: #f4f40b; --color-owncast-user-2: #f4f40b;
--color-owncast-user-4: #58f40b; --color-owncast-user-3: #58f40b;
--color-owncast-user-5: #0bf4f4; --color-owncast-user-4: #0bf4f4;
--color-owncast-user-6: #0ba6f4; --color-owncast-user-5: #0ba6f4;
--color-owncast-user-7: #6666ff; --color-owncast-user-6: #6666ff;
--color-owncast-user-8: #f40bf4; --color-owncast-user-7: #f40bf4;
--color-owncast-text-primary: #030208; --color-owncast-text-primary: #030208;
--color-owncast-text-secondary: #63638e; --color-owncast-text-secondary: #63638e;
--color-owncast-text-highlight: #030208; --color-owncast-text-highlight: #030208;
@@ -71,10 +67,6 @@
--color-owncast-background-primary: #fffcf2; --color-owncast-background-primary: #fffcf2;
--color-owncast-background-secondary: #f0efe4; --color-owncast-background-secondary: #f0efe4;
--rounded-corners: 0.5em; --rounded-corners: 0.5em;
--font-owncast-body: 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, --font-owncast-body: 'Open Sans', 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';
'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', --font-owncast-display: 'Poppins', 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';
'Segoe UI Symbol', 'Noto Color Emoji';
--font-owncast-display: 'Poppins', 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';
} }