diff --git a/src/renderer/components/icon/icon.scss b/src/renderer/components/icon/icon.scss index 49d4b9c192..a1fcab8a31 100644 --- a/src/renderer/components/icon/icon.scss +++ b/src/renderer/components/icon/icon.scss @@ -127,7 +127,7 @@ } &.active { - color: var(--color-active); + color: var(--textColorAccent); box-shadow: 0 0 0 2px var(--iconActiveBackground); background-color: var(--iconActiveBackground); } @@ -137,16 +137,8 @@ transition: 250ms color, 250ms opacity, 150ms background-color, 150ms box-shadow; border-radius: var(--border-radius); - &.focusable:focus:not(:hover) { + &.focusable:focus-visible { box-shadow: 0 0 0 2px var(--focus-color); - - [data-whatintent='mouse'] & { - box-shadow: none; - - &.active { - box-shadow: 0 0 0 2px var(--iconActiveBackground); - } - } } &:hover { diff --git a/src/renderer/components/layout/sidebar-cluster.module.css b/src/renderer/components/layout/sidebar-cluster.module.css index efe4455169..635443500d 100644 --- a/src/renderer/components/layout/sidebar-cluster.module.css +++ b/src/renderer/components/layout/sidebar-cluster.module.css @@ -32,7 +32,6 @@ &:focus-visible { .dropdown { box-shadow: 0 0 0 2px var(--focus-color); - color: white; } }