mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-12-18 07:12:33 +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'
comment: 'Light alternate'
6:
value: '#7a5cf3'
value: '#6544e9'
comment: 'Text link/secondary light text'
7:
value: '#5d38f3'
value: '#7a5cf3'
comment: 'Text link hover'
8:
value: '#b6b3c6'

18
web/styles/theme.less
View file

@ -1,6 +1,6 @@
// 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:
// Edit the corresponding token file under the style-definitions directory
@ -17,16 +17,16 @@
@border-radius-base: var(--theme-rounded-corners);
@background-color-light: 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-active: #5d38f3; // Text link hover
@primary-1: #7a5cf3; // Text link/secondary light text
@primary-color-active: #7a5cf3; // Text link hover
@primary-1: #6544e9; // Text link/secondary light text
@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-5: #7a5cf3; // Text link/secondary light text
@primary-5: #6544e9; // Text link/secondary light text
@primary-6: #2386e2; // Fun color 1
@primary-7: #5d38f3; // Text link hover
@primary-7: #7a5cf3; // Text link hover
@primary-8: #da9eff; // Fun color 2
@component-background: #e2e8f0; // Light primary
@body-background: #e2e8f0; // Light primary
@ -120,8 +120,8 @@
@color-owncast-palette-3: #e2e8f0; // Light primary
@color-owncast-palette-4: #ffffff; // Light secondary
@color-owncast-palette-5: #c3dafe; // Light alternate
@color-owncast-palette-6: #7a5cf3; // Text link/secondary light text
@color-owncast-palette-7: #5d38f3; // Text link hover
@color-owncast-palette-6: #6544e9; // Text link/secondary light text
@color-owncast-palette-7: #7a5cf3; // Text link hover
@color-owncast-palette-8: #b6b3c6; // Disabled background
@color-owncast-palette-9: #39373d; // Neutral dark
@color-owncast-palette-10: #5d5f72; // Neutral gray light

18
web/styles/variables.css
View file

@ -1,6 +1,6 @@
/**
* 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:
* Edit the corresponding token file under the style-definitions directory
@ -19,16 +19,16 @@
--border-radius-base: var(--theme-rounded-corners);
--background-color-light: 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-active: #5d38f3; /* Text link hover */
--primary-1: #7a5cf3; /* Text link/secondary light text */
--primary-color-active: #7a5cf3; /* Text link hover */
--primary-1: #6544e9; /* Text link/secondary light text */
--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-5: #7a5cf3; /* Text link/secondary light text */
--primary-5: #6544e9; /* Text link/secondary light text */
--primary-6: #2386e2; /* Fun color 1 */
--primary-7: #5d38f3; /* Text link hover */
--primary-7: #7a5cf3; /* Text link hover */
--primary-8: #da9eff; /* Fun color 2 */
--component-background: #e2e8f0; /* Light primary */
--body-background: #e2e8f0; /* Light primary */
@ -122,8 +122,8 @@
--color-owncast-palette-3: #e2e8f0; /* Light primary */
--color-owncast-palette-4: #ffffff; /* Light secondary */
--color-owncast-palette-5: #c3dafe; /* Light alternate */
--color-owncast-palette-6: #7a5cf3; /* Text link/secondary light text */
--color-owncast-palette-7: #5d38f3; /* Text link hover */
--color-owncast-palette-6: #6544e9; /* Text link/secondary light text */
--color-owncast-palette-7: #7a5cf3; /* Text link hover */
--color-owncast-palette-8: #b6b3c6; /* Disabled background */
--color-owncast-palette-9: #39373d; /* Neutral dark */
--color-owncast-palette-10: #5d5f72; /* Neutral gray light */