dvorakmortonxd/gitdxd-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Overhaul homepage layout with 2026 workbench, bento grid, live theme studio, and manifesto

Browse source
This commit is contained in:
Martin Dvořák 2026-10-22 23:30:54 +00:00
commit 106028e02f
3 changed files with 1698 additions and 292 deletions
Download patch file Download diff file Expand all files Collapse all files

70
themes/theme-2026-dark.css
View file

@ -426,28 +426,82 @@ a:focus {
nav.navbar,
.ui.menu.navbar,
.ui.secondary.menu.navbar {
background: rgba(8, 10, 15, 0.82) !important;
backdrop-filter: blur(16px) saturate(160%) !important;
-webkit-backdrop-filter: blur(16px) saturate(160%) !important;
border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
box-shadow: 0 4px 24px -6px rgba(0, 0, 0, 0.65) !important;
position: sticky !important;
top: 0;
z-index: 1000;
background: rgba(8, 10, 15, 0.80) !important;
backdrop-filter: blur(18px) saturate(170%) !important;
-webkit-backdrop-filter: blur(18px) saturate(170%) !important;
border-bottom: 1px solid rgba(148, 163, 184, 0.14) !important;
box-shadow: 0 8px 32px -8px rgba(0, 0, 0, 0.70) !important;
}
#navbar::after,
nav.navbar::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -1px;
height: 1px;
background: linear-gradient(
90deg,
transparent 0%,
rgba(56, 189, 248, 0.45) 25%,
rgba(167, 139, 250, 0.45) 55%,
rgba(251, 113, 133, 0.38) 80%,
transparent 100%
);
pointer-events: none;
}
.navbar .item,
#navbar .item {
border-radius: 8px !important;
transition: background 0.15s ease, color 0.15s ease !important;
}
.navbar .item:hover,
#navbar .item:hover {
background: rgba(56, 189, 248, 0.10) !important;
color: #f8fafc !important;
}
.navbar .brand,
.navbar .brand:hover {
color: #f8fafc !important;
font-weight: 700;
letter-spacing: -0.02em;
font-weight: 800;
letter-spacing: -0.025em;
}
.page-footer,
footer,
.ui.page-footer {
background: rgba(8, 10, 15, 0.90) !important;
border-top: 1px solid rgba(148, 163, 184, 0.10) !important;
border-top: 1px solid rgba(148, 163, 184, 0.12) !important;
box-shadow: none !important;
}
/* ═══════════════════════════════════════════════════════════════════════
2026 Repository View, File Tree & Explore Polish
═══════════════════════════════════════════════════════════════════════ */
.repository .repo-header {
background: linear-gradient(180deg, rgba(17, 21, 32, 0.78), rgba(11, 13, 19, 0.92)) !important;
border-bottom: 1px solid rgba(148, 163, 184, 0.12) !important;
box-shadow: none !important;
border-radius: 0 !important;
}
#repo-files-table,
.ui.table.repo-table {
background: #111520 !important;
border-radius: 12px !important;
box-shadow: var(--nm-raised) !important;
overflow: hidden !important;
}
#repo-files-table tbody tr:hover td {
background: rgba(56, 189, 248, 0.07) !important;
}
/* ═══════════════════════════════════════════════════════════════════════
2026 Bento Cards, Buttons, Tabs & Inputs
═══════════════════════════════════════════════════════════════════════ */