mirror of
https://github.com/willmiao/ComfyUI-Lora-Manager.git
synced 2026-06-09 12:39:23 -03:00
5797ce9408
Phase 4: Visual Polish 4.1 Font Stack Upgrade: - Add --font-display token for headings - Replace all hardcoded font-family: monospace with var(--font-mono) - Replace hardcoded 'Segoe UI' stack with var(--font-body) 4.2 Shadow Elevation System: - Add --shadow-2xl, --shadow-card/dropdown/modal/toast/header/dark-lg tokens - Replace hardcoded shadows in header, menu, banner, shared, recipe-modal, progress-panel, import-modal, alphabet-bar with semantic tokens - Add dark theme shadow overrides with increased opacity 4.3 Transitions & Micro-interactions: - Replace transition: all with specified properties (performance) - Use --transition-fast/base/slow tokens instead of hardcoded 0.2s/0.3s - Add :active scale feedback to modal buttons - Enhance card hover with box-shadow + border-color lift 4.4 Dark Theme Refinement: - Elevated shadow opacity for dark theme visibility 4.5 Density: - Standardize container padding with --space-2 token 21 files changed
24 lines
621 B
CSS
24 lines
621 B
CSS
:root {
|
|
--font-display: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Inter', system-ui, sans-serif;
|
|
--font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
|
|
--font-mono: 'JetBrains Mono', 'IBM Plex Mono', ui-monospace, Menlo, monospace;
|
|
|
|
--text-xs: 0.75rem;
|
|
--text-sm: 0.875rem;
|
|
--text-base: 1rem;
|
|
--text-md: 0.95rem;
|
|
--text-lg: 1.1rem;
|
|
--text-xl: 1.25rem;
|
|
--text-2xl: 1.5rem;
|
|
--text-3xl: 2rem;
|
|
|
|
--leading-tight: 1.2;
|
|
--leading-normal: 1.4;
|
|
--leading-relaxed: 1.5;
|
|
|
|
--weight-normal: 400;
|
|
--weight-medium: 500;
|
|
--weight-semibold: 600;
|
|
--weight-bold: 700;
|
|
}
|