Files
gitea-banana-theme/themes/modern-dark.css.ts
2025-09-25 10:29:31 +08:00

89 lines
2.9 KiB
TypeScript

/**
* @author iFlow CLI
* 现代化暗色主题,基于 Nano-Banana-AI-Image-Editor 的设计风格
*/
import { defineTheme } from "src";
import { github2ThemeColor, type GithubColor } from "src/core/github";
export const modernDarkGithubColors: GithubColor = {
isDarkTheme: true,
display: {
blue: { fgColor: "#4493f8" },
brown: { fgColor: "#b69a6d" },
cyan: { fgColor: "#07ace4" },
indigo: { fgColor: "#9899ec" },
lemon: { fgColor: "#fde047" }, // 使用香蕉黄作为柠檬色
olive: { fgColor: "#a2a626" },
teal: { fgColor: "#1cb0ab" },
},
diffBlob: {
addtionNum: { bgColor: "#3fb9504d" },
addtionWord: { bgColor: "#2ea04366" },
deletionNum: { bgColor: "#f851494d" },
deletionWord: { bgColor: "#f8514966" },
hunkNum: { bgColor: { rest: "#0c2d6b" } },
},
fgColor: {
accent: "#fde047", // 使用香蕉黄作为主色调
attention: "#d29922",
danger: "#f85149",
default: "#f0f6fc",
disabled: "#656c76",
done: "#ab7df8",
muted: "#9198a1",
neutral: "#9198a1",
severe: "#db6d28",
sponsors: "#db61a2",
success: "#3fb950",
black: "#010409",
white: "#ffffff",
onEmphasis: "#ffffff",
},
bgColor: {
accent: { emphasis: "#fde047", muted: "#fde0471a" }, // 使用香蕉黄作为强调色
attention: { muted: "#bb800926" },
danger: { muted: "#f851491a" },
default: "#0d1117",
done: { emphasis: "#8957e5" },
emphasis: "#3d444d",
muted: "#151b23",
neutral: { muted: "#656c7633" },
success: { emphasis: "#238636", muted: "#2ea04326" },
inset: "#010409",
},
borderColor: {
accent: { emphasis: "#fde047" }, // 使用香蕉黄作为边框强调色
attention: { emphasis: "#9e6a03" },
default: "#3d444d",
done: { emphasis: "#8957e5" },
success: { emphasis: "#238636" },
muted: "#3d444db3",
translucent: "#ffffff26",
},
button: {
primary: {
fgColor: { accent: "#0d1117", rest: "#0d1117" }, // 深色文字在黄色背景上
bgColor: { rest: "#fde047", hover: "#eab308" }, // 香蕉黄按钮
},
danger: { fgColor: { rest: "#fa5e55", hover: "#ffffff" }, bgColor: { hover: "#b62324" } },
star: { iconColor: "#fde047" }, // 使用香蕉黄作为星标颜色
},
control: {
bgColor: { active: "#2a313c", hover: "#262c36", rest: "#212830" },
transparent: { bgColor: { active: "#656c7640", hover: "#656c7633", selected: "#656c761a" } },
},
shadow: { floating: { small: "#01040966" }, resting: { small: "#01040999" } },
overlay: { backdrop: { bgColor: "#21283066" } },
underlineNav: { borderColor: { active: "#fde047" } }, // 使用香蕉黄作为导航下划线
contribution: {
default: {
bgColor: { num0: "#151b23", num1: "#033a16", num2: "#196c2e", num3: "#2ea043", num4: "#56d364" },
borderColor: { num0: "#0104090d" },
},
},
};
export const modernDarkColors = github2ThemeColor(modernDarkGithubColors);
export default defineTheme(modernDarkColors);