LogalDeveloper/owncast
LogalDeveloper/owncast
0
Fork 0
Code

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
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
4 changed files with 11 additions and 10 deletions
Show Stats 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 {
background-color: var(--theme-background-primary);
color: var(--theme-color-components-chat-text);
margin: 5px;
border-radius: 15px;
border-color: rgba(0, 0, 0, 0.3);
border-color: var(--theme-color-components-text-on-dark);
border-width: 1px;
border-style: solid;
padding: 10px 10px;

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

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

6
web/styles/theme.less
View File

@ -1,6 +1,6 @@
// 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:
// 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-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-chat-background: var(--theme-color-palette-15); // Lighter background
@theme-color-components-chat-text: var(--theme-color-palette-2); // Dark alternate
@theme-color-components-chat-background: var(--theme-color-palette-1); // Dark primary
@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-modal-header-background: var(--theme-color-palette-1); // Dark secondary
@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
* 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:
* 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-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-chat-background: var(--theme-color-palette-15); /* Lighter background */
--theme-color-components-chat-text: var(--theme-color-palette-2); /* Dark alternate */
--theme-color-components-chat-background: var(--theme-color-palette-1); /* Dark primary */
--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-modal-header-background: var(--theme-color-palette-1); /* Dark secondary */
--theme-color-components-modal-header-text: var(--theme-color-palette-3); /* Light primary */