kimu-core 0.4.1 → 0.5.0

package/src/modules-repository/theme/themes/theme-cherry-blossom.css

@@ -1,78 +1,78 @@
-/**
- * Cherry Blossom Theme - Delicate pink sakura colors
- * A soft and elegant theme inspired by Japanese cherry blossoms
- */
-
-:root {
-  /* Main colors */
-  --kimu-background: linear-gradient(135deg, #FFE5EC 0%, #FFD6E0 50%, #FFC2D4 100%);
-  --kimu-surface: rgba(255, 194, 212, 0.2);
-  --kimu-surface-elevated: rgba(255, 194, 212, 0.3);
-  
-  /* Text colors */
-  --kimu-text-primary: #6B2E4F;
-  --kimu-text-secondary: #8B4A6F;
-  --kimu-text-tertiary: #A86B8F;
-  --kimu-text-disabled: #C28BAF;
-  
-  /* Border colors */
-  --kimu-border: #FFB3C6;
-  --kimu-border-light: #FFCCD9;
-  --kimu-divider: rgba(255, 179, 198, 0.3);
-  
-  /* Accent colors */
-  --kimu-primary: #FF9EBB;
-  --kimu-primary-dark: #FF85AA;
-  --kimu-primary-light: #FFB3C6;
-  --kimu-secondary: #FFAAC2;
-  --kimu-accent: #FFC2D4;
-  
-  /* State colors */
-  --kimu-success: #98D8C8;
-  --kimu-warning: #FFD93D;
-  --kimu-error: #FF6B9D;
-  --kimu-info: #C8A2D0;
-  
-  /* Shadow */
-  --kimu-shadow: rgba(255, 158, 187, 0.3);
-  --kimu-shadow-strong: rgba(255, 158, 187, 0.5);
-  
-  /* Component colors */
-  --kimu-input-bg: #FFFFFF;
-  --kimu-input-border: #FFB3C6;
-  --kimu-button-bg: #FF9EBB;
-  --kimu-button-hover: #FF85AA;
-  --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, #FFE5EC 0%, #FFD6E0 50%, #FFC2D4 100%);
-  background-attachment: fixed;
-  color: var(--kimu-text-primary);
-}
-
-/* Petal animation effect */
-@keyframes petal-fall {
-  0% {
-    transform: translateY(-10px) rotate(0deg);
-    opacity: 0;
-  }
-  50% {
-    opacity: 0.5;
-  }
-  100% {
-    transform: translateY(100vh) rotate(360deg);
-    opacity: 0;
-  }
-}
-
-/* Soft glow on hover */
-button:hover,
-a:hover {
-  box-shadow: 0 0 15px rgba(255, 158, 187, 0.6);
-  transition: all 0.3s ease;
-}
+/**
+ * Cherry Blossom Theme - Delicate pink sakura colors
+ * A soft and elegant theme inspired by Japanese cherry blossoms
+ */
+
+:root {
+  /* Main colors */
+  --kimu-background: linear-gradient(135deg, #FFE5EC 0%, #FFD6E0 50%, #FFC2D4 100%);
+  --kimu-surface: rgba(255, 194, 212, 0.2);
+  --kimu-surface-elevated: rgba(255, 194, 212, 0.3);
+  
+  /* Text colors */
+  --kimu-text-primary: #6B2E4F;
+  --kimu-text-secondary: #8B4A6F;
+  --kimu-text-tertiary: #A86B8F;
+  --kimu-text-disabled: #C28BAF;
+  
+  /* Border colors */
+  --kimu-border: #FFB3C6;
+  --kimu-border-light: #FFCCD9;
+  --kimu-divider: rgba(255, 179, 198, 0.3);
+  
+  /* Accent colors */
+  --kimu-primary: #FF9EBB;
+  --kimu-primary-dark: #FF85AA;
+  --kimu-primary-light: #FFB3C6;
+  --kimu-secondary: #FFAAC2;
+  --kimu-accent: #FFC2D4;
+  
+  /* State colors */
+  --kimu-success: #98D8C8;
+  --kimu-warning: #FFD93D;
+  --kimu-error: #FF6B9D;
+  --kimu-info: #C8A2D0;
+  
+  /* Shadow */
+  --kimu-shadow: rgba(255, 158, 187, 0.3);
+  --kimu-shadow-strong: rgba(255, 158, 187, 0.5);
+  
+  /* Component colors */
+  --kimu-input-bg: #FFFFFF;
+  --kimu-input-border: #FFB3C6;
+  --kimu-button-bg: #FF9EBB;
+  --kimu-button-hover: #FF85AA;
+  --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, #FFE5EC 0%, #FFD6E0 50%, #FFC2D4 100%);
+  background-attachment: fixed;
+  color: var(--kimu-text-primary);
+}
+
+/* Petal animation effect */
+@keyframes petal-fall {
+  0% {
+    transform: translateY(-10px) rotate(0deg);
+    opacity: 0;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    transform: translateY(100vh) rotate(360deg);
+    opacity: 0;
+  }
+}
+
+/* Soft glow on hover */
+button:hover,
+a:hover {
+  box-shadow: 0 0 15px rgba(255, 158, 187, 0.6);
+  transition: all 0.3s ease;
+}

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

@@ -1,111 +1,111 @@
-/**
- * KIMU Cozy Theme
- * Warm, feminine and cozy theme with soft colors
- * 
- * This file OVERRIDES the default CSS variables defined in style.css
- * When this theme is loaded, these values take precedence.
- */
-
-:root {
-  /* Primary colors - Soft pinks and purples */
-  --kimu-primary: #ec4899;
-  --kimu-primary-light: #f472b6;
-  --kimu-primary-dark: #db2777;
-  --kimu-text-on-primary: #ffffff;
-  
-  /* Accent colors - Warm coral/peach */
-  --kimu-accent: #fb923c;
-  --kimu-accent-light: #fdba74;
-  --kimu-accent-dark: #f97316;
-  --kimu-text-on-accent: #ffffff;
-  
-  /* Background colors - Soft creams and beiges */
-  --kimu-background: #fef3f2;
-  --kimu-background-alt: #fff1f0;
-  --kimu-surface: #ffffff;
-  
-  /* Text colors - Warm darks */
-  --kimu-text-primary: #431407;
-  --kimu-text-secondary: #78350f;
-  --kimu-text-disabled: #d97706;
-  
-  /* Semantic colors */
-  --kimu-success: #86efac;
-  --kimu-success-light: #bbf7d0;
-  --kimu-success-dark: #4ade80;
-  
-  --kimu-warning: #fbbf24;
-  --kimu-warning-light: #fde047;
-  --kimu-warning-dark: #f59e0b;
-  
-  --kimu-error: #f87171;
-  --kimu-error-light: #fca5a5;
-  --kimu-error-dark: #ef4444;
-  
-  --kimu-info: #93c5fd;
-  --kimu-info-light: #bfdbfe;
-  --kimu-info-dark: #60a5fa;
-  
-  /* Borders and dividers */
-  --kimu-border: #fed7d7;
-  --kimu-divider: #fecaca;
-  
-  /* Shadows - Soft pink tint */
-  --kimu-shadow: rgba(236, 72, 153, 0.1);
-  --kimu-shadow-light: rgba(236, 72, 153, 0.05);
-  --kimu-shadow-medium: rgba(236, 72, 153, 0.15);
-  --kimu-shadow-heavy: rgba(236, 72, 153, 0.25);
-  
-  /* Additional UI colors */
-  --kimu-card-bg: #fffbeb;
-  --kimu-card-border: #fed7aa;
-  --kimu-input-bg: #ffffff;
-  --kimu-input-border: #fecaca;
-  --kimu-input-focus: #ec4899;
-  
-  /* Navigation */
-  --kimu-nav-bg: #fef3c7;
-  --kimu-nav-text: #78350f;
-  --kimu-nav-active: #ec4899;
-  
-  /* Footer */
-  --kimu-footer-bg: #fff7ed;
-  --kimu-footer-text: #c2410c;
-}
-
-/* Smooth transitions for theme changes */
-* {
-  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
-}
-
-/* Cozy gradient background */
-body {
-  background: linear-gradient(135deg, #fef3f2 0%, #fff1f0 50%, #fffbeb 100%);
-}
-
-/* Soft rounded corners for cozy feel */
-.kimu-card,
-.kimu-button,
-.kimu-input {
-  border-radius: 16px;
-}
-
-/* Subtle texture overlay (optional) */
-body::before {
-  content: '';
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background-image: 
-    repeating-linear-gradient(
-      45deg,
-      transparent,
-      transparent 10px,
-      rgba(255, 255, 255, 0.03) 10px,
-      rgba(255, 255, 255, 0.03) 20px
-    );
-  pointer-events: none;
-  z-index: -1;
-}
+/**
+ * KIMU Cozy Theme
+ * Warm, feminine and cozy theme with soft colors
+ * 
+ * This file OVERRIDES the default CSS variables defined in style.css
+ * When this theme is loaded, these values take precedence.
+ */
+
+:root {
+  /* Primary colors - Soft pinks and purples */
+  --kimu-primary: #ec4899;
+  --kimu-primary-light: #f472b6;
+  --kimu-primary-dark: #db2777;
+  --kimu-text-on-primary: #ffffff;
+  
+  /* Accent colors - Warm coral/peach */
+  --kimu-accent: #fb923c;
+  --kimu-accent-light: #fdba74;
+  --kimu-accent-dark: #f97316;
+  --kimu-text-on-accent: #ffffff;
+  
+  /* Background colors - Soft creams and beiges */
+  --kimu-background: #fef3f2;
+  --kimu-background-alt: #fff1f0;
+  --kimu-surface: #ffffff;
+  
+  /* Text colors - Warm darks */
+  --kimu-text-primary: #431407;
+  --kimu-text-secondary: #78350f;
+  --kimu-text-disabled: #d97706;
+  
+  /* Semantic colors */
+  --kimu-success: #86efac;
+  --kimu-success-light: #bbf7d0;
+  --kimu-success-dark: #4ade80;
+  
+  --kimu-warning: #fbbf24;
+  --kimu-warning-light: #fde047;
+  --kimu-warning-dark: #f59e0b;
+  
+  --kimu-error: #f87171;
+  --kimu-error-light: #fca5a5;
+  --kimu-error-dark: #ef4444;
+  
+  --kimu-info: #93c5fd;
+  --kimu-info-light: #bfdbfe;
+  --kimu-info-dark: #60a5fa;
+  
+  /* Borders and dividers */
+  --kimu-border: #fed7d7;
+  --kimu-divider: #fecaca;
+  
+  /* Shadows - Soft pink tint */
+  --kimu-shadow: rgba(236, 72, 153, 0.1);
+  --kimu-shadow-light: rgba(236, 72, 153, 0.05);
+  --kimu-shadow-medium: rgba(236, 72, 153, 0.15);
+  --kimu-shadow-heavy: rgba(236, 72, 153, 0.25);
+  
+  /* Additional UI colors */
+  --kimu-card-bg: #fffbeb;
+  --kimu-card-border: #fed7aa;
+  --kimu-input-bg: #ffffff;
+  --kimu-input-border: #fecaca;
+  --kimu-input-focus: #ec4899;
+  
+  /* Navigation */
+  --kimu-nav-bg: #fef3c7;
+  --kimu-nav-text: #78350f;
+  --kimu-nav-active: #ec4899;
+  
+  /* Footer */
+  --kimu-footer-bg: #fff7ed;
+  --kimu-footer-text: #c2410c;
+}
+
+/* Smooth transitions for theme changes */
+* {
+  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
+}
+
+/* Cozy gradient background */
+body {
+  background: linear-gradient(135deg, #fef3f2 0%, #fff1f0 50%, #fffbeb 100%);
+}
+
+/* Soft rounded corners for cozy feel */
+.kimu-card,
+.kimu-button,
+.kimu-input {
+  border-radius: 16px;
+}
+
+/* Subtle texture overlay (optional) */
+body::before {
+  content: '';
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-image: 
+    repeating-linear-gradient(
+      45deg,
+      transparent,
+      transparent 10px,
+      rgba(255, 255, 255, 0.03) 10px,
+      rgba(255, 255, 255, 0.03) 20px
+    );
+  pointer-events: none;
+  z-index: -1;
+}

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

@@ -1,150 +1,150 @@
-/**
- * Cyberpunk Theme - Futuristic neon aesthetic
- * 
- * Inspired by cyberpunk aesthetics with neon colors,
- * dark backgrounds, and electric accents
- */
-
-:root {
-  /* Primary Colors - Neon Cyan */
-  --kimu-primary: #00F0FF;
-  --kimu-primary-hover: #33F3FF;
-  --kimu-primary-active: #00D0E0;
-  --kimu-primary-light: rgba(0, 240, 255, 0.15);
-
-  /* Secondary Colors - Electric Pink */
-  --kimu-secondary: #FF006E;
-  --kimu-secondary-hover: #FF3388;
-  --kimu-secondary-active: #E0005E;
-
-  /* Accent Colors - Neon Purple */
-  --kimu-accent: #B100FF;
-  --kimu-accent-hover: #C433FF;
-  --kimu-accent-active: #9900E0;
-
-  /* Background Colors - Deep Dark */
-  --kimu-bg-primary: #0A0A0F;
-  --kimu-bg-secondary: #14141F;
-  --kimu-bg-tertiary: #1E1E2E;
-  --kimu-bg-hover: #28283D;
-
-  /* Text Colors - Bright Neon */
-  --kimu-text-primary: #F0F0FF;
-  --kimu-text-secondary: #C0C0E0;
-  --kimu-text-tertiary: #9090C0;
-  --kimu-text-disabled: #505070;
-
-  /* Border Colors - Glowing edges */
-  --kimu-border: #00F0FF;
-  --kimu-border-light: rgba(0, 240, 255, 0.3);
-  --kimu-border-strong: #FF006E;
-
-  /* Status Colors - Neon Palette */
-  --kimu-success: #00FF88;
-  --kimu-warning: #FFD700;
-  --kimu-error: #FF0055;
-  --kimu-info: #00CCFF;
-
-  /* Shadows - Glowing effects */
-  --kimu-shadow-sm: 0 0 10px rgba(0, 240, 255, 0.3);
-  --kimu-shadow-md: 0 0 20px rgba(0, 240, 255, 0.4);
-  --kimu-shadow-lg: 0 0 30px rgba(0, 240, 255, 0.5);
-
-  /* Additional Component-specific Colors */
-  --kimu-card-bg: var(--kimu-bg-secondary);
-  --kimu-input-bg: var(--kimu-bg-tertiary);
-  --kimu-input-border: var(--kimu-border-light);
-  --kimu-input-focus: var(--kimu-primary);
-
-  /* Links - Neon glow */
-  --kimu-link: var(--kimu-primary);
-  --kimu-link-hover: var(--kimu-secondary);
-
-  /* Overlays */
-  --kimu-overlay: rgba(10, 10, 15, 0.9);
-}
-
-/* Cyberpunk-specific styling */
-body {
-  color: var(--kimu-text-primary);
-  background: var(--kimu-bg-primary);
-  font-family: 'Courier New', 'Consolas', monospace;
-}
-
-/* Add subtle grid background */
-body::before {
-  content: '';
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-image: 
-    linear-gradient(rgba(0, 240, 255, 0.03) 1px, transparent 1px),
-    linear-gradient(90deg, rgba(0, 240, 255, 0.03) 1px, transparent 1px);
-  background-size: 50px 50px;
-  pointer-events: none;
-  z-index: -1;
-}
-
-/* Glowing text effect for headers */
-h1, h2, h3, h4, h5, h6 {
-  color: var(--kimu-primary);
-  text-shadow: 0 0 10px rgba(0, 240, 255, 0.5);
-}
-
-/* Button glow effects */
-button {
-  box-shadow: 0 0 10px rgba(0, 240, 255, 0.3);
-  transition: all 0.3s ease;
-}
-
-button:hover {
-  box-shadow: 0 0 20px rgba(0, 240, 255, 0.6);
-  transform: translateY(-2px);
-}
-
-/* Input glow on focus */
-input:focus,
-textarea:focus,
-select:focus {
-  box-shadow: 0 0 15px rgba(0, 240, 255, 0.5);
-  border-color: var(--kimu-primary);
-}
-
-/* Link neon glow */
-a {
-  text-shadow: 0 0 5px rgba(0, 240, 255, 0.5);
-  transition: all 0.3s ease;
-}
-
-a:hover {
-  text-shadow: 0 0 10px rgba(255, 0, 110, 0.8);
-}
-
-/* Scrollbar - Neon style */
-::-webkit-scrollbar {
-  width: 12px;
-  height: 12px;
-}
-
-::-webkit-scrollbar-track {
-  background: var(--kimu-bg-secondary);
-  border: 1px solid rgba(0, 240, 255, 0.2);
-}
-
-::-webkit-scrollbar-thumb {
-  background: linear-gradient(180deg, #00F0FF, #B100FF);
-  border-radius: 6px;
-  box-shadow: 0 0 10px rgba(0, 240, 255, 0.5);
-}
-
-::-webkit-scrollbar-thumb:hover {
-  box-shadow: 0 0 15px rgba(0, 240, 255, 0.8);
-}
-
-/* Selection glow */
-::selection {
-  background: rgba(0, 240, 255, 0.3);
-  text-shadow: 0 0 5px rgba(0, 240, 255, 0.8);
-}
+/**
+ * Cyberpunk Theme - Futuristic neon aesthetic
+ * 
+ * Inspired by cyberpunk aesthetics with neon colors,
+ * dark backgrounds, and electric accents
+ */
+
+:root {
+  /* Primary Colors - Neon Cyan */
+  --kimu-primary: #00F0FF;
+  --kimu-primary-hover: #33F3FF;
+  --kimu-primary-active: #00D0E0;
+  --kimu-primary-light: rgba(0, 240, 255, 0.15);
+
+  /* Secondary Colors - Electric Pink */
+  --kimu-secondary: #FF006E;
+  --kimu-secondary-hover: #FF3388;
+  --kimu-secondary-active: #E0005E;
+
+  /* Accent Colors - Neon Purple */
+  --kimu-accent: #B100FF;
+  --kimu-accent-hover: #C433FF;
+  --kimu-accent-active: #9900E0;
+
+  /* Background Colors - Deep Dark */
+  --kimu-bg-primary: #0A0A0F;
+  --kimu-bg-secondary: #14141F;
+  --kimu-bg-tertiary: #1E1E2E;
+  --kimu-bg-hover: #28283D;
+
+  /* Text Colors - Bright Neon */
+  --kimu-text-primary: #F0F0FF;
+  --kimu-text-secondary: #C0C0E0;
+  --kimu-text-tertiary: #9090C0;
+  --kimu-text-disabled: #505070;
+
+  /* Border Colors - Glowing edges */
+  --kimu-border: #00F0FF;
+  --kimu-border-light: rgba(0, 240, 255, 0.3);
+  --kimu-border-strong: #FF006E;
+
+  /* Status Colors - Neon Palette */
+  --kimu-success: #00FF88;
+  --kimu-warning: #FFD700;
+  --kimu-error: #FF0055;
+  --kimu-info: #00CCFF;
+
+  /* Shadows - Glowing effects */
+  --kimu-shadow-sm: 0 0 10px rgba(0, 240, 255, 0.3);
+  --kimu-shadow-md: 0 0 20px rgba(0, 240, 255, 0.4);
+  --kimu-shadow-lg: 0 0 30px rgba(0, 240, 255, 0.5);
+
+  /* Additional Component-specific Colors */
+  --kimu-card-bg: var(--kimu-bg-secondary);
+  --kimu-input-bg: var(--kimu-bg-tertiary);
+  --kimu-input-border: var(--kimu-border-light);
+  --kimu-input-focus: var(--kimu-primary);
+
+  /* Links - Neon glow */
+  --kimu-link: var(--kimu-primary);
+  --kimu-link-hover: var(--kimu-secondary);
+
+  /* Overlays */
+  --kimu-overlay: rgba(10, 10, 15, 0.9);
+}
+
+/* Cyberpunk-specific styling */
+body {
+  color: var(--kimu-text-primary);
+  background: var(--kimu-bg-primary);
+  font-family: 'Courier New', 'Consolas', monospace;
+}
+
+/* Add subtle grid background */
+body::before {
+  content: '';
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: 
+    linear-gradient(rgba(0, 240, 255, 0.03) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(0, 240, 255, 0.03) 1px, transparent 1px);
+  background-size: 50px 50px;
+  pointer-events: none;
+  z-index: -1;
+}
+
+/* Glowing text effect for headers */
+h1, h2, h3, h4, h5, h6 {
+  color: var(--kimu-primary);
+  text-shadow: 0 0 10px rgba(0, 240, 255, 0.5);
+}
+
+/* Button glow effects */
+button {
+  box-shadow: 0 0 10px rgba(0, 240, 255, 0.3);
+  transition: all 0.3s ease;
+}
+
+button:hover {
+  box-shadow: 0 0 20px rgba(0, 240, 255, 0.6);
+  transform: translateY(-2px);
+}
+
+/* Input glow on focus */
+input:focus,
+textarea:focus,
+select:focus {
+  box-shadow: 0 0 15px rgba(0, 240, 255, 0.5);
+  border-color: var(--kimu-primary);
+}
+
+/* Link neon glow */
+a {
+  text-shadow: 0 0 5px rgba(0, 240, 255, 0.5);
+  transition: all 0.3s ease;
+}
+
+a:hover {
+  text-shadow: 0 0 10px rgba(255, 0, 110, 0.8);
+}
+
+/* Scrollbar - Neon style */
+::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--kimu-bg-secondary);
+  border: 1px solid rgba(0, 240, 255, 0.2);
+}
+
+::-webkit-scrollbar-thumb {
+  background: linear-gradient(180deg, #00F0FF, #B100FF);
+  border-radius: 6px;
+  box-shadow: 0 0 10px rgba(0, 240, 255, 0.5);
+}
+
+::-webkit-scrollbar-thumb:hover {
+  box-shadow: 0 0 15px rgba(0, 240, 255, 0.8);
+}
+
+/* Selection glow */
+::selection {
+  background: rgba(0, 240, 255, 0.3);
+  text-shadow: 0 0 5px rgba(0, 240, 255, 0.8);
+}