homelab/stack
1
0
Fork 0
Code Issues 34 Pull Requests 1 Actions Packages Projects 1 Releases Wiki Activity
Files
8b6e6ef1b338120581045488bbd88076e3b7cc3f
stack/assets/css/woodpecker.css
kert 8bd649d9ab feat: skinny packages, tree reorg, cloud abstraction (refs #182–#201) 
P23 — Skinny Packages:
- Break conf→bib circular dependency with lazy guarded import
- Extract aco.table.base → conf.table_base (shared foundation)
- Add try/except ImportError guards on all cross-module imports
- Define per-module optional-dependencies in pyproject.toml
- Slim base deps to just pydantic; all heavy deps in optional groups
- Add gen_config.py --check validation for module/dep sync
- Add skinny-install CI matrix job (tests each extra in isolation)

P24 — Tree Reorganization:
- Move service configs to infra/ (traefik, coredns, grafana, etc.)
- Consolidate Dockerfiles under infra/images/
- Move styles/ → assets/css/ + assets/icons/ + assets/nature.py
- Update compose.yml, stack.toml, gen_config.py, all backend emitters
- Update bootstrap scripts and install_certs.sh

P25 — Cloud Provider Abstraction:
- Add cloud/ directory with self-hosted, aws, gcp, azure stubs
- Add cloud contexts (aws, gcp, azure) to stack.toml
- Add conf/storage.py — get_filesystem() dispatches per context
- Add aws, gcp, azure optional dependency groups
- Document service mapping for each provider

All 11955 tests pass. Zero functionality lost.
2026-03-24 15:00:26 -04:00

380 lines
8.2 KiB
CSS
Raw Blame History

/* LOCH — deep-navy design system for Woodpecker CI */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap');
:root {
/* Loch Color Palette */
--ds-navy: #0a1628;
--ds-navy-light: #162040;
--ds-navy-mid: #1e2d50;
--ds-slate: #2a3f5f;
--ds-steel: #7a90b0;
--ds-white: #f0f0f0;
--ds-blue: #4488dd;
--ds-blue-light: #5588dd;
--ds-blue-bright: #88aaee;
--ds-red: #ee5577;
--ds-red-light: #dd4466;
--ds-green: #44aa44;
--ds-green-light: #66cc66;
--ds-yellow: #ddaa33;
/* Woodpecker color overrides */
--color-wp-primary-100: var(--ds-blue-bright);
--color-wp-primary-200: var(--ds-blue-light);
--color-wp-primary-300: var(--ds-blue);
--color-wp-primary-400: #2255aa;
--color-wp-primary-500: var(--ds-navy);
--color-wp-success-100: var(--ds-green-light);
--color-wp-success-200: var(--ds-green);
--color-wp-error-100: var(--ds-red-light);
--color-wp-error-200: var(--ds-red);
--color-wp-warning-100: var(--ds-yellow);
--color-wp-warning-200: #bb8822;
--color-wp-gray-100: var(--ds-white);
--color-wp-gray-200: var(--ds-steel);
--color-wp-gray-300: var(--ds-slate);
--color-wp-gray-400: var(--ds-navy-mid);
--color-wp-gray-500: var(--ds-navy-light);
--color-wp-gray-600: var(--ds-navy);
}
/* Global styles */
body,
html {
font-family: 'IBM Plex Mono', monospace !important;
background: var(--ds-navy) !important;
color: var(--ds-white) !important;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-family: 'IBM Plex Mono', monospace !important;
font-weight: 600 !important;
letter-spacing: 0.5px !important;
line-height: 1.8 !important;
}
h1 { font-size: 18px !important; color: var(--ds-white) !important; }
h2 { font-size: 14px !important; color: var(--ds-blue-bright) !important; }
h3 { font-size: 12px !important; color: var(--ds-white) !important; }
/* Header/Navbar */
header,
nav,
.navbar,
[class*="header"],
[class*="Header"] {
background: var(--ds-navy-light) !important;
border-bottom: 3px solid var(--ds-slate) !important;
}
/* Sidebar */
aside,
[class*="sidebar"],
[class*="Sidebar"] {
background: var(--ds-navy) !important;
border-right: 3px solid var(--ds-slate) !important;
}
/* Main content area */
main,
[class*="content"],
[class*="Content"] {
background: transparent !important;
}
/* Cards and panels */
[class*="card"],
[class*="Card"],
[class*="panel"],
[class*="Panel"],
[class*="box"],
[class*="Box"] {
background: var(--ds-navy) !important;
border: 2px solid var(--ds-slate) !important;
border-radius: 4px !important;
}
/* Buttons */
button,
[class*="btn"],
[class*="Btn"],
[class*="button"],
[class*="Button"] {
font-family: 'IBM Plex Mono', monospace !important;
font-weight: 500 !important;
border-radius: 4px !important;
transition: all 0.15s ease !important;
}
/* Primary buttons */
[class*="primary"],
[class*="Primary"],
button[type="submit"] {
background: var(--ds-blue) !important;
color: var(--ds-white) !important;
border: 2px solid var(--ds-blue-light) !important;
}
[class*="primary"]:hover,
[class*="Primary"]:hover,
button[type="submit"]:hover {
background: var(--ds-blue-light) !important;
color: var(--ds-white) !important;
}
/* Success/green buttons */
[class*="success"],
[class*="Success"],
[class*="green"],
[class*="Green"] {
background: var(--ds-green) !important;
color: var(--ds-white) !important;
border: 2px solid var(--ds-green-light) !important;
}
[class*="success"]:hover,
[class*="Success"]:hover {
background: var(--ds-green-light) !important;
color: var(--ds-navy) !important;
}
/* Danger/red buttons */
[class*="danger"],
[class*="Danger"],
[class*="error"],
[class*="Error"],
[class*="red"],
[class*="Red"] {
background: var(--ds-red) !important;
color: var(--ds-white) !important;
}
/* Forms */
input,
textarea,
select {
font-family: 'IBM Plex Mono', monospace !important;
background: var(--ds-navy-mid) !important;
color: var(--ds-white) !important;
border: 2px solid var(--ds-slate) !important;
border-radius: 4px !important;
padding: 8px 12px !important;
}
input:focus,
textarea:focus,
select:focus {
border-color: var(--ds-blue-light) !important;
outline: none !important;
box-shadow: 0 0 0 2px rgba(85, 136, 221, 0.3) !important;
}
/* Tables */
table {
background: var(--ds-navy) !important;
border: 2px solid var(--ds-slate) !important;
border-collapse: collapse !important;
}
th {
background: var(--ds-blue) !important;
color: var(--ds-white) !important;
font-family: 'IBM Plex Mono', monospace !important;
font-size: 10px !important;
text-transform: uppercase !important;
padding: 10px 12px !important;
border: 1px solid var(--ds-blue-light) !important;
}
td {
background: var(--ds-navy) !important;
color: var(--ds-white) !important;
padding: 8px 12px !important;
border: 1px solid var(--ds-navy-light) !important;
}
tr:nth-child(even) td {
background: var(--ds-navy-light) !important;
}
tr:hover td {
background: rgba(51, 102, 204, 0.2) !important;
}
/* Pipeline/build status colors */
[class*="running"],
[class*="Running"],
[class*="pending"],
[class*="Pending"] {
color: var(--ds-yellow) !important;
}
[class*="success"],
[class*="Success"],
[class*="passed"],
[class*="Passed"] {
color: var(--ds-green-light) !important;
}
[class*="failure"],
[class*="Failure"],
[class*="failed"],
[class*="Failed"],
[class*="error"],
[class*="Error"] {
color: var(--ds-red) !important;
}
/* Build logs */
pre,
code,
[class*="log"],
[class*="Log"],
[class*="console"],
[class*="Console"] {
font-family: 'IBM Plex Mono', monospace !important;
background: var(--ds-navy) !important;
color: var(--ds-white) !important;
border: 2px solid var(--ds-slate) !important;
border-radius: 4px !important;
}
/* Inline code */
code {
background: var(--ds-navy-light) !important;
color: var(--ds-blue-bright) !important;
padding: 2px 6px !important;
border: none !important;
}
/* Links */
a {
color: var(--ds-blue-bright) !important;
text-decoration: none !important;
}
a:hover {
color: var(--ds-white) !important;
text-decoration: underline !important;
}
/* Dropdowns */
[class*="dropdown"],
[class*="Dropdown"],
[class*="menu"],
[class*="Menu"],
[class*="popover"],
[class*="Popover"] {
background: var(--ds-navy-light) !important;
border: 2px solid var(--ds-slate) !important;
border-radius: 4px !important;
}
[class*="dropdown"] li:hover,
[class*="menu"] li:hover,
[role="menuitem"]:hover,
[role="option"]:hover {
background: var(--ds-blue) !important;
}
/* Badges and tags */
[class*="badge"],
[class*="Badge"],
[class*="tag"],
[class*="Tag"],
[class*="label"],
[class*="Label"] {
font-family: 'IBM Plex Mono', monospace !important;
font-size: 11px !important;
border-radius: 4px !important;
}
/* Tooltips */
[role="tooltip"],
[class*="tooltip"],
[class*="Tooltip"] {
font-family: 'IBM Plex Mono', monospace !important;
background: var(--ds-navy-light) !important;
color: var(--ds-white) !important;
border: 2px solid var(--ds-slate) !important;
border-radius: 4px !important;
}
/* Progress bars */
progress,
[class*="progress"],
[class*="Progress"] {
background: var(--ds-navy-light) !important;
border: 2px solid var(--ds-slate) !important;
border-radius: 4px !important;
}
progress::-webkit-progress-bar {
background: var(--ds-navy-light) !important;
}
progress::-webkit-progress-value {
background: var(--ds-blue) !important;
}
/* Scrollbars */
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
::-webkit-scrollbar-track {
background: var(--ds-navy-light);
}
::-webkit-scrollbar-thumb {
background: var(--ds-slate);
border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
background: var(--ds-steel);
}
/* Selection */
::selection {
background: var(--ds-blue) !important;
color: var(--ds-white) !important;
}
/* Icons - ensure visibility */
svg,
[class*="icon"],
[class*="Icon"] {
fill: currentColor;
}
/* Avatar images */
img[class*="avatar"],
[class*="avatar"] img {
border: 2px solid var(--ds-slate) !important;
border-radius: 4px !important;
}
/* Repo/pipeline list items */
[class*="item"],
[class*="Item"],
[class*="list-item"],
[class*="ListItem"] {
border-bottom: 1px solid var(--ds-navy-light) !important;
}
[class*="item"]:hover,
[class*="Item"]:hover {
background: rgba(51, 102, 204, 0.1) !important;
}
Reference in New Issue View Git Blame Copy Permalink