diff --git a/ui/scss/component/menu-button.scss b/ui/scss/component/menu-button.scss index 8b2f9348e..bb94ec35e 100644 --- a/ui/scss/component/menu-button.scss +++ b/ui/scss/component/menu-button.scss @@ -51,7 +51,7 @@ padding: 0.3rem; .icon { - stroke: var(--color-comment-menu); + stroke: var(--color-menu); } .comment__menu-icon--hovering { @@ -62,7 +62,7 @@ opacity: 1; background-color: var(--color-button-alt-bg); .icon { - stroke: var(--color-comment-menu-hovering); + stroke: var(--color-menu-hovering); } } } diff --git a/ui/scss/init/_base-theme.scss b/ui/scss/init/_base-theme.scss index 02313f1e1..4a34619d0 100644 --- a/ui/scss/init/_base-theme.scss +++ b/ui/scss/init/_base-theme.scss @@ -124,10 +124,10 @@ --color-menu-background: var(--color-header-background); --color-menu-background--active: var(--color-card-background-highlighted); --color-menu-icon: var(--color-navigation-link); + --color-menu: var(--color-gray-3); + --color-menu-hovering: var(--color-gray-6); // Comments - --color-comment-menu: var(--color-gray-3); - --color-comment-menu-hovering: var(--color-gray-6); --color-comment-highlighted: #fff2d9; --color-comment-threadline: var(--color-gray-1); --color-comment-threadline-hover: var(--color-gray-4); diff --git a/ui/scss/themes/dark.scss b/ui/scss/themes/dark.scss index b244eefa6..edc0bbf7c 100644 --- a/ui/scss/themes/dark.scss +++ b/ui/scss/themes/dark.scss @@ -90,10 +90,10 @@ --color-menu-background: var(--color-header-background); --color-menu-background--active: var(--color-gray-7); --color-menu-icon: var(--color-gray-4); + --color-menu: var(--color-gray-5); + --color-menu-hovering: var(--color-gray-2); // Comments - --color-comment-menu: var(--color-gray-5); - --color-comment-menu-hovering: var(--color-gray-2); --color-comment-threadline: #434b54; --color-comment-threadline-hover: var(--color-gray-4); --color-comment-highlighted: #484734;