mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-11-24 21:59:43 +03:00
Code Issues Projects Releases Packages Wiki Activity

Additional style tweaks

Browse source
This commit is contained in:
Gabe Kangas 2022-09-10 18:48:32 -07:00
parent 033899c6fd
commit 13167c331b
No known key found for this signature in database
GPG key ID: 9A56337728BC81EA
3 changed files with 24 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
web/style-definitions/tokens/color/antd-overrides.yaml
View file

@ -16,6 +16,12 @@ alert-error-border-color:
value: 'var(--theme-color-palette-error)'
popover-background:
value: 'var(--theme-color-components-menu-background)'
tag-default-color:
value: 'var(--theme-color-action)'
border-radius-base:
value: 'var(--theme-rounded-corners)'
background-color-light:
value: 'var(--theme-color-background-main)'
# This values need to be statically assigned at build time and cannot be
# overridden by the user at runtime.
@ -55,5 +61,9 @@ primary-8:
comment: '{color.owncast.palette.12.comment}'
component-background:
value: '{color.owncast.palette.1.value}'
comment: '{color.owncast.palette.1.comment}'
value: '{color.owncast.palette.3.value}'
comment: '{color.owncast.palette.3.comment}'
body-background:
value: '{color.owncast.palette.3.value}'
comment: '{color.owncast.palette.3.comment}'

16
web/styles/theme.less
View file

@ -1,6 +1,6 @@
// Do not edit directly
// Generated on Sun, 11 Sep 2022 00:27:11 GMT
// Generated on Sun, 11 Sep 2022 01:48:18 GMT
//
// How to edit these values:
// Edit the corresponding token file under the style-definitions directory
@ -13,6 +13,9 @@
@alert-error-bg-color: var(--theme-color-palette-4);
@alert-error-border-color: var(--theme-color-palette-error);
@popover-background: var(--theme-color-components-menu-background);
@tag-default-color: var(--theme-color-action);
@border-radius-base: var(--theme-rounded-corners);
@background-color-light: var(--theme-color-background-main);
@primary-color: #7a5cf3; // Text link/secondary light text
@primary-color-hover: #2386e2; // Fun color 1
@primary-color-active: #5d38f3; // Text link hover
@ -24,15 +27,8 @@
@primary-6: #2386e2; // Fun color 1
@primary-7: #5d38f3; // Text link hover
@primary-8: #da9eff; // Fun color 2
@blue-1: #7a5cf3; // Text link/secondary light text
@blue-2: #2386e2; // Fun color 1
@blue-3: #5d38f3; // Text link hover
@blue-4: #da9eff; // Fun color 2
@blue-5: #7a5cf3; // Text link/secondary light text
@blue-6: #2386e2; // Fun color 1
@blue-7: #5d38f3; // Text link hover
@blue-8: #da9eff; // Fun color 2
@component-background: #2d3748; // Dark secondary
@component-background: #e2e8f0; // Light primary
@body-background: #e2e8f0; // Light primary
@theme-rounded-corners: 0.5rem; // How much corners are rounded in places in the UI.
@theme-unknown-1: green; // This should never be used and it means something is wrong.
@theme-unknown-2: red; // This should never be used and it means something is wrong.

16
web/styles/variables.css
View file

@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Sun, 11 Sep 2022 00:27:11 GMT
* Generated on Sun, 11 Sep 2022 01:48:18 GMT
*
* How to edit these values:
* Edit the corresponding token file under the style-definitions directory
@ -15,6 +15,9 @@
--alert-error-bg-color: var(--theme-color-palette-4);
--alert-error-border-color: var(--theme-color-palette-error);
--popover-background: var(--theme-color-components-menu-background);
--tag-default-color: var(--theme-color-action);
--border-radius-base: var(--theme-rounded-corners);
--background-color-light: var(--theme-color-background-main);
--primary-color: #7a5cf3; /* Text link/secondary light text */
--primary-color-hover: #2386e2; /* Fun color 1 */
--primary-color-active: #5d38f3; /* Text link hover */
@ -26,15 +29,8 @@
--primary-6: #2386e2; /* Fun color 1 */
--primary-7: #5d38f3; /* Text link hover */
--primary-8: #da9eff; /* Fun color 2 */
--blue-1: #7a5cf3; /* Text link/secondary light text */
--blue-2: #2386e2; /* Fun color 1 */
--blue-3: #5d38f3; /* Text link hover */
--blue-4: #da9eff; /* Fun color 2 */
--blue-5: #7a5cf3; /* Text link/secondary light text */
--blue-6: #2386e2; /* Fun color 1 */
--blue-7: #5d38f3; /* Text link hover */
--blue-8: #da9eff; /* Fun color 2 */
--component-background: #2d3748; /* Dark secondary */
--component-background: #e2e8f0; /* Light primary */
--body-background: #e2e8f0; /* Light primary */
--theme-rounded-corners: 0.5rem; /* How much corners are rounded in places in the UI. */
--theme-unknown-1: green; /* This should never be used and it means something is wrong. */
--theme-unknown-2: red; /* This should never be used and it means something is wrong. */