Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
24
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Rename CSS vars to try and get some more consistency

Browse Source
This commit is contained in:
JC Brand 2022-10-30 16:43:29 +01:00
parent b2ad6e844c
commit 040d5bae9d
7 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/plugins/controlbox/styles/_controlbox.scss
View File

@ -235,7 +235,7 @@
}
.controlbox-heading--headline {
color: var(--headline-head-color);
color: var(--headlines-head-color);
}
.controlbox-heading__btn {

12
src/plugins/headlines-view/styles/headlines-head.scss
View File

@ -8,13 +8,13 @@
}
&.chat-head-chatbox {
background-color: var(--headline-head-bg-color);
border-bottom: var(--headline-head-border-bottom);
background-color: var(--headlines-head-bg-color);
border-bottom: var(--headlines-head-border-bottom);
}
background-color: var(--headline-head-bg-color);
background-color: var(--headlines-head-bg-color);
.chatbox-title__text {
color: var(--headline-head-text-color) !important;
color: var(--headlines-head-text-color) !important;
}
converse-dropdown {
@ -30,7 +30,7 @@
.chatbox-btn {
converse-icon {
svg {
fill: var(--headline-head-fg-color);
fill: var(--headlines-head-fg-color);
}
}
}
@ -42,7 +42,7 @@
.chatbox.headlines {
.chat-head {
&.chat-head-chatbox {
background-color: var(--headline-head-bg-color);
background-color: var(--headlines-head-bg-color);
}
}
}

6
src/plugins/headlines-view/styles/headlines.scss
View File

@ -30,7 +30,7 @@
#controlbox {
.controlbox-section {
.controlbox-heading--headline {
color: var(--headline-head-text-color);
color: var(--headlines-head-text-color);
}
}
}
@ -40,10 +40,10 @@
&.converse-fullscreen {
.chatbox.headlines {
.box-flyout {
background-color: var(--headline-head-text-color);
background-color: var(--headlines-head-text-color);
}
.flyout {
border-color: var(--headline-head-text-color);
border-color: var(--headlines-head-text-color);
}
}
}

4
src/plugins/minimize/styles/minimize.scss
View File

@ -76,9 +76,9 @@
}
}
.chat-head-headline {
background-color: var(--headline-head-bg-color);
background-color: var(--headlines-head-bg-color);
a.restore-chat {
color: var(--headline-head-text-color);
color: var(--headlines-head-text-color);
}
}

2
src/plugins/minimize/templates/trimmed_chat.js
View File

@ -8,7 +8,7 @@ export default (o) => {
if (o.type === 'chatroom') {
close_color = "var(--chatroom-head-color)";
} else if (o.type === 'headline') {
close_color = "var(--headline-head-text-color)";
close_color = "var(--headlines-head-text-color)";
} else {
close_color = "var(--chat-head-text-color)";
}

6
src/shared/styles/themes/classic.scss
View File

@ -135,9 +135,9 @@
--muc-toolbar-btn-disabled-color: gray;
--headlines-color: var(--orange);
--headline-head-text-color: white;
--headline-head-fg-color: white;
--headline-head-bg-color: var(--headlines-color);
--headlines-head-text-color: white;
--headlines-head-fg-color: white;
--headlines-head-bg-color: var(--headlines-color);
--headline-message-color: #D2842B;
--headline-separator-border-bottom: 2px solid var(--headlines-color);

8
src/shared/styles/themes/dracula.scss
View File

@ -24,12 +24,12 @@
// ---
--headlines-color: var(--pink);
--headline-head-text-color: var(--headlines-color);
--headline-head-fg-color: var(--headlines-color);
--headline-head-bg-color: var(--background);
--headlines-head-text-color: var(--headlines-color);
--headlines-head-fg-color: var(--headlines-color);
--headlines-head-bg-color: var(--background);
--headline-message-color: var(--headlines-color);
--headline-separator-border-bottom: 2px solid var(--headlines-color);
--headline-head-border-bottom: 0.15em solid var(--headlines-color);
--headlines-head-border-bottom: 0.15em solid var(--headlines-color);
--icon-hover-color: var(--cyan);
--gray-color: var(--comment);