mirror of
https://mgit.msbls.de/m/gitea-custom.git
synced 2026-02-06 00:02:08 +00:00
d96cd6756b
- Themes now only override CSS variables (no selector overrides) - Removed duplicate styles from header.tmpl (just loads Inter font now) - Cleaned up logo SVG (simpler, no overlapping text) - Improved home page with proper hero layout and sign-in/explore buttons - Added detailed README documenting the setup, deployment, and design principles
70 lines
1.6 KiB
CSS
70 lines
1.6 KiB
CSS
/* mGit Dark Theme */
|
|
gitea-theme-meta-info {
|
|
--theme-display-name: "mGit Dark";
|
|
}
|
|
|
|
:root {
|
|
--is-dark-theme: true;
|
|
|
|
/* Primary palette */
|
|
--color-primary: #3b82f6;
|
|
--color-primary-dark-1: #2563eb;
|
|
--color-primary-dark-2: #1e40af;
|
|
--color-primary-light-1: #60a5fa;
|
|
--color-primary-light-2: #93c5fd;
|
|
--color-primary-alpha-20: rgba(59, 130, 246, 0.2);
|
|
--color-primary-alpha-60: rgba(59, 130, 246, 0.6);
|
|
|
|
/* Semantic */
|
|
--color-secondary: #94a3b8;
|
|
--color-success: #10b981;
|
|
--color-warning: #f59e0b;
|
|
--color-error: #ef4444;
|
|
|
|
/* Backgrounds */
|
|
--color-body: #0f172a;
|
|
--color-box-body: #1e293b;
|
|
--color-box-body-highlight: #334155;
|
|
|
|
/* Text */
|
|
--color-text: #f1f5f9;
|
|
--color-text-light: #94a3b8;
|
|
--color-text-light-1: #cbd5e1;
|
|
--color-text-light-2: #64748b;
|
|
|
|
/* Borders */
|
|
--color-secondary-dark-2: #334155;
|
|
--color-secondary-dark-1: #475569;
|
|
|
|
/* Code */
|
|
--color-code-bg: #1e293b;
|
|
|
|
/* Inputs */
|
|
--color-input-background: #1e293b;
|
|
--color-input-border: #334155;
|
|
|
|
/* Shadows */
|
|
--color-shadow: rgba(0, 0, 0, 0.4);
|
|
|
|
/* Accent bar */
|
|
--color-accent: #3b82f6;
|
|
|
|
/* Typography */
|
|
--fonts-regular: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
|
|
--fonts-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, 'Cascadia Code', 'Consolas', monospace;
|
|
}
|
|
|
|
/* Accent top border */
|
|
body::before {
|
|
content: '';
|
|
display: block;
|
|
height: 3px;
|
|
background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-dark-2) 100%);
|
|
}
|
|
|
|
/* Font smoothing for dark backgrounds */
|
|
body {
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|