diff --git a/src/shared/styles/lists.scss b/src/shared/styles/lists.scss index 3543e1c33..c7e6e7fc3 100644 --- a/src/shared/styles/lists.scss +++ b/src/shared/styles/lists.scss @@ -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); } } } diff --git a/src/shared/styles/themes/classic.scss b/src/shared/styles/themes/classic.scss index ec6933321..59557b69a 100644 --- a/src/shared/styles/themes/classic.scss +++ b/src/shared/styles/themes/classic.scss @@ -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); } diff --git a/src/shared/styles/themes/dracula.scss b/src/shared/styles/themes/dracula.scss index ae640c584..ed73f7a65 100644 --- a/src/shared/styles/themes/dracula.scss +++ b/src/shared/styles/themes/dracula.scss @@ -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); }