LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

Fix components having transparent backgrounds because colors are unset

Browse Source
This commit is contained in:
Gabe Kangas 2022-07-12 13:16:22 -07:00
parent c4f51ec2c1
commit 662ba32f3a
No known key found for this signature in database
GPG Key ID: 9A56337728BC81EA
3 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/style-definitions/tokens/color/antd-overrides.yaml
View File

@ -10,7 +10,15 @@ link-color:
value: 'var(--theme-text-link)'
popover-background:
value: 'var(--theme-background-secondary)'
modal-content-bg:
value: '{color.unknown-2.value}'
background-color-light:
value: 'var(--theme-background-secondary)'
layout-body-background:
value: 'var(--theme-background-primary)'
# These colors need to be explicitly set and cannot use CSS variables.
component-background:
value: '{color.unknown.value}'
warning-color:
value: '{color.unknown-2.value}'

5
web/styles/theme.less
View File

@ -1,6 +1,6 @@
// Do not edit directly
// Generated on Sun, 10 Jul 2022 17:52:44 GMT
// Generated on Tue, 12 Jul 2022 20:15:16 GMT
//
// How to edit these values:
// Edit the corresponding token file under the style-definitions directory
@ -10,8 +10,11 @@
@text-color-secondary: var(--theme-text-secondary);
@link-color: var(--theme-text-link);
@popover-background: var(--theme-background-secondary);
@modal-content-bg: #ff0000;
@background-color-light: var(--theme-background-secondary);
@layout-body-background: var(--theme-background-primary);
@component-background: #00ff00;
@warning-color: #ff0000;
@theme-unknown: #00ff00;
@theme-unknown-2: #ff0000;
@theme-primary: #00ff00; // The primary color of the application used for rendering controls.

5
web/styles/variables.css
View File

@ -1,6 +1,6 @@
/**
* Do not edit directly
* Generated on Sun, 10 Jul 2022 17:52:44 GMT
* Generated on Tue, 12 Jul 2022 20:15:16 GMT
*
* How to edit these values:
* Edit the corresponding token file under the style-definitions directory
@ -12,8 +12,11 @@
--text-color-secondary: var(--theme-text-secondary);
--link-color: var(--theme-text-link);
--popover-background: var(--theme-background-secondary);
--modal-content-bg: #ff0000;
--background-color-light: var(--theme-background-secondary);
--layout-body-background: var(--theme-background-primary);
--component-background: #00ff00;
--warning-color: #ff0000;
--theme-unknown: #00ff00;
--theme-unknown-2: #ff0000;
--theme-primary: #00ff00; /* The primary color of the application used for rendering controls. */