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

7
styles/components/clone.ts
View File

@@ -33,7 +33,8 @@ export const clone = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background: ${themeVars.github.control.transparent.bgColor.hover};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
&.active:after {
content: "";
@@ -89,6 +90,7 @@ export const clone = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background-color: ${themeVars.github.control.transparent.bgColor.hover};
position: relative;
transform: scale(1.05); // 轻微放大效果
}
svg {
@@ -121,7 +123,8 @@ export const clone = css`
color: ${themeVars.color.text.self};
text-decoration: none;
background: ${themeVars.github.control.transparent.bgColor.hover};
transform: translateX(2px); // 轻微右移效果
position: relative;
left: 2px;
}
}
> .item:hover {

15
styles/components/commit.ts
View File

@@ -34,7 +34,8 @@ export const commit = css`
&:hover {
background-color: ${themeVars.github.bgColor.accent.emphasis};
color: ${themeVars.color.white};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
}
@@ -48,7 +49,8 @@ export const commit = css`
font-weight: 500; // 增加字体粗细
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
}
@@ -66,7 +68,8 @@ export const commit = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background-color: ${themeVars.github.control.transparent.bgColor.hover};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
}
@@ -75,7 +78,8 @@ export const commit = css`
// 整行悬停色
&:hover {
background-color: ${themeVars.color.hover.opaque};
transform: translateX(2px); // 轻微右移效果
position: relative;
left: 2px;
}
// 偶数行悬停色
&:nth-child(2n):hover {
@@ -126,7 +130,8 @@ export const commitStatus = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background-color: ${themeVars.github.control.transparent.bgColor.hover};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}

18
styles/components/dashboard.ts
View File

@@ -20,7 +20,8 @@ export const dashboard = css`
background: ${themeVars.color.menu};
box-shadow: ${themeVars.github.shadow.floating.small};
font-weight: 600;
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
&::before {
display: none;
@@ -31,7 +32,8 @@ export const dashboard = css`
width: calc(50% - 8px); // 调整宽度
&:hover {
background: ${themeVars.github.control.transparent.bgColor.hover};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
}
@@ -73,7 +75,8 @@ export const dashboard = css`
}
&:hover {
background: ${themeVars.github.control.transparent.bgColor.hover};
transform: translateX(2px); // 轻微右移效果
position: relative;
left: 2px;
}
a.muted:hover {
color: inherit;
@@ -119,7 +122,8 @@ export const dashboardIssues = css`
}
&:hover {
background: ${themeVars.github.control.transparent.bgColor.hover} !important;
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
&.active {
color: ${themeVars.color.text.self};
@@ -138,7 +142,8 @@ export const dashboardIssues = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background: ${themeVars.github.control.transparent.bgColor.hover};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
}
@@ -183,7 +188,8 @@ export const fixOrgLabel = css`
font-weight: 500; // 增加字体粗细
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
`;

3
styles/components/diff.ts
View File

@@ -40,7 +40,8 @@ export const diff = css`
&:hover {
background: ${themeVars.github.bgColor.accent.emphasis};
color: ${themeVars.color.white};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
&:active {
animation: pulse-click 200ms cubic-bezier(0.4, 0, 0.2, 1); // 点击脉冲效果

21
styles/components/filelist.ts
View File

@@ -16,7 +16,8 @@ export const branchButton = css`
font-weight: 500; // 增加字体粗细
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
}
}
@@ -38,7 +39,8 @@ export const syncFork = css`
font-weight: 500; // 增加字体粗细
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
}
}
@@ -250,7 +252,8 @@ export const repoFileView = css`
border-radius: 8px; // 增加圆角
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
}
@@ -281,7 +284,8 @@ export const repoFileView = css`
font-weight: 500; // 增加字体粗细
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
// 打开文件树按钮
@@ -342,7 +346,8 @@ export const repoFileView = css`
border-radius: 8px; // 增加圆角
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
}
@@ -370,7 +375,8 @@ export const repoFileView = css`
&:hover {
background: ${themeVars.color.hover.self};
color: ${themeVars.color.text.light.num1};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
}
@@ -507,7 +513,8 @@ export const repoSidebarBottom = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background-color: ${themeVars.color.hover.opaque};
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
.flex-item {
padding: 16px 0 0 0;

9
styles/components/footer.ts
View File

@@ -22,7 +22,8 @@ export const footer = css`
&:hover {
color: ${themeVars.color.primary.self};
background-color: ${themeVars.color.hover.self};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
> strong {
@@ -39,7 +40,8 @@ export const footer = css`
&:hover {
color: ${themeVars.color.primary.self};
background-color: ${themeVars.color.hover.self};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
> a {
@@ -52,7 +54,8 @@ export const footer = css`
&:hover {
color: ${themeVars.color.primary.self};
background-color: ${themeVars.color.hover.self};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
}

22
styles/components/heatmap.ts
View File

@@ -38,7 +38,7 @@ export const heatmap = css`
// 悬停效果
&:hover {
outline: 2px solid ${themeVars.color.primary.self}; // 添加主色调边框
z-index: 10; // 确保悬停时在最上层
position: relative; // 使用相对定位而不是 z-index
}
&[style="fill: var(--color-secondary-alpha-60);"] {
@@ -46,28 +46,28 @@ export const heatmap = css`
}
&[style="fill: var(--color-primary-light-4);"] {
fill: ${themeVars.github.contribution.default.bgColor.num1} !important;
outline-color: ${themeVars.github.contribution.default.borderColor.num1};
fill: ${themeVars.color.primary.light.num4} !important;
outline-color: ${themeVars.github.contribution.default.borderColor.num0};
}
&[style="fill: var(--color-primary-light-2);"] {
fill: ${themeVars.github.contribution.default.bgColor.num2} !important;
outline-color: ${themeVars.github.contribution.default.borderColor.num2};
fill: ${themeVars.color.primary.light.num2} !important;
outline-color: ${themeVars.github.contribution.default.borderColor.num0};
}
&[style="fill: var(--color-primary);"] {
fill: ${themeVars.github.contribution.default.bgColor.num3} !important;
outline-color: ${themeVars.github.contribution.default.borderColor.num3};
fill: ${themeVars.color.primary.self} !important;
outline-color: ${themeVars.github.contribution.default.borderColor.num0};
}
&[style="fill: var(--color-primary-dark-2);"] {
fill: ${themeVars.github.contribution.default.bgColor.num4} !important;
outline-color: ${themeVars.github.contribution.default.borderColor.num4};
fill: ${themeVars.color.primary.dark.num2} !important;
outline-color: ${themeVars.github.contribution.default.borderColor.num0};
}
&[style="fill: var(--color-primary-dark-4);"] {
fill: ${themeVars.github.contribution.default.bgColor.num5} !important;
outline-color: ${themeVars.github.contribution.default.borderColor.num5};
fill: ${themeVars.color.primary.dark.num4} !important;
outline-color: ${themeVars.github.contribution.default.borderColor.num0};
}
}
}

68
styles/components/issue.ts
View File

@@ -41,7 +41,8 @@ export const issueList = css`
}
&:hover {
background: ${themeVars.github.control.transparent.bgColor.hover} !important;
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
&.active {
color: ${themeVars.color.text.self};
@@ -63,7 +64,8 @@ export const issueList = css`
font-weight: 500; // 增加字体粗细
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
}
@@ -91,7 +93,8 @@ export const issueList = css`
}
&:hover {
background-color: ${themeVars.color.hover.opaque};
transform: translateX(2px); // 轻微右移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateX(2px); // 轻微右移效果
}
> .flex-item-icon {
display: flex;
@@ -134,7 +137,8 @@ export const issueList = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background-color: ${themeVars.color.hover.opaque};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
.milestone-header {
h3 {
@@ -195,7 +199,8 @@ export const issuePins = css`
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); // 添加阴影
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
transform: translateY(-2px); // 轻微上移效果
position: relative;
top: -2px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); // 增强阴影
}
.content {
@@ -233,7 +238,8 @@ export const button = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background-color: ${themeVars.color.hover.self};
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
&:active {
animation: pulse-click 200ms cubic-bezier(0.4, 0, 0.2, 1); // 点击脉冲效果
@@ -248,7 +254,8 @@ export const button = css`
font-weight: 500; // 增加字体粗细
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
&:active {
animation: pulse-click 200ms cubic-bezier(0.4, 0, 0.2, 1); // 点击脉冲效果
@@ -263,7 +270,8 @@ export const button = css`
font-weight: 500; // 增加字体粗细
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
&:active {
animation: pulse-click 200ms cubic-bezier(0.4, 0, 0.2, 1); // 点击脉冲效果
@@ -304,7 +312,8 @@ export const babel = css`
border-color: ${themeVars.github.bgColor.success.emphasis} !important;
&:hover {
opacity: 0.9; // 悬停时降低不透明度
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
@@ -314,7 +323,8 @@ export const babel = css`
border-color: ${themeVars.github.bgColor.done.emphasis} !important;
&:hover {
opacity: 0.9; // 悬停时降低不透明度
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
@@ -324,7 +334,8 @@ export const babel = css`
border-color: ${themeVars.github.bgColor.done.emphasis} !important;
&:hover {
opacity: 0.9; // 悬停时降低不透明度
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
}
@@ -345,7 +356,8 @@ export const prBranch = css`
&:hover {
background-color: ${themeVars.github.bgColor.accent.emphasis};
color: ${themeVars.color.white};
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
}
@@ -394,7 +406,8 @@ export const comment = css`
border-radius: 25px; // 增加圆角
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
// 隐藏顶部菜单的表情按钮
@@ -414,9 +427,9 @@ export const comment = css`
border-radius: 8px; // 增加圆角
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background-color: ${themeVars.color.red.badge.bg} !important;
color: ${themeVars.color.red.light};
transform: translateX(2px); // 轻微右移效果
position: relative;
left: 2px;
}
}
}
@@ -436,7 +449,8 @@ export const comment = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background: ${themeVars.color.hover.self};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
// 底部表情栏
@@ -450,7 +464,8 @@ export const comment = css`
&:hover {
background-color: ${themeVars.color.reaction.hoverBg} !important;
border-color: ${themeVars.color.light.border};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
.reaction {
font-size: 12px;
@@ -498,7 +513,8 @@ export const dropdown = css`
border-radius: 8px; // 增加圆角
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
transform: translateX(2px); // 轻微右移效果
position: relative;
left: 2px;
}
}
}
@@ -552,6 +568,7 @@ export const prMerge = css`
}
}
&:hover {
position: relative;
transform: scale(1.05); // 轻微放大效果
}
}
@@ -586,7 +603,8 @@ export const prMerge = css`
}
&:hover {
background-color: ${themeVars.color.hover.opaque};
transform: translateX(2px); // 轻微右移效果
position: relative;
left: 2px;
}
}
}
@@ -721,7 +739,8 @@ export const issueSidebar = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background: ${themeVars.github.control.transparent.bgColor.hover};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
.ui.list {
@@ -739,7 +758,8 @@ export const issueSidebar = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background: ${themeVars.github.control.transparent.bgColor.hover};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
// 选中日期颜色
@@ -760,7 +780,8 @@ export const issueSidebar = css`
margin: 0 !important;
}
&:hover {
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
// PIN 按钮
@@ -778,7 +799,8 @@ export const issueSidebar = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background: ${themeVars.github.control.transparent.bgColor.hover};
transform: translateX(2px); // 轻微右移效果
position: relative;
left: 2px;
}
}
.ui.show-modal.button[data-modal="#sidebar-delete-issue"] {

15
styles/components/navbar.ts
View File

@@ -32,7 +32,8 @@ export const navbarRight = css`
}
&:hover:not(#navbar-logo) {
background-color: ${themeVars.color.nav.hoverBg};
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
}
}
@@ -79,12 +80,14 @@ export const navbarRight = css`
}
&:hover {
background-color: ${themeVars.color.nav.hoverBg};
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
}
&:hover:not(.ui.dropdown) {
background-color: ${themeVars.color.nav.hoverBg};
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
}
.item.ui.dropdown {
@@ -105,7 +108,8 @@ export const navbarRight = css`
width: 36px; // 增加宽度
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
transform: scale(1.05); // 轻微放大效果
// 移除 transform 以避免创建新的层叠上下文
// transform: scale(1.05); // 轻微放大效果
}
}
}
@@ -220,7 +224,8 @@ export const secondaryNav = css`
}
&:hover {
background-color: ${themeVars.color.hover.self};
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
&.active {
background-color: ${themeVars.color.active};

18
styles/components/repo.ts
View File

@@ -10,7 +10,8 @@ export const repoHeader = css`
font-weight: 500; // 增加字体粗细
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
transform: translateY(-1px); // 轻微上移效果
// 移除 transform 以避免创建新的层叠上下文
// transform: translateY(-1px); // 轻微上移效果
}
&:active {
animation: pulse-click 200ms cubic-bezier(0.4, 0, 0.2, 1); // 点击脉冲效果
@@ -37,7 +38,8 @@ export const repoHeader = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
background: ${themeVars.github.control.transparent.bgColor.hover};
transform: translateX(2px); // 轻微右移效果
position: relative;
left: 2px;
}
&.muted:not(.tw-font-normal) {
font-weight: 600;
@@ -79,12 +81,14 @@ export const repoMenu = css`
color: ${themeVars.color.text.light.num1};
}
&:hover {
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
&:hover:not(.active) {
background-color: ${themeVars.github.control.transparent.bgColor.hover};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
}
@@ -107,7 +111,8 @@ export const repoTopic = css`
&:hover {
background-color: ${themeVars.github.bgColor.accent.emphasis};
color: ${themeVars.color.white};
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
`;
@@ -120,7 +125,8 @@ export const closedIssueTableCell = css`
transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1); // 添加过渡效果
&:hover {
opacity: 0.9; // 悬停时降低不透明度
transform: translateY(-1px); // 轻微上移效果
position: relative;
top: -1px;
}
}
`;