LogalDeveloper/owncast
0
Fork 0
Code Activity

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
3 changed files with 16 additions and 2 deletions
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)' value: 'var(--theme-text-link)'
popover-background: popover-background:
value: 'var(--theme-background-secondary)' value: 'var(--theme-background-secondary)'
modal-content-bg:
value: '{color.unknown-2.value}'
background-color-light: background-color-light:
value: 'var(--theme-background-secondary)' value: 'var(--theme-background-secondary)'
layout-body-background: layout-body-background:
value: 'var(--theme-background-primary)' 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 // 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: // 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
@@ -10,8 +10,11 @@
@text-color-secondary: var(--theme-text-secondary); @text-color-secondary: var(--theme-text-secondary);
@link-color: var(--theme-text-link); @link-color: var(--theme-text-link);
@popover-background: var(--theme-background-secondary); @popover-background: var(--theme-background-secondary);
@modal-content-bg: #ff0000;
@background-color-light: var(--theme-background-secondary); @background-color-light: var(--theme-background-secondary);
@layout-body-background: var(--theme-background-primary); @layout-body-background: var(--theme-background-primary);
@component-background: #00ff00;
@warning-color: #ff0000;
@theme-unknown: #00ff00; @theme-unknown: #00ff00;
@theme-unknown-2: #ff0000; @theme-unknown-2: #ff0000;
@theme-primary: #00ff00; // The primary color of the application used for rendering controls. @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 * 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: * 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
@@ -12,8 +12,11 @@
--text-color-secondary: var(--theme-text-secondary); --text-color-secondary: var(--theme-text-secondary);
--link-color: var(--theme-text-link); --link-color: var(--theme-text-link);
--popover-background: var(--theme-background-secondary); --popover-background: var(--theme-background-secondary);
--modal-content-bg: #ff0000;
--background-color-light: var(--theme-background-secondary); --background-color-light: var(--theme-background-secondary);
--layout-body-background: var(--theme-background-primary); --layout-body-background: var(--theme-background-primary);
--component-background: #00ff00;
--warning-color: #ff0000;
--theme-unknown: #00ff00; --theme-unknown: #00ff00;
--theme-unknown-2: #ff0000; --theme-unknown-2: #ff0000;
--theme-primary: #00ff00; /* The primary color of the application used for rendering controls. */ --theme-primary: #00ff00; /* The primary color of the application used for rendering controls. */