-
-
+
+
@await RenderSectionAsync("Scripts", required: false)
+
+
+
diff --git a/src/TaxBaik.Web/wwwroot/css/admin.css b/src/TaxBaik.Web/wwwroot/css/admin.css
index ccb2a55..53a5691 100644
--- a/src/TaxBaik.Web/wwwroot/css/admin.css
+++ b/src/TaxBaik.Web/wwwroot/css/admin.css
@@ -11,6 +11,12 @@
============================================================================ */
:root {
+ /* Tabler Brand Color Override */
+ --tblr-primary: #1F4E79;
+ --tblr-primary-rgb: 31, 78, 121;
+ --tblr-primary-fg: #ffffff;
+ --tblr-font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+
/* Color System */
--primary-color: #1F4E79;
--primary-light: #E8F0F7;
@@ -45,7 +51,7 @@
--info-light: #CFFAFE;
--info-dark: #0E7490;
- /* Semantic Colors */
+ /* Semantic Colors - Reactive to Light Mode */
--text-primary: #1A1A1A;
--text-secondary: #64748B;
--text-tertiary: #94A3B8;
@@ -77,31 +83,31 @@
--space-16: 40px;
/* Border Radius - Squarish for professional enterprise look */
- --radius-sm: 2px;
- --radius-md: 4px;
- --radius-lg: 6px;
- --radius-xl: 8px;
+ --radius-sm: 4px;
+ --radius-md: 6px;
+ --radius-lg: 8px;
+ --radius-xl: 12px;
--radius-full: 9999px;
- /* Typography Scale - High Density Compact Size */
+ /* Typography Scale */
--font-family-base: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
- --font-size-xs: 0.62rem;
- --font-size-sm: 0.66rem;
- --font-size-base: 0.72rem;
- --font-size-lg: 0.8rem;
- --font-size-xl: 0.9rem;
- --font-size-2xl: 1rem;
- --font-size-3xl: 1.15rem;
- --font-size-4xl: 1.45rem;
+ --font-size-xs: 0.75rem;
+ --font-size-sm: 0.8rem;
+ --font-size-base: 0.875rem;
+ --font-size-lg: 1rem;
+ --font-size-xl: 1.125rem;
+ --font-size-2xl: 1.25rem;
+ --font-size-3xl: 1.5rem;
+ --font-size-4xl: 1.75rem;
--font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--font-weight-bold: 700;
- --line-height-tight: 1.1;
- --line-height-normal: 1.25;
- --line-height-relaxed: 1.4;
+ --line-height-tight: 1.15;
+ --line-height-normal: 1.35;
+ --line-height-relaxed: 1.5;
/* Shadow System (Elevation) */
--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
@@ -124,6 +130,16 @@
--z-tooltip: 1100;
}
+/* Semantic Colors - Reactive to Dark Mode */
+[data-bs-theme="dark"] {
+ --bg-primary: var(--tblr-bg-surface, #1e293b);
+ --bg-secondary: var(--tblr-body-bg, #0f172a);
+ --text-primary: var(--tblr-body-color, #f8fafc);
+ --text-secondary: var(--tblr-muted, #94a3b8);
+ --border-color: var(--tblr-border-color, #334155);
+ --border-color-light: var(--tblr-border-color-translucent, #1e293b);
+}
+
/* ============================================================================
Global Reset & Base Styles
============================================================================ */