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

Dracula: Set colors for unread messages indicator and nickname autocomplete

Browse Source
This commit is contained in:
JC Brand 2022-02-10 12:52:28 +01:00
parent 066d29d637
commit 47f3109957
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/shared/autocomplete/styles/_autocomplete.scss
View File

@ -31,7 +31,7 @@
left: 1em; left: 1em;
width: 0; height: 0; width: 0; height: 0;
padding: .4em; padding: .4em;
background: white; background: var(--background);
border: inherit; border: inherit;
border-right: 0; border-right: 0;
border-bottom: 0; border-bottom: 0;
@ -54,8 +54,7 @@
z-index: 2; z-index: 2;
> li { > li {
background: hsla(0,0%,100%,.9); background: var(--background);
background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.9));
color: var(--text-color); color: var(--text-color);
cursor: pointer; cursor: pointer;
display: flex; display: flex;
@ -82,7 +81,7 @@
width: 0; width: 0;
height: 0; height: 0;
padding: 0.4em; padding: 0.4em;
background: white; background: var(--background);
border: inherit; border: inherit;
border-left: 0; border-left: 0;
border-top: 0; border-top: 0;

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

@ -30,6 +30,8 @@
--redder-orange: var(--muc-color); --redder-orange: var(--muc-color);
--light-background-color: var(--background);
--chat-background-color: var(--background); --chat-background-color: var(--background);
--chat-content-background-color: var(--background); --chat-content-background-color: var(--background);
--chat-textarea-background-color: var(--background); --chat-textarea-background-color: var(--background);
@ -92,7 +94,7 @@
--completion-light-color: var(--pink); --completion-light-color: var(--pink);
--completion-normal-color: var(--red); --completion-normal-color: var(--red);
--completion-dark-color: var(--purple); --completion-dark-color: var(--current-line);
--button-text-color: var(--background); --button-text-color: var(--background);
--button-hover-text-color: var(--background); --button-hover-text-color: var(--background);