mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-12-18 23:32:51 +03:00
Code Issues Projects Releases Packages Wiki Activity

Tweak color to be meet a11y requirements

Browse source
This commit is contained in:
Gabe Kangas 2023-01-29 14:04:37 -08:00
parent f318b69980
commit 42fbe314f2
No known key found for this signature in database
GPG key ID: 4345B2060657F330
3 changed files with 20 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/style-definitions/tokens/color/owncast-colors.yaml
View file

@ -51,10 +51,10 @@ color:
value: '#c3dafe' value: '#c3dafe'
comment: 'Light alternate' comment: 'Light alternate'
6: 6:
value: '#7a5cf3' value: '#6544e9'
comment: 'Text link/secondary light text' comment: 'Text link/secondary light text'
7: 7:
value: '#5d38f3' value: '#7a5cf3'
comment: 'Text link hover' comment: 'Text link hover'
8: 8:
value: '#b6b3c6' value: '#b6b3c6'

18
web/styles/theme.less
View file

@ -1,6 +1,6 @@
// Do not edit directly // Do not edit directly
// Generated on Sun, 29 Jan 2023 01:28:51 GMT // Generated on Sun, 29 Jan 2023 22:03:03 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
@ -17,16 +17,16 @@
@border-radius-base: var(--theme-rounded-corners); @border-radius-base: var(--theme-rounded-corners);
@background-color-light: var(--theme-color-background-main); @background-color-light: var(--theme-color-background-main);
@modal-close-color: var(--theme-color-background-main); @modal-close-color: var(--theme-color-background-main);
@primary-color: #7a5cf3; // Text link/secondary light text @primary-color: #6544e9; // Text link/secondary light text
@primary-color-hover: #2386e2; // Fun color 1 @primary-color-hover: #2386e2; // Fun color 1
@primary-color-active: #5d38f3; // Text link hover @primary-color-active: #7a5cf3; // Text link hover
@primary-1: #7a5cf3; // Text link/secondary light text @primary-1: #6544e9; // Text link/secondary light text
@primary-2: #2386e2; // Fun color 1 @primary-2: #2386e2; // Fun color 1
@primary-3: #5d38f3; // Text link hover @primary-3: #7a5cf3; // Text link hover
@primary-4: #da9eff; // Fun color 2 @primary-4: #da9eff; // Fun color 2
@primary-5: #7a5cf3; // Text link/secondary light text @primary-5: #6544e9; // Text link/secondary light text
@primary-6: #2386e2; // Fun color 1 @primary-6: #2386e2; // Fun color 1
@primary-7: #5d38f3; // Text link hover @primary-7: #7a5cf3; // Text link hover
@primary-8: #da9eff; // Fun color 2 @primary-8: #da9eff; // Fun color 2
@component-background: #e2e8f0; // Light primary @component-background: #e2e8f0; // Light primary
@body-background: #e2e8f0; // Light primary @body-background: #e2e8f0; // Light primary
@ -120,8 +120,8 @@
@color-owncast-palette-3: #e2e8f0; // Light primary @color-owncast-palette-3: #e2e8f0; // Light primary
@color-owncast-palette-4: #ffffff; // Light secondary @color-owncast-palette-4: #ffffff; // Light secondary
@color-owncast-palette-5: #c3dafe; // Light alternate @color-owncast-palette-5: #c3dafe; // Light alternate
@color-owncast-palette-6: #7a5cf3; // Text link/secondary light text @color-owncast-palette-6: #6544e9; // Text link/secondary light text
@color-owncast-palette-7: #5d38f3; // Text link hover @color-owncast-palette-7: #7a5cf3; // Text link hover
@color-owncast-palette-8: #b6b3c6; // Disabled background @color-owncast-palette-8: #b6b3c6; // Disabled background
@color-owncast-palette-9: #39373d; // Neutral dark @color-owncast-palette-9: #39373d; // Neutral dark
@color-owncast-palette-10: #5d5f72; // Neutral gray light @color-owncast-palette-10: #5d5f72; // Neutral gray light

18
web/styles/variables.css
View file

@ -1,6 +1,6 @@
/** /**
* Do not edit directly * Do not edit directly
* Generated on Sun, 29 Jan 2023 01:28:51 GMT * Generated on Sun, 29 Jan 2023 22:03:03 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
@ -19,16 +19,16 @@
--border-radius-base: var(--theme-rounded-corners); --border-radius-base: var(--theme-rounded-corners);
--background-color-light: var(--theme-color-background-main); --background-color-light: var(--theme-color-background-main);
--modal-close-color: var(--theme-color-background-main); --modal-close-color: var(--theme-color-background-main);
--primary-color: #7a5cf3; /* Text link/secondary light text */ --primary-color: #6544e9; /* Text link/secondary light text */
--primary-color-hover: #2386e2; /* Fun color 1 */ --primary-color-hover: #2386e2; /* Fun color 1 */
--primary-color-active: #5d38f3; /* Text link hover */ --primary-color-active: #7a5cf3; /* Text link hover */
--primary-1: #7a5cf3; /* Text link/secondary light text */ --primary-1: #6544e9; /* Text link/secondary light text */
--primary-2: #2386e2; /* Fun color 1 */ --primary-2: #2386e2; /* Fun color 1 */
--primary-3: #5d38f3; /* Text link hover */ --primary-3: #7a5cf3; /* Text link hover */
--primary-4: #da9eff; /* Fun color 2 */ --primary-4: #da9eff; /* Fun color 2 */
--primary-5: #7a5cf3; /* Text link/secondary light text */ --primary-5: #6544e9; /* Text link/secondary light text */
--primary-6: #2386e2; /* Fun color 1 */ --primary-6: #2386e2; /* Fun color 1 */
--primary-7: #5d38f3; /* Text link hover */ --primary-7: #7a5cf3; /* Text link hover */
--primary-8: #da9eff; /* Fun color 2 */ --primary-8: #da9eff; /* Fun color 2 */
--component-background: #e2e8f0; /* Light primary */ --component-background: #e2e8f0; /* Light primary */
--body-background: #e2e8f0; /* Light primary */ --body-background: #e2e8f0; /* Light primary */
@ -122,8 +122,8 @@
--color-owncast-palette-3: #e2e8f0; /* Light primary */ --color-owncast-palette-3: #e2e8f0; /* Light primary */
--color-owncast-palette-4: #ffffff; /* Light secondary */ --color-owncast-palette-4: #ffffff; /* Light secondary */
--color-owncast-palette-5: #c3dafe; /* Light alternate */ --color-owncast-palette-5: #c3dafe; /* Light alternate */
--color-owncast-palette-6: #7a5cf3; /* Text link/secondary light text */ --color-owncast-palette-6: #6544e9; /* Text link/secondary light text */
--color-owncast-palette-7: #5d38f3; /* Text link hover */ --color-owncast-palette-7: #7a5cf3; /* Text link hover */
--color-owncast-palette-8: #b6b3c6; /* Disabled background */ --color-owncast-palette-8: #b6b3c6; /* Disabled background */
--color-owncast-palette-9: #39373d; /* Neutral dark */ --color-owncast-palette-9: #39373d; /* Neutral dark */
--color-owncast-palette-10: #5d5f72; /* Neutral gray light */ --color-owncast-palette-10: #5d5f72; /* Neutral gray light */