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

CSS: fix hover color

Browse Source
This commit is contained in:
JC Brand 2022-01-29 11:55:06 +01:00
parent 8dcacd41bf
commit 817b1200ca
3 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/shared/styles/lists.scss
View File

@ -98,22 +98,26 @@
}
&.open {
&:hover {
.list-item-link {
color: var(--inverse-link-color);
&:hover {
color: var(--inverse-link-color);
}
}
}
background-color: var(--list-item-open-color);
&:hover {
background-color: var(--list-item-open-hover-color);
}
a {
color: white;
}
.list-item-link {
&:hover {
color: var(--list-item-link-hover-color);
}
color: var(--inverse-link-color);
}
.list-item-action {
color: var(--list-item-action-color);
&:hover {
color: var(--list-item-link-hover-color);
color: var(--list-item-action-hover-color);
}
}
}

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

@ -165,6 +165,7 @@
--list-item-open-color: var(--controlbox-head-color);
--list-item-open-hover-color: var(--controlbox-head-color);
--list-dot-circle-color: #f6dec1; // lighten($orange, 25%)
--list-item-action-hover-color: var(--inverse-link-color);
--chat-msg-hover-color: var(--list-item-hover-color);
}

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

@ -129,10 +129,11 @@
--list-toggle-color: var(--comment);
--list-toggle-hover-color: var(--comment);
--list-item-hover-color: var(--current-line);
--list-item-action-color: var(--cyan);
--list-item-action-color: var(--comment);
--list-item-link-color: var(--foreground);
--list-item-link-hover-color: var(--link-color);
--list-item-open-color: var(--current-line);
--list-item-open-hover-color: var(--controlbox-head-color);
--list-item-open-hover-color: var(--current-line);
--list-dot-circle-color: var(--orange);
--list-item-action-hover-color: var(--cyan);
}