From d53e20d40c8581f00f1b8d4caf6dcca17d888978 Mon Sep 17 00:00:00 2001 From: Charles Zhao Date: Tue, 14 Jun 2022 15:40:20 +0800 Subject: [PATCH] style(console): update hover and focus background colors of topbar items --- .../AppContent/components/UserInfo/index.module.scss | 7 +++++-- .../components/GetStartedProgress/index.module.scss | 7 +++++-- 2 files changed, 10 insertions(+), 4 deletions(-) diff --git a/packages/console/src/components/AppContent/components/UserInfo/index.module.scss b/packages/console/src/components/AppContent/components/UserInfo/index.module.scss index e1463a58e..2d66be156 100644 --- a/packages/console/src/components/AppContent/components/UserInfo/index.module.scss +++ b/packages/console/src/components/AppContent/components/UserInfo/index.module.scss @@ -10,9 +10,12 @@ user-select: none; cursor: pointer; - &:hover, + &:hover { + background-color: var(--color-hover-variant); + } + &.active { - background-color: var(--color-surface-5); + background-color: var(--color-focused-variant); } img { diff --git a/packages/console/src/pages/GetStarted/components/GetStartedProgress/index.module.scss b/packages/console/src/pages/GetStarted/components/GetStartedProgress/index.module.scss index 22a836649..fbcb3325f 100644 --- a/packages/console/src/pages/GetStarted/components/GetStartedProgress/index.module.scss +++ b/packages/console/src/pages/GetStarted/components/GetStartedProgress/index.module.scss @@ -9,9 +9,12 @@ user-select: none; cursor: pointer; - &:hover, + &:hover { + background-color: var(--color-hover-variant); + } + &.active { - background-color: var(--color-surface-5); + background-color: var(--color-focused-variant); } img {