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 { &.open {
&:hover {
.list-item-link {
color: var(--inverse-link-color);
&:hover {
color: var(--inverse-link-color);
}
}
}
background-color: var(--list-item-open-color); background-color: var(--list-item-open-color);
&:hover { &:hover {
background-color: var(--list-item-open-hover-color); background-color: var(--list-item-open-hover-color);
} }
a { a {
color: white; color: var(--inverse-link-color);
}
.list-item-link {
&:hover {
color: var(--list-item-link-hover-color);
}
} }
.list-item-action { .list-item-action {
color: var(--list-item-action-color); color: var(--list-item-action-color);
&:hover { &: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-color: var(--controlbox-head-color);
--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);
--chat-msg-hover-color: var(--list-item-hover-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-color: var(--comment);
--list-toggle-hover-color: var(--comment); --list-toggle-hover-color: var(--comment);
--list-item-hover-color: var(--current-line); --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-color: var(--foreground);
--list-item-link-hover-color: var(--link-color); --list-item-link-hover-color: var(--link-color);
--list-item-open-color: var(--current-line); --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-dot-circle-color: var(--orange);
--list-item-action-hover-color: var(--cyan);
} }