优化按钮和菜单下的图标颜色

This commit is contained in:
lutinglt
2025-07-08 19:08:54 +08:00
parent f9755704ec
commit b9b12e7ed2
6 changed files with 18 additions and 16 deletions

4
.github/release.md vendored
View File

@@ -4,6 +4,8 @@
## 🎈 Perf ## 🎈 Perf
- 删除了提交中 Action 状态标签多余的间隔 - 优化提交中 Action 状态标签的位置
- 优化按钮和菜单下的图标颜色
- 优化仓库发布中的分支选择按钮样式
## 🐞 Fix ## 🐞 Fix

View File

@@ -62,8 +62,12 @@ export const releases = css`
margin-top: 1px; margin-top: 1px;
} }
} }
.js-branch-tag-selector { // 分支选择按钮
margin-top: 8px; .ui.button.branch-dropdown-button {
min-height: 20px;
line-height: 20px;
padding: 3px 12px;
font-size: 12px;
} }
} }
// 右侧发布详细信息 // 右侧发布详细信息

View File

@@ -6,9 +6,6 @@ export const repoHeader = css`
// 点星/关注/克隆/RSS 按钮 // 点星/关注/克隆/RSS 按钮
.ui.compact.button { .ui.compact.button {
padding: 3px 12px; padding: 3px 12px;
svg {
color: ${themeVars.color.text.light.num1};
}
// 文本跟图标间隔, 文本在手机下不显示 // 文本跟图标间隔, 文本在手机下不显示
span { span {
margin-left: 0.5rem; margin-left: 0.5rem;

View File

@@ -18,6 +18,9 @@ export const baseButton = css`
min-height: 30px; min-height: 30px;
font-weight: 500; font-weight: 500;
padding: 9px 16px; padding: 9px 16px;
svg {
color: ${themeVars.color.text.light.num1};
}
} }
.ui.primary.button { .ui.primary.button {
@@ -25,6 +28,9 @@ export const baseButton = css`
&:hover { &:hover {
${primaryHoverStyle} ${primaryHoverStyle}
} }
svg {
color: ${themeVars.color.text.self};
}
} }
// 主色调基本按钮和普通按钮一样 // 主色调基本按钮和普通按钮一样
// 作者的关注按钮 // 作者的关注按钮
@@ -76,14 +82,6 @@ export const redButton = css`
} }
`; `;
// 分支菜单按钮
export const branchDropdownButton = css`
.ui.button.branch-dropdown-button {
padding: 3px 12px;
min-height: 30px;
}
`;
// 修复按钮高度 // 修复按钮高度
export const fixButtonHeight = css` export const fixButtonHeight = css`
.ui.small.buttons .button, .ui.small.buttons .button,

View File

@@ -38,7 +38,6 @@ export const dropdown = css`
} }
} }
svg { svg {
color: ${themeVars.color.text.light.num1};
margin-right: 0.5rem; margin-right: 0.5rem;
} }
&.active, &.active,

View File

@@ -110,6 +110,9 @@ export const verticalMenu = css`
`; `;
export const menu = css` export const menu = css`
.ui.menu .item svg {
color: ${themeVars.color.text.light.num1};
}
// 菜单默认悬浮色更改 // 菜单默认悬浮色更改
.ui.menu a.item, .ui.menu a.item,
.ui.secondary.pointing.menu a.item, .ui.secondary.pointing.menu a.item,
@@ -168,7 +171,6 @@ export const secondaryMenu = css`
border-radius: ${otherThemeVars.border.radius}; border-radius: ${otherThemeVars.border.radius};
color: ${themeVars.color.text.self}; color: ${themeVars.color.text.self};
svg { svg {
color: ${themeVars.color.text.light.num1};
margin-right: 8px; margin-right: 8px;
} }
} }