0273cae6e4
All checks were successful
Deploy blog-frontend / build-and-deploy (push) Successful in 2m30s
74 lines
1.8 KiB
CSS
74 lines
1.8 KiB
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--color-page: #f5f5f7;
|
|
--color-surface: rgba(255, 255, 255, 0.78);
|
|
--color-surface-strong: #ffffff;
|
|
--color-line: rgba(0, 0, 0, 0.08);
|
|
--color-text: #1d1d1f;
|
|
--color-text-muted: #6e6e73;
|
|
--color-text-subtle: #86868b;
|
|
--color-accent: #007aff;
|
|
--color-accent-soft: rgba(0, 122, 255, 0.1);
|
|
--shadow-panel: 0 18px 50px rgba(0, 0, 0, 0.08);
|
|
--shadow-card: 0 10px 28px rgba(0, 0, 0, 0.06);
|
|
--background: var(--color-page);
|
|
--foreground: var(--color-text);
|
|
}
|
|
|
|
@theme inline {
|
|
--color-background: var(--background);
|
|
--color-foreground: var(--foreground);
|
|
--font-sans: var(--font-geist-sans);
|
|
--font-mono: var(--font-geist-mono);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--color-page: #0b0b0c;
|
|
--color-surface: rgba(28, 28, 30, 0.72);
|
|
--color-surface-strong: #1c1c1e;
|
|
--color-line: rgba(255, 255, 255, 0.1);
|
|
--color-text: #f5f5f7;
|
|
--color-text-muted: #a1a1a6;
|
|
--color-text-subtle: #8e8e93;
|
|
--color-accent: #0a84ff;
|
|
--color-accent-soft: rgba(10, 132, 255, 0.16);
|
|
--shadow-panel: 0 18px 50px rgba(0, 0, 0, 0.36);
|
|
--shadow-card: 0 10px 28px rgba(0, 0, 0, 0.28);
|
|
--background: var(--color-page);
|
|
--foreground: var(--color-text);
|
|
color-scheme: dark;
|
|
}
|
|
}
|
|
|
|
body {
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
font-family:
|
|
-apple-system,
|
|
BlinkMacSystemFont,
|
|
"SF Pro Display",
|
|
"SF Pro Text",
|
|
"Apple SD Gothic Neo",
|
|
"Noto Sans KR",
|
|
system-ui,
|
|
sans-serif;
|
|
}
|
|
|
|
::selection {
|
|
background: var(--color-accent-soft);
|
|
color: var(--color-text);
|
|
}
|
|
|
|
.w-md-editor {
|
|
border-radius: 0.75rem !important; /* 둥근 모서리 */
|
|
box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
border-color: #e5e7eb !important;
|
|
}
|
|
|
|
.w-md-editor-toolbar {
|
|
border-radius: 0.75rem 0.75rem 0 0 !important;
|
|
background-color: #f9fafb !important;
|
|
}
|