From b94d9b9d080f84ef5f25a8578b7e852dc7aacc89 Mon Sep 17 00:00:00 2001 From: code002lover Date: Fri, 1 May 2026 14:42:53 +0200 Subject: [PATCH] Add comfy.css --- comfy.css | 57 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 57 insertions(+) create mode 100644 comfy.css diff --git a/comfy.css b/comfy.css new file mode 100644 index 0000000..b946553 --- /dev/null +++ b/comfy.css @@ -0,0 +1,57 @@ +:root { + color-scheme: dark; + color: #f8fafc; + font-synthesis: none; + text-rendering: optimizeLegibility; + --bg-primary: #23283d; + --bg-secondary: #1e2233; + --bg-secondary-alt: #191f2e; + --bg-tertiary: #101320; + --accent: #096dc0; + --accent-hover: #075696; + --primary: var(--accent); + --primary-hover: var(--accent-hover); + --bg-card: var(--bg-secondary); + --border-color: #ffffff14; + --text-main: #f8fafc; + --text-muted: #94a3b8; + --color-danger: #ef4444; + --color-danger-bg: #ef444426; + --color-danger-border: #ef44444d; + --color-danger-text: #f87171; + --color-success: #22c55e; + --color-success-bg: #22c55e26; + --color-success-border: #22c55e4d; + --color-success-text: #4ade80; + --color-warning: #fbbf24; + --color-warning-bg: #fbbf2426; + --color-warning-border: #fbbf244d; + --color-warning-text: #fbbf24; + --color-info: #60a5fa; + --color-info-bg: #60a5fa26; + --color-info-border: #60a5fa4d; + --color-info-text: #60a5fa; + --color-purple: #a78bfa; + --color-purple-bg: #a78bfa26; + --color-purple-border: #a78bfa4d; + --color-purple-text: #a78bfa; + --color-slate: #64748b; + --color-slate-bg: #64748b26; + --color-slate-border: #64748b4d; + --color-slate-text: #94a3b8; + --radius-sm: 6px; + --radius-md: 10px; + --radius-lg: 12px; + --radius-xl: 14px; + --radius-2xl: 16px; + --radius-3xl: 18px; + --radius-4xl: 20px; + --radius-container: 32px; + --transition-fast: .15s ease; + --transition-standard: .3s ease; + --transition-smooth: .3s cubic-bezier(.4,0,.2,1); + --transition-bounce: .3s cubic-bezier(.175,.885,.32,1.275); + font-family: Outfit,system-ui,Avenir,Helvetica,Arial,sans-serif; + font-weight: 400; + line-height: 1.5; +}