铸渊: 品牌 CSS v2 — 新增仓库首页展示页布局（隐藏文件列表，README全屏展示）
This commit is contained in:
bingshuo
parent
f510065850
commit
1e3aeeb059
@ -1,6 +1,7 @@
|
||||
/* ════════════════════════════════════════════════════════════════
|
||||
光湖 · Forgejo 品牌主题
|
||||
光湖 · Forgejo 品牌主题 v2
|
||||
HoloLake Brand Theme for Forgejo 1.23.7
|
||||
包含: 品牌色彩 + 仓库首页展示页布局
|
||||
主权: TCS-0002∞ 冰朔 | 守护: 铸渊 ICE-GL-ZY001
|
||||
版权: 国作登字-2026-A-00037559
|
||||
════════════════════════════════════════════════════════════════ */
|
||||
@ -18,18 +19,79 @@
|
||||
--guanghu-gold: #f59e0b;
|
||||
--guanghu-success: #22c55e;
|
||||
--guanghu-gradient: linear-gradient(135deg, #60a5fa, #a78bfa);
|
||||
--guanghu-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', sans-serif;
|
||||
}
|
||||
|
||||
/* ─── ================================================== ─── */
|
||||
/* ─── 第一部分：仓库首页 → 展示页布局 ─── */
|
||||
/* ─── 隐藏文件列表，README 全屏展示 ─── */
|
||||
/* ─── ================================================== ─── */
|
||||
|
||||
/* ─── 仓库首页：隐藏文件列表 ─── */
|
||||
.repository.file.list .repo-file-list,
|
||||
.repository.file.list #repo-file-list,
|
||||
.repository.file.list .file.listing,
|
||||
.repository.file.list .ui.table.file.listing,
|
||||
.repository.file.list .repository.file.list .file.listing {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* ─── 隐藏统计栏（提交数/分支数/标签数/大小） ─── */
|
||||
.repository.file.list .repo-header,
|
||||
.repository.file.list .repo-header .ui.secondary.stackable.pointing.menu,
|
||||
.repository.file.list .ui.secondary.pointing.menu.stackable {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* ─── 隐藏仓库操作按钮（星标/复刻/PR数等） ─── */
|
||||
.repository.file.list .repo-buttons,
|
||||
.repository.file.list .ui.breadcrumb {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* ─── README 区域：全屏宽度 ─── */
|
||||
.repository.file.list .markdown {
|
||||
max-width: 100% !important;
|
||||
padding: 2rem 3rem !important;
|
||||
background: var(--guanghu-surface) !important;
|
||||
border: 1px solid var(--guanghu-border) !important;
|
||||
border-radius: 12px !important;
|
||||
margin: 1rem 0 !important;
|
||||
box-shadow: 0 4px 24px rgba(0,0,0,0.2) !important;
|
||||
}
|
||||
|
||||
/* ─── README 标题栏 ─── */
|
||||
.repository.file.list .ui.top.attached.tabular.menu {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* ─── 文件路径面包屑 ─── */
|
||||
.repository.file.list .ui.breadcrumb {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* ─── 显示 README 标题 ─── */
|
||||
.repository.file.list .markdown h1:first-child {
|
||||
margin-top: 0 !important;
|
||||
font-size: 2.5rem !important;
|
||||
}
|
||||
|
||||
/* ─── ================================================== ─── */
|
||||
/* ─── 第二部分：通用品牌色彩 ─── */
|
||||
/* ─── ================================================== ─── */
|
||||
|
||||
/* ─── 顶部导航栏 ─── */
|
||||
.ui.top.attached.header,
|
||||
.ui.menu.secondary,
|
||||
.ui.top.menu {
|
||||
.ui.top.menu,
|
||||
.ui.menu {
|
||||
background: var(--guanghu-surface) !important;
|
||||
border-bottom: 1px solid var(--guanghu-border) !important;
|
||||
}
|
||||
|
||||
.ui.menu .item {
|
||||
color: var(--guanghu-text-muted) !important;
|
||||
font-family: var(--guanghu-font) !important;
|
||||
}
|
||||
|
||||
.ui.menu .item:hover {
|
||||
@ -62,12 +124,6 @@ body,
|
||||
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;
|
||||
@ -81,17 +137,9 @@ body,
|
||||
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 {
|
||||
.ui.form input {
|
||||
background: var(--guanghu-surface) !important;
|
||||
color: var(--guanghu-text) !important;
|
||||
border: 1px solid var(--guanghu-border) !important;
|
||||
@ -102,7 +150,7 @@ body,
|
||||
border-color: var(--guanghu-accent) !important;
|
||||
}
|
||||
|
||||
/* ─── 仓库文件列表 ─── */
|
||||
/* ─── 仓库文件列表（非首页） ─── */
|
||||
.ui.repository.file.list .file.listing td {
|
||||
border-color: var(--guanghu-border) !important;
|
||||
background: var(--guanghu-surface) !important;
|
||||
@ -136,7 +184,7 @@ a:hover {
|
||||
color: #60a5fa !important;
|
||||
}
|
||||
|
||||
/* ─── 徽章 / 标签 ─── */
|
||||
/* ─── 标签 ─── */
|
||||
.ui.label {
|
||||
background: var(--guanghu-accent-dim) !important;
|
||||
color: var(--guanghu-text) !important;
|
||||
@ -144,32 +192,14 @@ a:hover {
|
||||
}
|
||||
|
||||
/* ─── 代码块 ─── */
|
||||
pre,
|
||||
code,
|
||||
.highlight {
|
||||
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 {
|
||||
/* ─── 修改框 ─── */
|
||||
.ui.modal, .ui.dimmer .content {
|
||||
background: var(--guanghu-surface) !important;
|
||||
}
|
||||
|
||||
@ -189,77 +219,8 @@ code,
|
||||
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;
|
||||
}
|
||||
::-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); }
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user