golang/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2025-11-03 13:01:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

Make chat background dark

Browse Source
This commit is contained in:
Gabe Kangas
2023-01-18 19:16:03 -08:00
parent a92175aaed
commit a6bcabebbf
4 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
web/components/chat/ChatModeratorNotification/ChatModeratorNotification.module.scss
View File

@ -2,9 +2,10 @@
.chatModerationNotification { .chatModerationNotification {
background-color: var(--theme-background-primary); background-color: var(--theme-background-primary);
color: var(--theme-color-components-chat-text);
margin: 5px; margin: 5px;
border-radius: 15px; border-radius: 15px;
border-color: rgba(0, 0, 0, 0.3); border-color: var(--theme-color-components-text-on-dark);
border-width: 1px; border-width: 1px;
border-style: solid; border-style: solid;
padding: 10px 10px; padding: 10px 10px;

6
web/style-definitions/tokens/color/default-theme.yaml
View File

@ -174,11 +174,11 @@ theme:
chat: chat:
background: background:
value: 'var(--theme-color-palette-1)'
comment: '{theme.color.palette.0.comment}'
text:
value: 'var(--theme-color-palette-15)' value: 'var(--theme-color-palette-15)'
comment: '{theme.color.palette.15.comment}' comment: '{theme.color.palette.15.comment}'
text:
value: 'var(--theme-color-palette-2)'
comment: '{theme.color.palette.2.comment}'
content: content:
background: background:

6
web/styles/theme.less
View File

@ -1,6 +1,6 @@
// Do not edit directly // Do not edit directly
// Generated on Thu, 19 Jan 2023 00:03:35 GMT // Generated on Thu, 19 Jan 2023 03:14:14 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
@ -83,8 +83,8 @@
@theme-color-components-secondary-button-text-disabled: var(--theme-color-action-disabled); // Disabled background @theme-color-components-secondary-button-text-disabled: var(--theme-color-action-disabled); // Disabled background
@theme-color-components-secondary-button-border: var(--theme-color-action); // Text link/secondary light text @theme-color-components-secondary-button-border: var(--theme-color-action); // Text link/secondary light text
@theme-color-components-secondary-button-border-disabled: var(--theme-color-action-disabled); // Disabled background @theme-color-components-secondary-button-border-disabled: var(--theme-color-action-disabled); // Disabled background
@theme-color-components-chat-background: var(--theme-color-palette-15); // Lighter background @theme-color-components-chat-background: var(--theme-color-palette-1); // Dark primary
@theme-color-components-chat-text: var(--theme-color-palette-2); // Dark alternate @theme-color-components-chat-text: var(--theme-color-palette-15); // Lighter background
@theme-color-components-content-background: var(--theme-color-palette-15); // Lighter background @theme-color-components-content-background: var(--theme-color-palette-15); // Lighter background
@theme-color-components-modal-header-background: var(--theme-color-palette-1); // Dark secondary @theme-color-components-modal-header-background: var(--theme-color-palette-1); // Dark secondary
@theme-color-components-modal-header-text: var(--theme-color-palette-3); // Light primary @theme-color-components-modal-header-text: var(--theme-color-palette-3); // Light primary

6
web/styles/variables.css
View File

@ -1,6 +1,6 @@
/** /**
* Do not edit directly * Do not edit directly
* Generated on Thu, 19 Jan 2023 00:03:35 GMT * Generated on Thu, 19 Jan 2023 03:14:14 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
@ -85,8 +85,8 @@
--theme-color-components-secondary-button-text-disabled: var(--theme-color-action-disabled); /* Disabled background */ --theme-color-components-secondary-button-text-disabled: var(--theme-color-action-disabled); /* Disabled background */
--theme-color-components-secondary-button-border: var(--theme-color-action); /* Text link/secondary light text */ --theme-color-components-secondary-button-border: var(--theme-color-action); /* Text link/secondary light text */
--theme-color-components-secondary-button-border-disabled: var(--theme-color-action-disabled); /* Disabled background */ --theme-color-components-secondary-button-border-disabled: var(--theme-color-action-disabled); /* Disabled background */
--theme-color-components-chat-background: var(--theme-color-palette-15); /* Lighter background */ --theme-color-components-chat-background: var(--theme-color-palette-1); /* Dark primary */
--theme-color-components-chat-text: var(--theme-color-palette-2); /* Dark alternate */ --theme-color-components-chat-text: var(--theme-color-palette-15); /* Lighter background */
--theme-color-components-content-background: var(--theme-color-palette-15); /* Lighter background */ --theme-color-components-content-background: var(--theme-color-palette-15); /* Lighter background */
--theme-color-components-modal-header-background: var(--theme-color-palette-1); /* Dark secondary */ --theme-color-components-modal-header-background: var(--theme-color-palette-1); /* Dark secondary */
--theme-color-components-modal-header-text: var(--theme-color-palette-3); /* Light primary */ --theme-color-components-modal-header-text: var(--theme-color-palette-3); /* Light primary */