yuantao/gitea-banana-theme
1
0
Fork 0
Code Issues Pull Requests Releases 1 Activity

banana v3

Browse Source
This commit is contained in:
User
2025-09-25 14:02:34 +08:00
parent 12915214b6
commit 1f321e6bdd
19 changed files with 233 additions and 127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
styles/public/label.ts
View File

@@ -32,7 +32,8 @@ export const label = css`
color: ${themeVars.color.primary.self};
&:hover {
background-color: ${themeVars.color.primary.dark.num1}; // 悬停时添加背景色
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
/* 红色标签 */
@@ -42,7 +43,8 @@ export const label = css`
color: ${themeVars.color.purple.self};
&:hover {
background-color: ${themeVars.color.purple.dark.num1}; // 悬停时添加背景色
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
/* 橙色标签 */
@@ -52,7 +54,8 @@ export const label = css`
color: ${themeVars.color.yellow.self};
&:hover {
background-color: ${themeVars.color.yellow.dark.num1}; // 悬停时添加背景色
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
/* 黄色标签 */
@@ -62,7 +65,8 @@ export const label = css`
color: ${themeVars.color.orange.self};
&:hover {
background-color: ${themeVars.color.orange.dark.num1}; // 悬停时添加背景色
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
/* 黄绿色标签 */
@@ -72,7 +76,8 @@ export const label = css`
color: ${themeVars.color.olive.self};
&:hover {
background-color: ${themeVars.color.olive.dark.num1}; // 悬停时添加背景色
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
/* 绿色标签 */
@@ -82,7 +87,8 @@ export const label = css`
color: ${themeVars.color.green.self};
&:hover {
background-color: ${themeVars.color.green.dark.num1}; // 悬停时添加背景色
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
/* 紫色标签 */
@@ -92,13 +98,15 @@ export const label = css`
color: ${themeVars.color.purple.self};
&:hover {
background-color: ${themeVars.color.purple.dark.num1}; // 悬停时添加背景色
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
// 添加悬停效果
&:hover:not(.primary):not(.red):not(.orange):not(.yellow):not(.olive):not(.green):not(.purple) {
background-color: ${themeVars.color.hover.self}; // 悬停时添加背景色
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
}
@@ -127,7 +135,8 @@ export const shaLabel = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background-color: ${themeVars.color.label.hoverBg};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
// 验证提交 SHA 标签
&.commit-is-signed {
@@ -135,7 +144,8 @@ export const shaLabel = css`
background-color: unset !important;
&:hover {
background-color: ${themeVars.color.label.hoverBg} !important;
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
span.ui.label.commit-is-signed {
padding: 3px 5px;
@@ -154,7 +164,8 @@ export const shaLabel = css`
color: ${themeVars.color.green.badge.self} !important;
&:hover {
background-color: ${themeVars.color.green.badge.bg} !important;
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
// 验证未信任
@@ -163,7 +174,8 @@ export const shaLabel = css`
color: ${themeVars.color.yellow.badge.self} !important;
&:hover {
background-color: ${themeVars.color.yellow.badge.bg} !important;
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
// 验证未匹配
@@ -172,7 +184,8 @@ export const shaLabel = css`
color: ${themeVars.color.orange.badge.self} !important;
&:hover {
background-color: ${themeVars.color.orange.badge.bg} !important;
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
// 验证警告
@@ -181,7 +194,8 @@ export const shaLabel = css`
color: ${themeVars.color.red.badge.self} !important;
&:hover {
background-color: ${themeVars.color.red.badge.bg} !important;
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
}
@@ -199,7 +213,8 @@ export const taskStatusLabel = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background: ${themeVars.color.success.bg}; // 悬停时改变背景色
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
@@ -212,7 +227,8 @@ export const taskStatusLabel = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background: ${themeVars.color.error.bg.self}; // 悬停时改变背景色
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
@@ -226,7 +242,8 @@ export const taskStatusLabel = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background: ${themeVars.color.info.bg}; // 悬停时改变背景色
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
@@ -240,7 +257,8 @@ export const taskStatusLabel = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background: ${themeVars.color.warning.bg}; // 悬停时改变背景色
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
}
@@ -261,7 +279,8 @@ export const repoLabel = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background-color: ${themeVars.color.hover.self}; // 悬停时添加背景色
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
}