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
64 lines
1.5 KiB
CSS
64 lines
1.5 KiB
CSS
/* mGit Light Theme */
|
|
gitea-theme-meta-info {
|
|
--theme-display-name: "mGit Light";
|
|
}
|
|
|
|
:root {
|
|
--is-dark-theme: false;
|
|
|
|
/* Primary palette */
|
|
--color-primary: #2563eb;
|
|
--color-primary-dark-1: #1e40af;
|
|
--color-primary-dark-2: #1e3a8a;
|
|
--color-primary-light-1: #3b82f6;
|
|
--color-primary-light-2: #60a5fa;
|
|
--color-primary-alpha-20: rgba(37, 99, 235, 0.1);
|
|
--color-primary-alpha-60: rgba(37, 99, 235, 0.6);
|
|
|
|
/* Semantic */
|
|
--color-secondary: #64748b;
|
|
--color-success: #10b981;
|
|
--color-warning: #f59e0b;
|
|
--color-error: #ef4444;
|
|
|
|
/* Backgrounds */
|
|
--color-body: #ffffff;
|
|
--color-box-body: #f8fafc;
|
|
--color-box-body-highlight: #f1f5f9;
|
|
|
|
/* Text */
|
|
--color-text: #1e293b;
|
|
--color-text-light: #64748b;
|
|
--color-text-light-1: #475569;
|
|
--color-text-light-2: #94a3b8;
|
|
|
|
/* Borders */
|
|
--color-secondary-dark-2: #e2e8f0;
|
|
--color-secondary-dark-1: #cbd5e1;
|
|
|
|
/* Code */
|
|
--color-code-bg: #f8fafc;
|
|
|
|
/* Inputs */
|
|
--color-input-background: #ffffff;
|
|
--color-input-border: #e2e8f0;
|
|
|
|
/* Shadows */
|
|
--color-shadow: rgba(0, 0, 0, 0.06);
|
|
|
|
/* Accent bar */
|
|
--color-accent: #2563eb;
|
|
|
|
/* 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%);
|
|
}
|