Northern_Lights/cherry-studio
1
0
Fork 0
mirror of https://github.com/CherryHQ/cherry-studio.git synced 2026-01-11 08:19:01 +08:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

style(selection-toolbar): use primary color for selection toolbar (#9515)

Browse Source 
* style(selection-toolbar): 统一使用主色变量并移除冗余样式

移除重复定义的颜色变量，统一使用 --color-primary 作为悬停状态的主色

* style: 移除重复的 --color-primary 变量定义
This commit is contained in:
Phantom 2025-08-25 19:49:23 +08:00 committed by GitHub
parent e90b9a5a95
commit 1764be8a30
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 2 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/renderer/src/assets/styles/selection-toolbar.scss
View File

@ -6,10 +6,8 @@ html {
:root {
// Basic Colors
--color-primary: #00b96b;
--color-error: #f44336;
--selection-toolbar-color-primary: var(--color-primary);
--selection-toolbar-color-error: var(--color-error);
// Toolbar
@ -54,8 +52,6 @@ html {
--selection-toolbar-button-text-color: rgba(255, 255, 245, 0.9);
--selection-toolbar-button-icon-color: var(--selection-toolbar-button-text-color);
--selection-toolbar-button-text-color-hover: var(--selection-toolbar-color-primary);
--selection-toolbar-button-icon-color-hover: var(--selection-toolbar-color-primary);
--selection-toolbar-button-bgcolor: transparent; // default: transparent
--selection-toolbar-button-bgcolor-hover: #333333;
}
@ -72,7 +68,5 @@ html {
--selection-toolbar-button-text-color: rgba(0, 0, 0, 1);
--selection-toolbar-button-icon-color: var(--selection-toolbar-button-text-color);
--selection-toolbar-button-text-color-hover: var(--selection-toolbar-color-primary);
--selection-toolbar-button-icon-color-hover: var(--selection-toolbar-color-primary);
--selection-toolbar-button-bgcolor-hover: rgba(0, 0, 0, 0.04);
}

4
src/renderer/src/windows/selection/toolbar/SelectionToolbar.tsx
View File

@ -374,10 +374,10 @@ const ActionButton = styled.div`
}
&:hover {
.btn-icon {
color: var(--selection-toolbar-button-icon-color-hover);
color: var(--color-primary);
}
.btn-title {
color: var(--selection-toolbar-button-text-color-hover);
color: var(--color-primary);
}
background-color: var(--selection-toolbar-button-bgcolor-hover);
}