kimu-core 0.4.1

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

@@ -0,0 +1,101 @@
+/**
+ * Lava Theme - Intense red and orange fire colors
+ * A powerful theme inspired by molten lava
+ */
+
+:root {
+  /* Main colors */
+  --kimu-background: linear-gradient(135deg, #1A0000 0%, #330000 30%, #4D0000 60%, #660000 100%);
+  --kimu-surface: rgba(255, 69, 0, 0.1);
+  --kimu-surface-elevated: rgba(255, 69, 0, 0.2);
+  
+  /* Text colors */
+  --kimu-text-primary: #FFE5D9;
+  --kimu-text-secondary: #FFD4BF;
+  --kimu-text-tertiary: #FFC4A6;
+  --kimu-text-disabled: #CC9980;
+  
+  /* Border colors */
+  --kimu-border: #FF4500;
+  --kimu-border-light: #FF6347;
+  --kimu-divider: rgba(255, 69, 0, 0.3);
+  
+  /* Accent colors */
+  --kimu-primary: #FF4500;
+  --kimu-primary-dark: #CC3700;
+  --kimu-primary-light: #FF6347;
+  --kimu-secondary: #FF8C00;
+  --kimu-accent: #FFD700;
+  
+  /* State colors */
+  --kimu-success: #FFD700;
+  --kimu-warning: #FFA500;
+  --kimu-error: #B22222;
+  --kimu-info: #FF6347;
+  
+  /* Shadow */
+  --kimu-shadow: rgba(255, 69, 0, 0.5);
+  --kimu-shadow-strong: rgba(255, 69, 0, 0.8);
+  
+  /* Component colors */
+  --kimu-input-bg: rgba(51, 0, 0, 0.7);
+  --kimu-input-border: #FF4500;
+  --kimu-button-bg: #FF4500;
+  --kimu-button-hover: #FF6347;
+  --kimu-card-bg: rgba(51, 0, 0, 0.8);
+  
+  /* Font */
+  --kimu-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+}
+
+/* Body background with gradient */
+body {
+  background: linear-gradient(135deg, #1A0000 0%, #330000 30%, #4D0000 60%, #660000 100%);
+  background-attachment: fixed;
+  color: var(--kimu-text-primary);
+}
+
+/* Lava glow animation */
+@keyframes lava-glow {
+  0%, 100% {
+    box-shadow: 0 0 20px rgba(255, 69, 0, 0.5),
+                0 0 40px rgba(255, 69, 0, 0.3);
+  }
+  50% {
+    box-shadow: 0 0 30px rgba(255, 140, 0, 0.7),
+                0 0 60px rgba(255, 140, 0, 0.5);
+  }
+}
+
+/* Fire effect on hover */
+button:hover,
+a:hover {
+  animation: lava-glow 2s infinite;
+}
+
+/* Ember particles effect */
+body::after {
+  content: '';
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: 
+    radial-gradient(3px 3px at 10% 20%, rgba(255, 140, 0, 0.4), transparent),
+    radial-gradient(2px 2px at 80% 60%, rgba(255, 69, 0, 0.3), transparent),
+    radial-gradient(3px 3px at 40% 80%, rgba(255, 215, 0, 0.4), transparent);
+  background-size: 300px 300px;
+  animation: ember-rise 15s linear infinite;
+  pointer-events: none;
+  z-index: 0;
+}
+
+@keyframes ember-rise {
+  from {
+    transform: translateY(100%);
+  }
+  to {
+    transform: translateY(-100%);
+  }
+}

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

@@ -0,0 +1,90 @@
+/**
+ * Lavender Theme - Relaxing purple lavender colors
+ * A calming theme inspired by lavender fields
+ */
+
+:root {
+  /* Main colors */
+  --kimu-background: linear-gradient(135deg, #F4ECFA 0%, #E6D9F5 50%, #D8C6F0 100%);
+  --kimu-surface: rgba(216, 198, 240, 0.2);
+  --kimu-surface-elevated: rgba(216, 198, 240, 0.3);
+  
+  /* Text colors */
+  --kimu-text-primary: #4A2C5B;
+  --kimu-text-secondary: #6A4C7B;
+  --kimu-text-tertiary: #8A6C9B;
+  --kimu-text-disabled: #AA8CBB;
+  
+  /* Border colors */
+  --kimu-border: #C8B2E0;
+  --kimu-border-light: #DCC9EB;
+  --kimu-divider: rgba(200, 178, 224, 0.3);
+  
+  /* Accent colors */
+  --kimu-primary: #9B7EBD;
+  --kimu-primary-dark: #7B5E9D;
+  --kimu-primary-light: #B89ED4;
+  --kimu-secondary: #B5A2D4;
+  --kimu-accent: #D8C6F0;
+  
+  /* State colors */
+  --kimu-success: #81C784;
+  --kimu-warning: #FFB74D;
+  --kimu-error: #E57373;
+  --kimu-info: #64B5F6;
+  
+  /* Shadow */
+  --kimu-shadow: rgba(155, 126, 189, 0.3);
+  --kimu-shadow-strong: rgba(155, 126, 189, 0.5);
+  
+  /* Component colors */
+  --kimu-input-bg: #FFFFFF;
+  --kimu-input-border: #C8B2E0;
+  --kimu-button-bg: #9B7EBD;
+  --kimu-button-hover: #B89ED4;
+  --kimu-card-bg: rgba(255, 255, 255, 0.9);
+  
+  /* Font */
+  --kimu-font: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;
+}
+
+/* Body background with gradient */
+body {
+  background: linear-gradient(135deg, #F4ECFA 0%, #E6D9F5 50%, #D8C6F0 100%);
+  background-attachment: fixed;
+  color: var(--kimu-text-primary);
+}
+
+/* Lavender field effect */
+body::before {
+  content: '';
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 30%;
+  background: linear-gradient(to top, 
+    rgba(155, 126, 189, 0.2) 0%,
+    rgba(155, 126, 189, 0.1) 50%,
+    transparent 100%
+  );
+  pointer-events: none;
+  z-index: 0;
+}
+
+/* Soft glow on hover */
+button:hover,
+a:hover {
+  box-shadow: 0 0 20px rgba(155, 126, 189, 0.5);
+  transition: all 0.3s ease;
+}
+
+/* Relaxing pulse animation */
+@keyframes lavender-pulse {
+  0%, 100% {
+    box-shadow: 0 0 10px rgba(155, 126, 189, 0.3);
+  }
+  50% {
+    box-shadow: 0 0 20px rgba(155, 126, 189, 0.5);
+  }
+}

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

@@ -0,0 +1,79 @@
+/**
+ * KIMU Light Theme
+ * Clean and bright theme for daytime use
+ * 
+ * This file OVERRIDES the default CSS variables defined in style.css
+ * When this theme is loaded, these values take precedence.
+ */
+
+:root {
+  /* Primary colors */
+  --kimu-primary: #667eea;
+  --kimu-primary-light: #818cf8;
+  --kimu-primary-dark: #5a67d8;
+  --kimu-text-on-primary: #ffffff;
+  
+  /* Accent colors */
+  --kimu-accent: #764ba2;
+  --kimu-accent-light: #9f7aea;
+  --kimu-accent-dark: #6b46c1;
+  --kimu-text-on-accent: #ffffff;
+  
+  /* Background colors */
+  --kimu-background: #ffffff;
+  --kimu-background-alt: #f7fafc;
+  --kimu-surface: #ffffff;
+  
+  /* Text colors */
+  --kimu-text-primary: #1a202c;
+  --kimu-text-secondary: #4a5568;
+  --kimu-text-disabled: #a0aec0;
+  
+  /* Semantic colors */
+  --kimu-success: #22c55e;
+  --kimu-success-light: #4ade80;
+  --kimu-success-dark: #16a34a;
+  
+  --kimu-warning: #f59e0b;
+  --kimu-warning-light: #fbbf24;
+  --kimu-warning-dark: #d97706;
+  
+  --kimu-error: #ef4444;
+  --kimu-error-light: #f87171;
+  --kimu-error-dark: #dc2626;
+  
+  --kimu-info: #3b82f6;
+  --kimu-info-light: #60a5fa;
+  --kimu-info-dark: #2563eb;
+  
+  /* Borders and dividers */
+  --kimu-border: #e2e8f0;
+  --kimu-divider: #cbd5e0;
+  
+  /* Shadows */
+  --kimu-shadow: rgba(0, 0, 0, 0.1);
+  --kimu-shadow-light: rgba(0, 0, 0, 0.05);
+  --kimu-shadow-medium: rgba(0, 0, 0, 0.15);
+  --kimu-shadow-heavy: rgba(0, 0, 0, 0.25);
+  
+  /* Additional UI colors */
+  --kimu-card-bg: #ffffff;
+  --kimu-card-border: #e2e8f0;
+  --kimu-input-bg: #ffffff;
+  --kimu-input-border: #cbd5e0;
+  --kimu-input-focus: #667eea;
+  
+  /* Navigation */
+  --kimu-nav-bg: #ffffff;
+  --kimu-nav-text: #4a5568;
+  --kimu-nav-active: #667eea;
+  
+  /* Footer */
+  --kimu-footer-bg: #f7fafc;
+  --kimu-footer-text: #718096;
+}
+
+/* Smooth transitions for theme changes */
+* {
+  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
+}

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

@@ -0,0 +1,103 @@
+/**
+ * Matrix Theme - Green phosphorescent on black
+ * A hacker-style theme inspired by The Matrix
+ */
+
+:root {
+  /* Main colors */
+  --kimu-background: linear-gradient(135deg, #000000 0%, #0A0A0A 50%, #001100 100%);
+  --kimu-surface: rgba(0, 255, 65, 0.05);
+  --kimu-surface-elevated: rgba(0, 255, 65, 0.1);
+  
+  /* Text colors */
+  --kimu-text-primary: #00FF41;
+  --kimu-text-secondary: #00D936;
+  --kimu-text-tertiary: #00B32C;
+  --kimu-text-disabled: #008C23;
+  
+  /* Border colors */
+  --kimu-border: #00FF41;
+  --kimu-border-light: #33FF66;
+  --kimu-divider: rgba(0, 255, 65, 0.2);
+  
+  /* Accent colors */
+  --kimu-primary: #00FF41;
+  --kimu-primary-dark: #00D936;
+  --kimu-primary-light: #33FF66;
+  --kimu-secondary: #00E63B;
+  --kimu-accent: #66FF8C;
+  
+  /* State colors */
+  --kimu-success: #00FF41;
+  --kimu-warning: #FFFF00;
+  --kimu-error: #FF0000;
+  --kimu-info: #00FFFF;
+  
+  /* Shadow */
+  --kimu-shadow: rgba(0, 255, 65, 0.3);
+  --kimu-shadow-strong: rgba(0, 255, 65, 0.6);
+  
+  /* Component colors */
+  --kimu-input-bg: rgba(0, 17, 0, 0.8);
+  --kimu-input-border: #00FF41;
+  --kimu-button-bg: #00FF41;
+  --kimu-button-hover: #33FF66;
+  --kimu-card-bg: rgba(0, 17, 0, 0.9);
+  
+  /* Font */
+  --kimu-font: 'Courier New', 'Consolas', monospace;
+}
+
+/* Body background with gradient */
+body {
+  background: linear-gradient(135deg, #000000 0%, #0A0A0A 50%, #001100 100%);
+  background-attachment: fixed;
+  color: var(--kimu-text-primary);
+  font-family: var(--kimu-font);
+}
+
+/* Matrix rain effect */
+@keyframes matrix-rain {
+  0% {
+    transform: translateY(-100%);
+    opacity: 1;
+  }
+  100% {
+    transform: translateY(100vh);
+    opacity: 0;
+  }
+}
+
+/* Digital glow effect */
+button:hover,
+a:hover {
+  box-shadow: 0 0 20px rgba(0, 255, 65, 0.8),
+              0 0 40px rgba(0, 255, 65, 0.4),
+              inset 0 0 10px rgba(0, 255, 65, 0.2);
+  text-shadow: 0 0 10px rgba(0, 255, 65, 0.8);
+}
+
+/* Text glow */
+body {
+  text-shadow: 0 0 5px rgba(0, 255, 65, 0.5);
+}
+
+/* Scanline effect */
+body::before {
+  content: '';
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: repeating-linear-gradient(
+    0deg,
+    rgba(0, 0, 0, 0.15) 0px,
+    transparent 1px,
+    transparent 2px,
+    rgba(0, 0, 0, 0.15) 3px
+  );
+  pointer-events: none;
+  z-index: 9999;
+  opacity: 0.3;
+}

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

@@ -0,0 +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;
+}

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

@@ -0,0 +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);
+}

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

@@ -0,0 +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%);
+}