diff --git a/web/style-definitions/tokens/color/owncast-colors.yaml b/web/style-definitions/tokens/color/owncast-colors.yaml index 53a62bec8..55c97bfb8 100644 --- a/web/style-definitions/tokens/color/owncast-colors.yaml +++ b/web/style-definitions/tokens/color/owncast-colors.yaml @@ -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' diff --git a/web/styles/theme.less b/web/styles/theme.less index 18317c400..0cf4c0d9f 100644 --- a/web/styles/theme.less +++ b/web/styles/theme.less @@ -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 diff --git a/web/styles/variables.css b/web/styles/variables.css index 7f593dbfd..26e15357c 100644 --- a/web/styles/variables.css +++ b/web/styles/variables.css @@ -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 */