omgkit 2.31.0 → 2.32.0

package/templates/design/themes/tech-ai/electric-cyan-v2.json

@@ -1,362 +0,0 @@
-{
-  "version": "2.0",
-  "name": "Electric Cyan V2",
-  "id": "electric-cyan-v2",
-  "category": "tech-ai",
-  "description": "Modern AI/SaaS aesthetic with cyan primary, featuring 12-step color scales, effects, and animations",
-
-  "colorSystem": {
-    "type": "radix",
-    "version": "3.0"
-  },
-
-  "scales": {
-    "primary": {
-      "name": "cyan",
-      "hue": 186,
-      "saturation": {
-        "light": { "low": 45, "high": 91 },
-        "dark": { "low": 50, "high": 91 }
-      },
-      "steps": {
-        "light": {
-          "1": "185 60% 99%",
-          "2": "185 55% 97%",
-          "3": "186 50% 93%",
-          "4": "186 55% 88%",
-          "5": "186 60% 82%",
-          "6": "186 65% 74%",
-          "7": "186 70% 62%",
-          "8": "186 80% 50%",
-          "9": "186 91% 42.7%",
-          "10": "186 92% 38%",
-          "11": "186 93% 32%",
-          "12": "186 95% 18%"
-        },
-        "dark": {
-          "1": "186 30% 7%",
-          "2": "186 35% 10%",
-          "3": "186 40% 14%",
-          "4": "186 45% 18%",
-          "5": "186 50% 22%",
-          "6": "186 55% 28%",
-          "7": "186 60% 35%",
-          "8": "186 70% 42%",
-          "9": "186 91% 42.7%",
-          "10": "186 88% 48%",
-          "11": "186 80% 60%",
-          "12": "186 70% 80%"
-        }
-      },
-      "alpha": {
-        "light": {
-          "1": "186 91% 42.7% / 0.05",
-          "2": "186 91% 42.7% / 0.1",
-          "3": "186 91% 42.7% / 0.15",
-          "4": "186 91% 42.7% / 0.2",
-          "5": "186 91% 42.7% / 0.3",
-          "6": "186 91% 42.7% / 0.4",
-          "7": "186 91% 42.7% / 0.5",
-          "8": "186 91% 42.7% / 0.6",
-          "9": "186 91% 42.7% / 0.7",
-          "10": "186 91% 42.7% / 0.8",
-          "11": "186 91% 42.7% / 0.9",
-          "12": "186 91% 42.7% / 0.95"
-        },
-        "dark": {
-          "1": "186 91% 50% / 0.05",
-          "2": "186 91% 50% / 0.1",
-          "3": "186 91% 50% / 0.15",
-          "4": "186 91% 50% / 0.2",
-          "5": "186 91% 50% / 0.3",
-          "6": "186 91% 50% / 0.4",
-          "7": "186 91% 50% / 0.5",
-          "8": "186 91% 50% / 0.6",
-          "9": "186 91% 50% / 0.7",
-          "10": "186 91% 50% / 0.8",
-          "11": "186 91% 50% / 0.9",
-          "12": "186 91% 50% / 0.95"
-        }
-      }
-    },
-    "neutral": {
-      "name": "slate",
-      "hue": 222,
-      "steps": {
-        "light": {
-          "1": "210 40% 99%",
-          "2": "210 40% 98%",
-          "3": "210 35% 96%",
-          "4": "210 30% 94%",
-          "5": "210 25% 91%",
-          "6": "210 20% 86%",
-          "7": "210 18% 78%",
-          "8": "210 16% 65%",
-          "9": "210 14% 50%",
-          "10": "210 12% 40%",
-          "11": "222 47% 11%",
-          "12": "222 84% 5%"
-        },
-        "dark": {
-          "1": "222 84% 5%",
-          "2": "222 50% 8%",
-          "3": "217 33% 17%",
-          "4": "217 30% 22%",
-          "5": "217 28% 28%",
-          "6": "217 26% 35%",
-          "7": "217 22% 45%",
-          "8": "217 20% 55%",
-          "9": "215 20% 65%",
-          "10": "215 18% 75%",
-          "11": "210 35% 88%",
-          "12": "210 40% 98%"
-        }
-      }
-    }
-  },
-
-  "semanticTokens": {
-    "light": {
-      "background": "0 0% 100%",
-      "foreground": { "$ref": "scales.neutral.steps.light.12" },
-      "surface": { "$ref": "scales.neutral.steps.light.2" },
-      "surface-hover": { "$ref": "scales.neutral.steps.light.3" },
-      "surface-active": { "$ref": "scales.neutral.steps.light.4" },
-      "primary": { "$ref": "scales.primary.steps.light.9" },
-      "primary-hover": { "$ref": "scales.primary.steps.light.10" },
-      "primary-foreground": "210 40% 98%",
-      "secondary": { "$ref": "scales.neutral.steps.light.3" },
-      "secondary-hover": { "$ref": "scales.neutral.steps.light.4" },
-      "secondary-foreground": { "$ref": "scales.neutral.steps.light.11" },
-      "muted": { "$ref": "scales.neutral.steps.light.3" },
-      "muted-foreground": { "$ref": "scales.neutral.steps.light.9" },
-      "accent": { "$ref": "scales.neutral.steps.light.3" },
-      "accent-hover": { "$ref": "scales.neutral.steps.light.4" },
-      "accent-foreground": { "$ref": "scales.neutral.steps.light.11" },
-      "border": { "$ref": "scales.neutral.steps.light.5" },
-      "border-hover": { "$ref": "scales.neutral.steps.light.6" },
-      "input": { "$ref": "scales.neutral.steps.light.5" },
-      "input-hover": { "$ref": "scales.neutral.steps.light.6" },
-      "ring": { "$ref": "scales.primary.steps.light.9" },
-      "ring-offset": "0 0% 100%",
-      "card": "0 0% 100%",
-      "card-foreground": { "$ref": "scales.neutral.steps.light.12" },
-      "popover": "0 0% 100%",
-      "popover-foreground": { "$ref": "scales.neutral.steps.light.12" },
-      "panel": { "$ref": "scales.neutral.steps.light.2" },
-      "panel-translucent": "0 0% 100% / 0.9",
-      "overlay": "0 0% 0% / 0.4"
-    },
-    "dark": {
-      "background": { "$ref": "scales.neutral.steps.dark.1" },
-      "foreground": { "$ref": "scales.neutral.steps.dark.12" },
-      "surface": { "$ref": "scales.neutral.steps.dark.2" },
-      "surface-hover": { "$ref": "scales.neutral.steps.dark.3" },
-      "surface-active": { "$ref": "scales.neutral.steps.dark.4" },
-      "primary": { "$ref": "scales.primary.steps.dark.9" },
-      "primary-hover": { "$ref": "scales.primary.steps.dark.10" },
-      "primary-foreground": { "$ref": "scales.neutral.steps.dark.1" },
-      "secondary": { "$ref": "scales.neutral.steps.dark.3" },
-      "secondary-hover": { "$ref": "scales.neutral.steps.dark.4" },
-      "secondary-foreground": { "$ref": "scales.neutral.steps.dark.12" },
-      "muted": { "$ref": "scales.neutral.steps.dark.3" },
-      "muted-foreground": { "$ref": "scales.neutral.steps.dark.9" },
-      "accent": { "$ref": "scales.neutral.steps.dark.3" },
-      "accent-hover": { "$ref": "scales.neutral.steps.dark.4" },
-      "accent-foreground": { "$ref": "scales.neutral.steps.dark.12" },
-      "border": { "$ref": "scales.neutral.steps.dark.3" },
-      "border-hover": { "$ref": "scales.neutral.steps.dark.4" },
-      "input": { "$ref": "scales.neutral.steps.dark.3" },
-      "input-hover": { "$ref": "scales.neutral.steps.dark.4" },
-      "ring": { "$ref": "scales.primary.steps.dark.9" },
-      "ring-offset": { "$ref": "scales.neutral.steps.dark.1" },
-      "card": { "$ref": "scales.neutral.steps.dark.1" },
-      "card-foreground": { "$ref": "scales.neutral.steps.dark.12" },
-      "popover": { "$ref": "scales.neutral.steps.dark.1" },
-      "popover-foreground": { "$ref": "scales.neutral.steps.dark.12" },
-      "panel": { "$ref": "scales.neutral.steps.dark.2" },
-      "panel-translucent": "222 84% 5% / 0.9",
-      "overlay": "0 0% 0% / 0.6"
-    }
-  },
-
-  "statusColors": {
-    "light": {
-      "destructive": "0 84% 60%",
-      "destructive-foreground": "0 0% 98%",
-      "success": "151 55% 42%",
-      "success-foreground": "0 0% 100%",
-      "warning": "39 100% 50%",
-      "warning-foreground": "39 40% 15%",
-      "info": "206 100% 50%",
-      "info-foreground": "0 0% 100%"
-    },
-    "dark": {
-      "destructive": "0 63% 31%",
-      "destructive-foreground": "0 0% 98%",
-      "success": "151 50% 45%",
-      "success-foreground": "0 0% 100%",
-      "warning": "39 90% 55%",
-      "warning-foreground": "39 80% 10%",
-      "info": "206 90% 55%",
-      "info-foreground": "0 0% 100%"
-    }
-  },
-
-  "chartColors": {
-    "1": { "$ref": "scales.primary.steps.light.9" },
-    "2": "262 83% 58%",
-    "3": "25 95% 53%",
-    "4": "142 76% 36%",
-    "5": "347 77% 50%"
-  },
-
-  "sidebarTokens": {
-    "light": {
-      "background": "0 0% 98%",
-      "foreground": { "$ref": "scales.neutral.steps.light.9" },
-      "primary": { "$ref": "scales.primary.steps.light.9" },
-      "primary-foreground": "0 0% 98%",
-      "accent": { "$ref": "scales.neutral.steps.light.3" },
-      "accent-foreground": { "$ref": "scales.neutral.steps.light.11" },
-      "border": { "$ref": "scales.neutral.steps.light.5" },
-      "ring": { "$ref": "scales.primary.steps.light.9" }
-    },
-    "dark": {
-      "background": { "$ref": "scales.neutral.steps.dark.1" },
-      "foreground": { "$ref": "scales.neutral.steps.dark.12" },
-      "primary": { "$ref": "scales.primary.steps.dark.9" },
-      "primary-foreground": "0 0% 100%",
-      "accent": { "$ref": "scales.neutral.steps.dark.3" },
-      "accent-foreground": { "$ref": "scales.neutral.steps.dark.12" },
-      "border": { "$ref": "scales.neutral.steps.dark.3" },
-      "ring": { "$ref": "scales.primary.steps.dark.9" }
-    }
-  },
-
-  "typography": {
-    "fontFamily": {
-      "sans": "Inter, system-ui, sans-serif",
-      "mono": "JetBrains Mono, monospace"
-    },
-    "fontFeatureSettings": "\"rlig\" 1, \"calt\" 1"
-  },
-
-  "spacing": {
-    "radius": "0.5rem",
-    "radiusLg": "var(--radius)",
-    "radiusMd": "calc(var(--radius) - 2px)",
-    "radiusSm": "calc(var(--radius) - 4px)"
-  },
-
-  "effects": {
-    "glassMorphism": {
-      "background": { "$ref": "scales.neutral.steps.light.1" },
-      "backdropBlur": "12px"
-    },
-    "glow": {
-      "default": "0 0 20px",
-      "lg": "0 0 40px",
-      "color": { "$ref": "scales.primary.steps.light.9" }
-    },
-    "gradient": {
-      "primary": {
-        "from": { "$ref": "scales.primary.steps.light.9" },
-        "to": { "$ref": "scales.primary.steps.light.11" },
-        "direction": "135deg"
-      },
-      "surface": {
-        "from": "0 0% 100%",
-        "to": { "$ref": "scales.neutral.steps.light.2" },
-        "direction": "180deg"
-      }
-    }
-  },
-
-  "animations": {
-    "shimmer": {
-      "duration": "8s",
-      "easing": "ease-in-out",
-      "iteration": "infinite",
-      "keyframes": {
-        "0%": { "backgroundPosition": "-200% 0" },
-        "100%": { "backgroundPosition": "200% 0" }
-      }
-    },
-    "pulse-glow": {
-      "duration": "2s",
-      "easing": "ease-in-out",
-      "iteration": "infinite",
-      "keyframes": {
-        "0%, 100%": { "boxShadow": "0 0 20px hsl(186 91% 42.7% / 0.3)" },
-        "50%": { "boxShadow": "0 0 40px hsl(186 91% 42.7% / 0.6)" }
-      }
-    },
-    "fade-in": {
-      "duration": "0.3s",
-      "easing": "ease-out",
-      "keyframes": {
-        "from": { "opacity": "0" },
-        "to": { "opacity": "1" }
-      }
-    },
-    "slide-up": {
-      "duration": "0.4s",
-      "easing": "cubic-bezier(0.16, 1, 0.3, 1)",
-      "keyframes": {
-        "from": { "transform": "translateY(10px)", "opacity": "0" },
-        "to": { "transform": "translateY(0)", "opacity": "1" }
-      }
-    }
-  },
-
-  "colors": {
-    "light": {
-      "background": "0 0% 100%",
-      "foreground": "222.2 84% 4.9%",
-      "primary": "186 91% 42.7%",
-      "primary-foreground": "210 40% 98%",
-      "secondary": "210 40% 96.1%",
-      "secondary-foreground": "222.2 47.4% 11.2%",
-      "muted": "210 40% 96.1%",
-      "muted-foreground": "215.4 16.3% 46.9%",
-      "accent": "210 40% 96.1%",
-      "accent-foreground": "222.2 47.4% 11.2%",
-      "destructive": "0 84.2% 60.2%",
-      "destructive-foreground": "210 40% 98%",
-      "border": "214.3 31.8% 91.4%",
-      "input": "214.3 31.8% 91.4%",
-      "ring": "186 91% 42.7%",
-      "card": "0 0% 100%",
-      "card-foreground": "222.2 84% 4.9%",
-      "popover": "0 0% 100%",
-      "popover-foreground": "222.2 84% 4.9%"
-    },
-    "dark": {
-      "background": "222.2 84% 4.9%",
-      "foreground": "210 40% 98%",
-      "primary": "186 91% 42.7%",
-      "primary-foreground": "222.2 47.4% 11.2%",
-      "secondary": "217.2 32.6% 17.5%",
-      "secondary-foreground": "210 40% 98%",
-      "muted": "217.2 32.6% 17.5%",
-      "muted-foreground": "215 20.2% 65.1%",
-      "accent": "217.2 32.6% 17.5%",
-      "accent-foreground": "210 40% 98%",
-      "destructive": "0 62.8% 30.6%",
-      "destructive-foreground": "210 40% 98%",
-      "border": "217.2 32.6% 17.5%",
-      "input": "217.2 32.6% 17.5%",
-      "ring": "186 91% 42.7%",
-      "card": "222.2 84% 4.9%",
-      "card-foreground": "210 40% 98%",
-      "popover": "222.2 84% 4.9%",
-      "popover-foreground": "210 40% 98%"
-    }
-  },
-  "radius": "0.5rem",
-  "fontFamily": {
-    "sans": "Inter, system-ui, sans-serif",
-    "mono": "JetBrains Mono, monospace"
-  }
-}