LogalDeveloper/owncast
0
Fork 0
Code Activity

Support color customization from the admin (#2338)

Browse Source 
* Add user-customizable theming. Closes #1915

* Prettified Code!

* Add user-customizable theming. Closes #1915

* Add explicit color for page content background

* Prettified Code!

Co-authored-by: gabek <gabek@users.noreply.github.com>
This commit is contained in:
Gabe Kangas
2022-11-12 20:26:55 -08:00
committed by GitHub
parent 5bbf9db84a
commit 813f8692f0
33 changed files with 499 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/components/chat/ChatActionMessage/ChatActionMessage.module.scss
View File

@@ -1,4 +1,5 @@
.chatAction {
padding: 5px;
text-align: center;
color: var(--theme-color-components-chat-text);
}

2
web/components/chat/ChatContainer/ChatContainer.module.scss
View File

@@ -42,7 +42,7 @@
.chatContainer {
display: flex;
flex-direction: column;
background-color: var(--theme-color-background-chat);
background-color: var(--theme-color-components-chat-background);
height: 100%;
}
.virtuoso {

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

@@ -1,6 +1,7 @@
.root {
padding: 10px 0px;
text-align: center;
font-size: .8rem;
font-size: 0.8rem;
font-style: italic;
color: var(--theme-color-components-chat-text);
}

4
web/components/chat/ChatUserMessage/ChatUserMessage.module.scss
View File

@@ -9,6 +9,8 @@ $p-size: 8px;
position: relative;
font-size: 0.9rem;
padding: 0px $p-size $p-size $p-size;
color: var(--theme-color-components-chat-text);
.user {
display: flex;
align-items: center;
@@ -63,7 +65,7 @@ $p-size: 8px;
.messagePadding {
padding: 0px 0px;
padding-top: .4rem;
padding-top: 0.4rem;
}
.messagePaddingCollapsed {