mirror of
https://github.com/Kori1c/ecs-controller.git
synced 2026-05-08 06:38:33 +08:00
c94acdf5dc
- Add CSS variables for light/dark themes - Support prefers-color-scheme media query for automatic switching - Update status pills, buttons, cards for dark mode compatibility - Fix system log text color and heartbeat log type badges - Improve UI elements: tables, chips, inputs for dark theme Co-Authored-By: Claude Opus 4.6 <[email protected]>
31 lines
850 B
CSS
31 lines
850 B
CSS
@import "tailwindcss";
|
|
|
|
@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
|
|
|
|
@theme {
|
|
/* 字体配置 */
|
|
--font-sans: 'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'sans-serif';
|
|
|
|
/* 颜色配置 (对应原 config.colors.ios) */
|
|
--color-ios-bg: #F2F2F7;
|
|
--color-ios-card: rgba(255, 255, 255, 0.72);
|
|
--color-ios-blue: #007AFF;
|
|
--color-ios-black: #1C1C1E;
|
|
--color-ios-red: #FF3B30;
|
|
--color-ios-green: #34C759;
|
|
--color-ios-gray: #8E8E93;
|
|
|
|
/* 背景模糊扩展 */
|
|
--backdrop-blur-xs: 2px;
|
|
|
|
/* 动画扩展 */
|
|
--animate-spin-slow: spin 1.5s linear infinite;
|
|
|
|
/* 暗色模式颜色 */
|
|
--color-dark-bg: #0f172a;
|
|
--color-dark-card: #1e293b;
|
|
--color-dark-border: #334155;
|
|
--color-dark-text: #f1f5f9;
|
|
--color-dark-muted: #94a3b8;
|
|
}
|