kimu-core 0.4.1 → 0.5.0

package/src/modules-repository/theme/themes/theme-midnight.css

@@ -1,81 +1,81 @@
-/**
- * Midnight Theme - Deep blue night colors
- * A peaceful theme inspired by the midnight sky
- */
-
-:root {
-  /* Main colors */
-  --kimu-background: linear-gradient(135deg, #0B1D3D 0%, #1A2F5C 50%, #2A4A7C 100%);
-  --kimu-surface: rgba(42, 74, 124, 0.3);
-  --kimu-surface-elevated: rgba(42, 74, 124, 0.5);
-  
-  /* Text colors */
-  --kimu-text-primary: #E0E7FF;
-  --kimu-text-secondary: #B8C5E0;
-  --kimu-text-tertiary: #8B9DC3;
-  --kimu-text-disabled: #6B7B99;
-  
-  /* Border colors */
-  --kimu-border: #3D5A8C;
-  --kimu-border-light: #4E6BA0;
-  --kimu-divider: rgba(61, 90, 140, 0.3);
-  
-  /* Accent colors */
-  --kimu-primary: #4E9FFF;
-  --kimu-primary-dark: #3D7FCC;
-  --kimu-primary-light: #6BB2FF;
-  --kimu-secondary: #7C9FFF;
-  --kimu-accent: #A0C4FF;
-  
-  /* State colors */
-  --kimu-success: #4ECDC4;
-  --kimu-warning: #FFB347;
-  --kimu-error: #FF6B6B;
-  --kimu-info: #4E9FFF;
-  
-  /* Shadow */
-  --kimu-shadow: rgba(0, 0, 0, 0.4);
-  --kimu-shadow-strong: rgba(0, 0, 0, 0.7);
-  
-  /* Component colors */
-  --kimu-input-bg: rgba(26, 47, 92, 0.5);
-  --kimu-input-border: #3D5A8C;
-  --kimu-button-bg: #4E9FFF;
-  --kimu-button-hover: #6BB2FF;
-  --kimu-card-bg: rgba(26, 47, 92, 0.7);
-  
-  /* Font */
-  --kimu-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
-}
-
-/* Body background with gradient */
-body {
-  background: linear-gradient(135deg, #0B1D3D 0%, #1A2F5C 50%, #2A4A7C 100%);
-  background-attachment: fixed;
-  color: var(--kimu-text-primary);
-}
-
-/* Starry effect on hover */
-button:hover,
-a:hover {
-  box-shadow: 0 0 20px rgba(78, 159, 255, 0.5),
-              0 0 40px rgba(78, 159, 255, 0.3);
-}
-
-/* Subtle stars background */
-body::before {
-  content: '';
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-image: 
-    radial-gradient(2px 2px at 20% 30%, rgba(255, 255, 255, 0.3), transparent),
-    radial-gradient(2px 2px at 60% 70%, rgba(255, 255, 255, 0.2), transparent),
-    radial-gradient(1px 1px at 50% 50%, rgba(255, 255, 255, 0.4), transparent),
-    radial-gradient(1px 1px at 80% 10%, rgba(255, 255, 255, 0.3), transparent);
-  background-size: 200px 200px, 300px 300px, 150px 150px, 250px 250px;
-  pointer-events: none;
-  z-index: 0;
-}
+/**
+ * Midnight Theme - Deep blue night colors
+ * A peaceful theme inspired by the midnight sky
+ */
+
+:root {
+  /* Main colors */
+  --kimu-background: linear-gradient(135deg, #0B1D3D 0%, #1A2F5C 50%, #2A4A7C 100%);
+  --kimu-surface: rgba(42, 74, 124, 0.3);
+  --kimu-surface-elevated: rgba(42, 74, 124, 0.5);
+  
+  /* Text colors */
+  --kimu-text-primary: #E0E7FF;
+  --kimu-text-secondary: #B8C5E0;
+  --kimu-text-tertiary: #8B9DC3;
+  --kimu-text-disabled: #6B7B99;
+  
+  /* Border colors */
+  --kimu-border: #3D5A8C;
+  --kimu-border-light: #4E6BA0;
+  --kimu-divider: rgba(61, 90, 140, 0.3);
+  
+  /* Accent colors */
+  --kimu-primary: #4E9FFF;
+  --kimu-primary-dark: #3D7FCC;
+  --kimu-primary-light: #6BB2FF;
+  --kimu-secondary: #7C9FFF;
+  --kimu-accent: #A0C4FF;
+  
+  /* State colors */
+  --kimu-success: #4ECDC4;
+  --kimu-warning: #FFB347;
+  --kimu-error: #FF6B6B;
+  --kimu-info: #4E9FFF;
+  
+  /* Shadow */
+  --kimu-shadow: rgba(0, 0, 0, 0.4);
+  --kimu-shadow-strong: rgba(0, 0, 0, 0.7);
+  
+  /* Component colors */
+  --kimu-input-bg: rgba(26, 47, 92, 0.5);
+  --kimu-input-border: #3D5A8C;
+  --kimu-button-bg: #4E9FFF;
+  --kimu-button-hover: #6BB2FF;
+  --kimu-card-bg: rgba(26, 47, 92, 0.7);
+  
+  /* Font */
+  --kimu-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+}
+
+/* Body background with gradient */
+body {
+  background: linear-gradient(135deg, #0B1D3D 0%, #1A2F5C 50%, #2A4A7C 100%);
+  background-attachment: fixed;
+  color: var(--kimu-text-primary);
+}
+
+/* Starry effect on hover */
+button:hover,
+a:hover {
+  box-shadow: 0 0 20px rgba(78, 159, 255, 0.5),
+              0 0 40px rgba(78, 159, 255, 0.3);
+}
+
+/* Subtle stars background */
+body::before {
+  content: '';
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: 
+    radial-gradient(2px 2px at 20% 30%, rgba(255, 255, 255, 0.3), transparent),
+    radial-gradient(2px 2px at 60% 70%, rgba(255, 255, 255, 0.2), transparent),
+    radial-gradient(1px 1px at 50% 50%, rgba(255, 255, 255, 0.4), transparent),
+    radial-gradient(1px 1px at 80% 10%, rgba(255, 255, 255, 0.3), transparent);
+  background-size: 200px 200px, 300px 300px, 150px 150px, 250px 250px;
+  pointer-events: none;
+  z-index: 0;
+}

package/src/modules-repository/theme/themes/theme-nord.css

@@ -1,94 +1,94 @@
-/**
- * Nord Theme - Cold and relaxing Nordic theme
- * Based on Nord color palette: https://www.nordtheme.com/
- * 
- * Color Palette:
- * - Polar Night (dark backgrounds): #2E3440, #3B4252, #434C5E, #4C566A
- * - Snow Storm (light foregrounds): #D8DEE9, #E5E9F0, #ECEFF4
- * - Frost (blues): #8FBCBB, #88C0D0, #81A1C1, #5E81AC
- * - Aurora (accents): #BF616A, #D08770, #EBCB8B, #A3BE8C, #B48EAD
- */
-
-:root {
-  /* Primary Colors - Frost Blue */
-  --kimu-primary: #88C0D0;
-  --kimu-primary-hover: #8FBCBB;
-  --kimu-primary-active: #81A1C1;
-  --kimu-primary-light: rgba(136, 192, 208, 0.1);
-
-  /* Secondary Colors - Aurora Purple */
-  --kimu-secondary: #B48EAD;
-  --kimu-secondary-hover: #c4a3bb;
-  --kimu-secondary-active: #a47d9a;
-
-  /* Accent Colors - Aurora Green */
-  --kimu-accent: #A3BE8C;
-  --kimu-accent-hover: #b3ce9c;
-  --kimu-accent-active: #93ae7c;
-
-  /* Background Colors - Polar Night */
-  --kimu-bg-primary: #2E3440;
-  --kimu-bg-secondary: #3B4252;
-  --kimu-bg-tertiary: #434C5E;
-  --kimu-bg-hover: #4C566A;
-
-  /* Text Colors - Snow Storm */
-  --kimu-text-primary: #ECEFF4;
-  --kimu-text-secondary: #E5E9F0;
-  --kimu-text-tertiary: #D8DEE9;
-  --kimu-text-disabled: #4C566A;
-
-  /* Border Colors */
-  --kimu-border: #4C566A;
-  --kimu-border-light: #434C5E;
-  --kimu-border-strong: #5E81AC;
-
-  /* Status Colors - Aurora */
-  --kimu-success: #A3BE8C;
-  --kimu-warning: #EBCB8B;
-  --kimu-error: #BF616A;
-  --kimu-info: #81A1C1;
-
-  /* Shadows - Darker for depth */
-  --kimu-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
-  --kimu-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.3);
-  --kimu-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.3);
-
-  /* Additional Component-specific Colors */
-  --kimu-card-bg: var(--kimu-bg-secondary);
-  --kimu-input-bg: var(--kimu-bg-tertiary);
-  --kimu-input-border: var(--kimu-border);
-  --kimu-input-focus: var(--kimu-primary);
-
-  /* Links */
-  --kimu-link: var(--kimu-primary);
-  --kimu-link-hover: var(--kimu-primary-hover);
-
-  /* Overlays */
-  --kimu-overlay: rgba(46, 52, 64, 0.8);
-}
-
-/* Optional: Add some Nord-specific styling */
-body {
-  color: var(--kimu-text-primary);
-  background: var(--kimu-bg-primary);
-}
-
-/* Scrollbar styling for Nord theme */
-::-webkit-scrollbar {
-  width: 12px;
-  height: 12px;
-}
-
-::-webkit-scrollbar-track {
-  background: var(--kimu-bg-secondary);
-}
-
-::-webkit-scrollbar-thumb {
-  background: var(--kimu-border);
-  border-radius: 6px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-  background: var(--kimu-primary);
-}
+/**
+ * Nord Theme - Cold and relaxing Nordic theme
+ * Based on Nord color palette: https://www.nordtheme.com/
+ * 
+ * Color Palette:
+ * - Polar Night (dark backgrounds): #2E3440, #3B4252, #434C5E, #4C566A
+ * - Snow Storm (light foregrounds): #D8DEE9, #E5E9F0, #ECEFF4
+ * - Frost (blues): #8FBCBB, #88C0D0, #81A1C1, #5E81AC
+ * - Aurora (accents): #BF616A, #D08770, #EBCB8B, #A3BE8C, #B48EAD
+ */
+
+:root {
+  /* Primary Colors - Frost Blue */
+  --kimu-primary: #88C0D0;
+  --kimu-primary-hover: #8FBCBB;
+  --kimu-primary-active: #81A1C1;
+  --kimu-primary-light: rgba(136, 192, 208, 0.1);
+
+  /* Secondary Colors - Aurora Purple */
+  --kimu-secondary: #B48EAD;
+  --kimu-secondary-hover: #c4a3bb;
+  --kimu-secondary-active: #a47d9a;
+
+  /* Accent Colors - Aurora Green */
+  --kimu-accent: #A3BE8C;
+  --kimu-accent-hover: #b3ce9c;
+  --kimu-accent-active: #93ae7c;
+
+  /* Background Colors - Polar Night */
+  --kimu-bg-primary: #2E3440;
+  --kimu-bg-secondary: #3B4252;
+  --kimu-bg-tertiary: #434C5E;
+  --kimu-bg-hover: #4C566A;
+
+  /* Text Colors - Snow Storm */
+  --kimu-text-primary: #ECEFF4;
+  --kimu-text-secondary: #E5E9F0;
+  --kimu-text-tertiary: #D8DEE9;
+  --kimu-text-disabled: #4C566A;
+
+  /* Border Colors */
+  --kimu-border: #4C566A;
+  --kimu-border-light: #434C5E;
+  --kimu-border-strong: #5E81AC;
+
+  /* Status Colors - Aurora */
+  --kimu-success: #A3BE8C;
+  --kimu-warning: #EBCB8B;
+  --kimu-error: #BF616A;
+  --kimu-info: #81A1C1;
+
+  /* Shadows - Darker for depth */
+  --kimu-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
+  --kimu-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.3);
+  --kimu-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.3);
+
+  /* Additional Component-specific Colors */
+  --kimu-card-bg: var(--kimu-bg-secondary);
+  --kimu-input-bg: var(--kimu-bg-tertiary);
+  --kimu-input-border: var(--kimu-border);
+  --kimu-input-focus: var(--kimu-primary);
+
+  /* Links */
+  --kimu-link: var(--kimu-primary);
+  --kimu-link-hover: var(--kimu-primary-hover);
+
+  /* Overlays */
+  --kimu-overlay: rgba(46, 52, 64, 0.8);
+}
+
+/* Optional: Add some Nord-specific styling */
+body {
+  color: var(--kimu-text-primary);
+  background: var(--kimu-bg-primary);
+}
+
+/* Scrollbar styling for Nord theme */
+::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--kimu-bg-secondary);
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--kimu-border);
+  border-radius: 6px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--kimu-primary);
+}

package/src/modules-repository/theme/themes/theme-ocean.css

@@ -1,84 +1,84 @@
-/**
- * KIMU Ocean Theme
- * Ocean-inspired dark theme with blue-green tones
- * 
- * This file OVERRIDES the default CSS variables defined in style.css
- * When this theme is loaded, these values take precedence.
- */
-
-:root {
-  /* Primary colors - Ocean blues */
-  --kimu-primary: #0ea5e9;
-  --kimu-primary-light: #38bdf8;
-  --kimu-primary-dark: #0284c7;
-  --kimu-text-on-primary: #ffffff;
-  
-  /* Accent colors - Teal/Cyan */
-  --kimu-accent: #14b8a6;
-  --kimu-accent-light: #2dd4bf;
-  --kimu-accent-dark: #0d9488;
-  --kimu-text-on-accent: #ffffff;
-  
-  /* Background colors - Deep ocean */
-  --kimu-background: #0c1821;
-  --kimu-background-alt: #1b3a4b;
-  --kimu-surface: #1e3a52;
-  
-  /* Text colors */
-  --kimu-text-primary: #e0f2fe;
-  --kimu-text-secondary: #bae6fd;
-  --kimu-text-disabled: #67e8f9;
-  
-  /* Semantic colors */
-  --kimu-success: #10b981;
-  --kimu-success-light: #34d399;
-  --kimu-success-dark: #059669;
-  
-  --kimu-warning: #f59e0b;
-  --kimu-warning-light: #fbbf24;
-  --kimu-warning-dark: #d97706;
-  
-  --kimu-error: #f43f5e;
-  --kimu-error-light: #fb7185;
-  --kimu-error-dark: #e11d48;
-  
-  --kimu-info: #06b6d4;
-  --kimu-info-light: #22d3ee;
-  --kimu-info-dark: #0891b2;
-  
-  /* Borders and dividers */
-  --kimu-border: #155e75;
-  --kimu-divider: #0e7490;
-  
-  /* Shadows - Ocean themed */
-  --kimu-shadow: rgba(6, 182, 212, 0.15);
-  --kimu-shadow-light: rgba(6, 182, 212, 0.08);
-  --kimu-shadow-medium: rgba(6, 182, 212, 0.25);
-  --kimu-shadow-heavy: rgba(6, 182, 212, 0.35);
-  
-  /* Additional UI colors */
-  --kimu-card-bg: #164e63;
-  --kimu-card-border: #155e75;
-  --kimu-input-bg: #0e7490;
-  --kimu-input-border: #0891b2;
-  --kimu-input-focus: #06b6d4;
-  
-  /* Navigation */
-  --kimu-nav-bg: #083344;
-  --kimu-nav-text: #bae6fd;
-  --kimu-nav-active: #06b6d4;
-  
-  /* Footer */
-  --kimu-footer-bg: #082f49;
-  --kimu-footer-text: #7dd3fc;
-}
-
-/* Smooth transitions for theme changes */
-* {
-  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
-}
-
-/* Ocean wave effect (optional) */
-body {
-  background: linear-gradient(180deg, var(--kimu-background) 0%, #164e63 100%);
-}
+/**
+ * KIMU Ocean Theme
+ * Ocean-inspired dark theme with blue-green tones
+ * 
+ * This file OVERRIDES the default CSS variables defined in style.css
+ * When this theme is loaded, these values take precedence.
+ */
+
+:root {
+  /* Primary colors - Ocean blues */
+  --kimu-primary: #0ea5e9;
+  --kimu-primary-light: #38bdf8;
+  --kimu-primary-dark: #0284c7;
+  --kimu-text-on-primary: #ffffff;
+  
+  /* Accent colors - Teal/Cyan */
+  --kimu-accent: #14b8a6;
+  --kimu-accent-light: #2dd4bf;
+  --kimu-accent-dark: #0d9488;
+  --kimu-text-on-accent: #ffffff;
+  
+  /* Background colors - Deep ocean */
+  --kimu-background: #0c1821;
+  --kimu-background-alt: #1b3a4b;
+  --kimu-surface: #1e3a52;
+  
+  /* Text colors */
+  --kimu-text-primary: #e0f2fe;
+  --kimu-text-secondary: #bae6fd;
+  --kimu-text-disabled: #67e8f9;
+  
+  /* Semantic colors */
+  --kimu-success: #10b981;
+  --kimu-success-light: #34d399;
+  --kimu-success-dark: #059669;
+  
+  --kimu-warning: #f59e0b;
+  --kimu-warning-light: #fbbf24;
+  --kimu-warning-dark: #d97706;
+  
+  --kimu-error: #f43f5e;
+  --kimu-error-light: #fb7185;
+  --kimu-error-dark: #e11d48;
+  
+  --kimu-info: #06b6d4;
+  --kimu-info-light: #22d3ee;
+  --kimu-info-dark: #0891b2;
+  
+  /* Borders and dividers */
+  --kimu-border: #155e75;
+  --kimu-divider: #0e7490;
+  
+  /* Shadows - Ocean themed */
+  --kimu-shadow: rgba(6, 182, 212, 0.15);
+  --kimu-shadow-light: rgba(6, 182, 212, 0.08);
+  --kimu-shadow-medium: rgba(6, 182, 212, 0.25);
+  --kimu-shadow-heavy: rgba(6, 182, 212, 0.35);
+  
+  /* Additional UI colors */
+  --kimu-card-bg: #164e63;
+  --kimu-card-border: #155e75;
+  --kimu-input-bg: #0e7490;
+  --kimu-input-border: #0891b2;
+  --kimu-input-focus: #06b6d4;
+  
+  /* Navigation */
+  --kimu-nav-bg: #083344;
+  --kimu-nav-text: #bae6fd;
+  --kimu-nav-active: #06b6d4;
+  
+  /* Footer */
+  --kimu-footer-bg: #082f49;
+  --kimu-footer-text: #7dd3fc;
+}
+
+/* Smooth transitions for theme changes */
+* {
+  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
+}
+
+/* Ocean wave effect (optional) */
+body {
+  background: linear-gradient(180deg, var(--kimu-background) 0%, #164e63 100%);
+}