266 lines
6.6 KiB
CSS
266 lines
6.6 KiB
CSS
|
/* ════════════════════════════════════════════════════════════════
|
||
|
|
光湖 · Forgejo 品牌主题
|
||
|
|
HoloLake Brand Theme for Forgejo 1.23.7
|
||
|
|
主权: TCS-0002∞ 冰朔 | 守护: 铸渊 ICE-GL-ZY001
|
||
|
|
版权: 国作登字-2026-A-00037559
|
||
|
|
════════════════════════════════════════════════════════════════ */
|
||
|
|
|
||
|
|
/* ─── 品牌色彩系统 ─── */
|
||
|
|
:root {
|
||
|
|
--guanghu-bg: #0a0e1a;
|
||
|
|
--guanghu-surface: #111827;
|
||
|
|
--guanghu-surface-hover: #1a2332;
|
||
|
|
--guanghu-border: #1e293b;
|
||
|
|
--guanghu-text: #e2e8f0;
|
||
|
|
--guanghu-text-muted: #64748b;
|
||
|
|
--guanghu-accent: #3b82f6;
|
||
|
|
--guanghu-accent-dim: rgba(59,130,246,0.15);
|
||
|
|
--guanghu-gold: #f59e0b;
|
||
|
|
--guanghu-success: #22c55e;
|
||
|
|
--guanghu-gradient: linear-gradient(135deg, #60a5fa, #a78bfa);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 顶部导航栏 ─── */
|
||
|
|
.ui.top.attached.header,
|
||
|
|
.ui.menu.secondary,
|
||
|
|
.ui.top.menu {
|
||
|
|
background: var(--guanghu-surface) !important;
|
||
|
|
border-bottom: 1px solid var(--guanghu-border) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui.menu .item {
|
||
|
|
color: var(--guanghu-text-muted) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui.menu .item:hover {
|
||
|
|
color: var(--guanghu-text) !important;
|
||
|
|
background: var(--guanghu-surface-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui.menu .item.active {
|
||
|
|
color: var(--guanghu-accent) !important;
|
||
|
|
border-color: var(--guanghu-accent) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 页面背景 ─── */
|
||
|
|
body,
|
||
|
|
.ui.segment,
|
||
|
|
.ui.container.main,
|
||
|
|
.ui.grid,
|
||
|
|
.ui.attached.segment {
|
||
|
|
background: var(--guanghu-bg) !important;
|
||
|
|
color: var(--guanghu-text) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 卡片 / 面板 ─── */
|
||
|
|
.ui.segment,
|
||
|
|
.ui.card,
|
||
|
|
.ui.attached.segment {
|
||
|
|
background: var(--guanghu-surface) !important;
|
||
|
|
border: 1px solid var(--guanghu-border) !important;
|
||
|
|
border-radius: 8px !important;
|
||
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.3) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui.card .header,
|
||
|
|
.ui.card .meta,
|
||
|
|
.ui.card .description {
|
||
|
|
color: var(--guanghu-text) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 按钮 ─── */
|
||
|
|
.ui.button {
|
||
|
|
background: var(--guanghu-surface) !important;
|
||
|
|
color: var(--guanghu-text) !important;
|
||
|
|
border: 1px solid var(--guanghu-border) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui.button.primary {
|
||
|
|
background: var(--guanghu-accent) !important;
|
||
|
|
color: #fff !important;
|
||
|
|
border-color: var(--guanghu-accent) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui.button:hover {
|
||
|
|
opacity: 0.9;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 输入框 ─── */
|
||
|
|
.ui.input input,
|
||
|
|
.ui.form input:not([type]),
|
||
|
|
.ui.form input[type="text"],
|
||
|
|
.ui.form input[type="email"],
|
||
|
|
.ui.form input[type="password"],
|
||
|
|
.ui.form textarea {
|
||
|
|
background: var(--guanghu-surface) !important;
|
||
|
|
color: var(--guanghu-text) !important;
|
||
|
|
border: 1px solid var(--guanghu-border) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui.input input:focus,
|
||
|
|
.ui.form input:focus {
|
||
|
|
border-color: var(--guanghu-accent) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 仓库文件列表 ─── */
|
||
|
|
.ui.repository.file.list .file.listing td {
|
||
|
|
border-color: var(--guanghu-border) !important;
|
||
|
|
background: var(--guanghu-surface) !important;
|
||
|
|
color: var(--guanghu-text) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui.repository.file.list .file.listing tr:hover td {
|
||
|
|
background: var(--guanghu-surface-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 统计数字 ─── */
|
||
|
|
.ui.statistics .statistic > .label,
|
||
|
|
.ui.statistics .statistic > .value {
|
||
|
|
color: var(--guanghu-text) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 页脚 ─── */
|
||
|
|
.ui.footer,
|
||
|
|
.ui.vertical.segment.footer {
|
||
|
|
background: var(--guanghu-surface) !important;
|
||
|
|
border-top: 1px solid var(--guanghu-border) !important;
|
||
|
|
color: var(--guanghu-text-muted) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 链接 ─── */
|
||
|
|
a {
|
||
|
|
color: var(--guanghu-accent) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
a:hover {
|
||
|
|
color: #60a5fa !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 徽章 / 标签 ─── */
|
||
|
|
.ui.label {
|
||
|
|
background: var(--guanghu-accent-dim) !important;
|
||
|
|
color: var(--guanghu-text) !important;
|
||
|
|
border: 1px solid var(--guanghu-border) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 代码块 ─── */
|
||
|
|
pre,
|
||
|
|
code,
|
||
|
|
.highlight {
|
||
|
|
background: #0d1117 !important;
|
||
|
|
border-color: var(--guanghu-border) !important;
|
||
|
|
color: #e6edf3 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 进度条 ─── */
|
||
|
|
.ui.progress .bar {
|
||
|
|
background: var(--guanghu-accent) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 下拉菜单 ─── */
|
||
|
|
.ui.dropdown .menu {
|
||
|
|
background: var(--guanghu-surface) !important;
|
||
|
|
border: 1px solid var(--guanghu-border) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui.dropdown .menu .item:hover {
|
||
|
|
background: var(--guanghu-surface-hover) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 弹窗 / 对话框 ─── */
|
||
|
|
.ui.modal,
|
||
|
|
.ui.dimmer .content {
|
||
|
|
background: var(--guanghu-surface) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 表格 ─── */
|
||
|
|
.ui.table {
|
||
|
|
background: var(--guanghu-surface) !important;
|
||
|
|
color: var(--guanghu-text) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui.table thead th {
|
||
|
|
background: var(--guanghu-bg) !important;
|
||
|
|
color: var(--guanghu-text) !important;
|
||
|
|
border-bottom: 1px solid var(--guanghu-border) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui.table td {
|
||
|
|
border-color: var(--guanghu-border) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── README 渲染区域 ─── */
|
||
|
|
.repository-content .markdown {
|
||
|
|
background: var(--guanghu-surface) !important;
|
||
|
|
padding: 24px !important;
|
||
|
|
border-radius: 8px !important;
|
||
|
|
border: 1px solid var(--guanghu-border) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.repository-content .markdown h1,
|
||
|
|
.repository-content .markdown h2 {
|
||
|
|
border-color: var(--guanghu-border) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── Git 提交历史 ─── */
|
||
|
|
.ui.timeline .item {
|
||
|
|
border-color: var(--guanghu-border) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 空状态 ─── */
|
||
|
|
.ui.empty {
|
||
|
|
color: var(--guanghu-text-muted) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 分页 ─── */
|
||
|
|
.ui.pagination .item {
|
||
|
|
background: var(--guanghu-surface) !important;
|
||
|
|
color: var(--guanghu-text) !important;
|
||
|
|
border-color: var(--guanghu-border) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ui.pagination .item.active {
|
||
|
|
background: var(--guanghu-accent) !important;
|
||
|
|
color: #fff !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── Actions / CI 页面 ─── */
|
||
|
|
.ui.workflow.list .item {
|
||
|
|
border-color: var(--guanghu-border) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 通知 ─── */
|
||
|
|
.ui.notification {
|
||
|
|
background: var(--guanghu-surface) !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 滚动条 ─── */
|
||
|
|
::-webkit-scrollbar {
|
||
|
|
width: 8px;
|
||
|
|
height: 8px;
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-scrollbar-track {
|
||
|
|
background: var(--guanghu-bg);
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-scrollbar-thumb {
|
||
|
|
background: var(--guanghu-border);
|
||
|
|
border-radius: 4px;
|
||
|
|
}
|
||
|
|
|
||
|
|
::-webkit-scrollbar-thumb:hover {
|
||
|
|
background: var(--guanghu-text-muted);
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 页面标题（替换 Forgejo 默认标题） ─── */
|
||
|
|
.ui.repository .ui.header:first-of-type {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ─── 首页 Logo 区域 ─── */
|
||
|
|
.ui.repository .ui.header .text {
|
||
|
|
font-weight: 600;
|
||
|
|
letter-spacing: 0.5px;
|
||
|
|
}
|