CSS: various color fixes between light/dark themes

This commit is contained in:
JC Brand 2022-03-29 10:08:04 +02:00
parent d570b6095e
commit 5ef0f3ad5d
7 changed files with 25 additions and 4 deletions

View File

@ -0,0 +1,16 @@
.conversejs {
.alert-danger {
h3 {
color: var(--background);
font-size: large;
}
.disconnect-msg {
color: var(--background) !important;
}
color: var(--background);
border-color: var(--danger-color-dark);
background-color: var(--danger-color);
}
}

View File

@ -30,6 +30,7 @@
background-color: var(--primary-color) !important; background-color: var(--primary-color) !important;
border-color: transparent !important; border-color: transparent !important;
&:focus, &:hover, &:active { &:focus, &:hover, &:active {
color: var(--button-text-color);
background-color: var(--primary-color-dark) !important; background-color: var(--primary-color-dark) !important;
border-color: transparent !important; border-color: transparent !important;
} }

View File

@ -26,7 +26,7 @@
background-color: var(--background); background-color: var(--background);
&:focus { &:focus {
color: var(--text-color); color: var(--text-color);
background-color: var(--comment); background-color: var(--focus-color);
} }
&::-webkit-input-placeholder { /* Chrome/Opera/Safari */ &::-webkit-input-placeholder { /* Chrome/Opera/Safari */

View File

@ -32,6 +32,7 @@
@import "themes/dracula"; @import "themes/dracula";
@import "core"; @import "core";
@import "alerts";
@import "spinner"; @import "spinner";
@import "buttons"; @import "buttons";
@import "badges"; @import "badges";

View File

@ -6,8 +6,7 @@
background-color: var(--primary-color); background-color: var(--primary-color);
border-color: var(--primary-color-dark); border-color: var(--primary-color-dark);
} }
background-color: var(--list-group-item-bg-color);
background-color: var(--comment);
} }
.list-container { .list-container {

View File

@ -16,6 +16,7 @@
--chat-color: var(--green); --chat-color: var(--green);
--disabled-color: gray; --disabled-color: gray;
--error-color: var(--dark-red); --error-color: var(--dark-red);
--focus-color: var(--white);
// --- // ---
@ -80,7 +81,7 @@
--chat-info-color: var(--chatroom-head-bg-color); --chat-info-color: var(--chatroom-head-bg-color);
--danger-color-dark: #A93415; // darker red --danger-color-dark: #A93415; // darker red
--danger-color: #D24E2B; // dark-red --danger-color: var(--redder-orange); // dark-red
--highlight-color-darker: #B0E8E2; --highlight-color-darker: #B0E8E2;
--highlight-color: #DCF9F6; --highlight-color: #DCF9F6;
--primary-color-dark: #397491; --primary-color-dark: #397491;
@ -166,6 +167,7 @@
--list-item-open-hover-color: var(--controlbox-head-color); --list-item-open-hover-color: var(--controlbox-head-color);
--list-dot-circle-color: #f6dec1; // lighten($orange, 25%) --list-dot-circle-color: #f6dec1; // lighten($orange, 25%)
--list-item-action-hover-color: var(--inverse-link-color); --list-item-action-hover-color: var(--inverse-link-color);
--list-group-item-bg-color: var(--background);
--chat-msg-hover-color: var(--list-item-hover-color); --chat-msg-hover-color: var(--list-item-hover-color);
} }

View File

@ -19,6 +19,7 @@
--chat-color: var(--green); --chat-color: var(--green);
--disabled-color: var(--comment); --disabled-color: var(--comment);
--error-color: var(--red); --error-color: var(--red);
--focus-color: var(--comment);
// --- // ---
@ -141,4 +142,5 @@
--list-item-open-hover-color: var(--current-line); --list-item-open-hover-color: var(--current-line);
--list-dot-circle-color: var(--orange); --list-dot-circle-color: var(--orange);
--list-item-action-hover-color: var(--cyan); --list-item-action-hover-color: var(--cyan);
--list-group-item-bg-color: var(--comment);
} }