875a60f90f
A free, open, self-hosted app platform (GNU AGPLv3): one-click app deploys, Traefik reverse proxy with automatic SSL, rootless Docker support, gluetun VPN routing, and a web dashboard to manage it all. Free & open forever to self-host; optional paid hosted services fund it. See PROMISE.md. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com> Signed-off-by: librelad <librelad@digitalangels.vip>
76 lines
2.2 KiB
CSS
76 lines
2.2 KiB
CSS
/* Dark Blue — solid dark surface with dodger-blue accents. */
|
|
[data-theme="dark-blue"] {
|
|
--gradient-from: #1a1a1a;
|
|
--gradient-mid: #1a1a1a;
|
|
--gradient-to: #1a1a1a;
|
|
|
|
--surface-bg: #1a1a1a;
|
|
--surface-bg-solid: #1a1a1a;
|
|
--surface-elevated: #2a2a2a;
|
|
--surface-sunken: #222222;
|
|
--surface-hover: rgba(255, 255, 255, 0.08);
|
|
--surface-selected: rgba(30, 144, 255, 0.15);
|
|
|
|
--border: #333333;
|
|
--border-strong: #444444;
|
|
--border-subtle: #2a2a2a;
|
|
|
|
--text-primary: #ffffff;
|
|
--text-secondary: #cccccc;
|
|
--text-muted: #888888;
|
|
--text-on-accent: #ffffff;
|
|
|
|
--accent: #1e90ff;
|
|
--accent-hover: #1c7ed6;
|
|
--accent-soft: rgba(30, 144, 255, 0.15);
|
|
--accent-rgb: 30, 144, 255;
|
|
|
|
--status-success: #28a745;
|
|
--status-success-hover: #218838;
|
|
--status-success-rgb: 40, 167, 69;
|
|
--status-danger: #dc3545;
|
|
--status-danger-hover: #c82333;
|
|
--status-danger-rgb: 220, 53, 69;
|
|
--status-warning: #ffc107;
|
|
--status-warning-rgb: 255, 193, 7;
|
|
--status-info: #17a2b8;
|
|
--status-info-rgb: 23, 162, 184;
|
|
|
|
--text-rgb: 255, 255, 255;
|
|
--bg-rgb: 0, 0, 0;
|
|
|
|
--card-bg: #2a2a2a;
|
|
--card-border: #333333;
|
|
--card-shadow: 0 2px 6px rgba(0, 0, 0, 0.30);
|
|
--card-shadow-hover: 0 6px 16px rgba(0, 0, 0, 0.50);
|
|
--input-bg: #333333;
|
|
--input-border: #444444;
|
|
--input-text: #ffffff;
|
|
--console-bg: #2a2a2a;
|
|
--console-text: #ffffff;
|
|
--code-bg: #2d3748;
|
|
--code-text: #e2e8f0;
|
|
--tooltip-bg: #2a2a2a;
|
|
--tooltip-text: #ffffff;
|
|
|
|
--topbar-bg: #1a1a1a;
|
|
--topbar-text: #ffffff;
|
|
--topbar-border: #2a2a2a;
|
|
--sidebar-bg: #1a1a1a;
|
|
--sidebar-text: #ffffff;
|
|
--sidebar-border: #2a2a2a;
|
|
|
|
--bg-primary: var(--topbar-bg);
|
|
--bg-secondary: var(--surface-elevated);
|
|
--bg-tertiary: var(--border);
|
|
--text-color: var(--text-primary);
|
|
--primary-color: var(--accent);
|
|
--primary-hover: var(--accent-hover);
|
|
--primary-color-rgb: var(--accent-rgb);
|
|
--border-color: var(--border);
|
|
--content-bg: var(--surface-bg);
|
|
--hover-bg: var(--surface-hover);
|
|
--error-color: var(--status-danger);
|
|
--danger-color: var(--status-danger);
|
|
}
|