@almadar/core 10.111.0 → 10.112.0

package/themes/vaporwave.json

@@ -0,0 +1,420 @@
+{
+  "name": "vaporwave",
+  "displayName": "Vaporwave",
+  "tokens": {
+    "density": {
+      "spacing": {
+        "space0": "0px",
+        "space1": "4px",
+        "space2": "8px",
+        "space3": "12px",
+        "space4": "16px",
+        "space5": "20px",
+        "space6": "24px",
+        "space7": "28px",
+        "space8": "32px",
+        "space9": "36px",
+        "space10": "40px",
+        "space11": "44px",
+        "space12": "48px"
+      },
+      "buttonHeightSm": "28px",
+      "buttonHeightMd": "36px",
+      "buttonHeightLg": "46px",
+      "inputHeightSm": "28px",
+      "inputHeightMd": "36px",
+      "inputHeightLg": "46px",
+      "rowHeightCompact": "32px",
+      "rowHeightNormal": "40px",
+      "rowHeightSpacious": "48px",
+      "cardPaddingSm": "12px",
+      "cardPaddingMd": "16px",
+      "cardPaddingLg": "24px",
+      "dialogPadding": "24px",
+      "sectionGap": "32px"
+    },
+    "typeScale": {
+      "displayFamily": "\"VT323\", \"Space Mono\", monospace",
+      "bodyFamily": "\"DotGothic16\", \"Space Mono\", monospace",
+      "monoFamily": "\"Space Mono\", ui-monospace, monospace",
+      "fontImport": "https://fonts.googleapis.com/css2?family=VT323&family=DotGothic16&family=Space+Mono:wght@400;700&display=swap",
+      "headingWeight": "400",
+      "headingTransform": "uppercase",
+      "headingTracking": "0.12em",
+      "headingStyle": "normal",
+      "headingShadow": "1px 0 rgba(255,0,200,0.7), -1px 0 rgba(0,200,216,0.7)",
+      "scale": {
+        "xs": {
+          "size": "12px",
+          "lineHeight": "18px"
+        },
+        "sm": {
+          "size": "14px",
+          "lineHeight": "20px"
+        },
+        "base": {
+          "size": "15px",
+          "lineHeight": "24px"
+        },
+        "lg": {
+          "size": "17px",
+          "lineHeight": "26px"
+        },
+        "xl": {
+          "size": "20px",
+          "lineHeight": "28px"
+        },
+        "2xl": {
+          "size": "26px",
+          "lineHeight": "32px"
+        },
+        "3xl": {
+          "size": "32px",
+          "lineHeight": "38px"
+        },
+        "4xl": {
+          "size": "40px",
+          "lineHeight": "44px"
+        },
+        "display-1": {
+          "size": "52px",
+          "lineHeight": "56px"
+        },
+        "display-2": {
+          "size": "68px",
+          "lineHeight": "72px"
+        }
+      },
+      "intents": {
+        "headingMajor": {
+          "slot": "display",
+          "size": "2xl",
+          "weight": "normal"
+        },
+        "headingMinor": {
+          "slot": "display",
+          "size": "lg",
+          "weight": "normal"
+        },
+        "bodyEmphasis": {
+          "slot": "body",
+          "size": "base",
+          "weight": "medium"
+        },
+        "bodyDefault": {
+          "slot": "body",
+          "size": "sm",
+          "weight": "normal"
+        },
+        "bodyQuiet": {
+          "slot": "body",
+          "size": "sm",
+          "weight": "normal"
+        },
+        "caption": {
+          "slot": "body",
+          "size": "xs",
+          "weight": "normal"
+        },
+        "numeric": {
+          "slot": "mono",
+          "size": "sm",
+          "weight": "medium"
+        }
+      }
+    },
+    "motion": {
+      "durations": {
+        "instant": "0ms",
+        "fast": "100ms",
+        "normal": "180ms",
+        "slow": "300ms",
+        "dramatic": "500ms"
+      },
+      "easings": {
+        "linear": "steps(3, end)",
+        "standard": "steps(3, end)",
+        "emphasized": "steps(3, end)",
+        "spring": "steps(3, end)"
+      },
+      "shapes": {
+        "modalEnter": "scaleY(0.02)",
+        "modalExit": "scaleY(0.02)",
+        "pageEnter": "translateX(-16px)",
+        "popoverEnter": "scaleY(0.1)",
+        "popoverExit": "scaleY(0.1)",
+        "toastEnter": "translateX(24px)",
+        "toastExit": "translateX(24px)"
+      }
+    },
+    "iconography": {
+      "family": "tabler",
+      "strokeWidth": "2",
+      "defaultSize": "16px"
+    },
+    "elevation": {
+      "cardElevation": "var(--shadow-main)",
+      "popoverElevation": "var(--shadow-lg)",
+      "dialogElevation": "var(--shadow-lg)",
+      "toastElevation": "var(--shadow-lg)",
+      "interactiveElevation": "var(--shadow-sm)",
+      "pressedElevation": "var(--shadow-active)"
+    },
+    "geometry": {
+      "radiusContainer": "2px",
+      "radiusInteractive": "0px",
+      "radiusPill": "2px",
+      "cornerShape": "round",
+      "cornerShapePill": "round",
+      "borderStyle": "solid",
+      "borderStyleInteractive": "solid",
+      "borderHairline": "1px",
+      "borderStandard": "var(--border-width)",
+      "borderHeavy": "var(--border-width-thick)"
+    },
+    "surface": {
+      "pageImage": "linear-gradient(180deg, rgba(255, 150, 190, 0.35) 0%, transparent 60%), repeating-linear-gradient(0deg, rgba(106, 27, 209, 0.14) 0px, rgba(106, 27, 209, 0.14) 1px, transparent 1px, transparent 40px), repeating-linear-gradient(90deg, rgba(106, 27, 209, 0.14) 0px, rgba(106, 27, 209, 0.14) 1px, transparent 1px, transparent 40px)",
+      "pageImageSize": "auto"
+    },
+    "colors": {
+      "primary": "#c4008f",
+      "primary-hover": "#a00074",
+      "primary-foreground": "#ffffff",
+      "secondary": "#34d6e0",
+      "secondary-hover": "#1cc2cc",
+      "secondary-foreground": "#00262b",
+      "accent": "#6a1bd1",
+      "accent-foreground": "#ffffff",
+      "muted": "#f3d4ec",
+      "muted-foreground": "#5a2a6a",
+      "background": "#ffe4f3",
+      "foreground": "#2a0a4a",
+      "card": "#fff6fb",
+      "card-foreground": "#2a0a4a",
+      "surface": "#ffeef8",
+      "border": "#c4008f",
+      "input": "#6a1bd1",
+      "ring": "#00a0aa",
+      "table-header": "#ffeef8",
+      "table-border": "#c4008f",
+      "table-row-hover": "#ffd6ee",
+      "surface-hover": "#ffd6ee",
+      "border-hover": "#c4008f",
+      "placeholder": "#7a4a8a",
+      "error": "#c4002a",
+      "error-foreground": "#ffffff",
+      "success": "#00703a",
+      "success-foreground": "#ffffff",
+      "warning": "#ffb000",
+      "warning-foreground": "#2a1800",
+      "info": "#0060c4",
+      "info-foreground": "#ffffff"
+    },
+    "radii": {
+      "none": "0px",
+      "sm": "0px",
+      "md": "2px",
+      "lg": "2px",
+      "xl": "4px",
+      "full": "2px"
+    },
+    "shadows": {
+      "main": "0 0 14px rgba(196,0,143,.4), 0 0 2px rgba(196,0,143,.9)",
+      "sm": "0 0 6px rgba(196,0,143,.35)",
+      "lg": "0 0 24px rgba(196,0,143,.5), 0 0 4px rgba(196,0,143,.9)",
+      "inner": "inset 0 0 8px rgba(196,0,143,.25)",
+      "none": "none",
+      "hover": "0 0 20px rgba(0,183,194,.7), 0 0 3px rgba(0,183,194,1)",
+      "active": "inset 0 0 10px rgba(196,0,143,.5)"
+    },
+    "typography": {
+      "border-width": "2px",
+      "border-width-thin": "1px",
+      "border-width-thick": "3px",
+      "font-family": "\"DotGothic16\", \"Space Mono\", monospace",
+      "font-weight-normal": "400",
+      "font-weight-medium": "500",
+      "font-weight-bold": "700",
+      "letter-spacing": "0em",
+      "line-height": "1.55",
+      "icon-color": "#c4008f",
+      "transition-fast": "100ms",
+      "transition-normal": "180ms",
+      "transition-slow": "300ms",
+      "transition-timing": "steps(3, end)",
+      "hover-scale": "1.0",
+      "hover-translate-y": "-1px",
+      "hover-translate-x": "1px",
+      "active-scale": "0.98",
+      "active-translate-y": "0px",
+      "focus-ring-width": "2px",
+      "focus-ring-offset": "2px",
+      "focus-ring-color": "#00a0aa"
+    }
+  },
+  "variants": {
+    "dark": {
+      "typeScale": {
+        "displayFamily": "\"VT323\", \"Space Mono\", monospace",
+        "bodyFamily": "\"DotGothic16\", \"Space Mono\", monospace",
+        "monoFamily": "\"Space Mono\", ui-monospace, monospace",
+        "fontImport": "https://fonts.googleapis.com/css2?family=VT323&family=DotGothic16&family=Space+Mono:wght@400;700&display=swap",
+        "headingWeight": "400",
+        "headingTransform": "uppercase",
+        "headingTracking": "0.12em",
+        "headingStyle": "normal",
+        "headingShadow": "1px 0 rgba(255,0,200,0.7), -1px 0 rgba(0,240,255,0.7)",
+        "scale": {
+          "xs": {
+            "size": "12px",
+            "lineHeight": "18px"
+          },
+          "sm": {
+            "size": "14px",
+            "lineHeight": "20px"
+          },
+          "base": {
+            "size": "15px",
+            "lineHeight": "24px"
+          },
+          "lg": {
+            "size": "17px",
+            "lineHeight": "26px"
+          },
+          "xl": {
+            "size": "20px",
+            "lineHeight": "28px"
+          },
+          "2xl": {
+            "size": "26px",
+            "lineHeight": "32px"
+          },
+          "3xl": {
+            "size": "32px",
+            "lineHeight": "38px"
+          },
+          "4xl": {
+            "size": "40px",
+            "lineHeight": "44px"
+          },
+          "display-1": {
+            "size": "52px",
+            "lineHeight": "56px"
+          },
+          "display-2": {
+            "size": "68px",
+            "lineHeight": "72px"
+          }
+        },
+        "intents": {
+          "headingMajor": {
+            "slot": "display",
+            "size": "2xl",
+            "weight": "normal"
+          },
+          "headingMinor": {
+            "slot": "display",
+            "size": "lg",
+            "weight": "normal"
+          },
+          "bodyEmphasis": {
+            "slot": "body",
+            "size": "base",
+            "weight": "medium"
+          },
+          "bodyDefault": {
+            "slot": "body",
+            "size": "sm",
+            "weight": "normal"
+          },
+          "bodyQuiet": {
+            "slot": "body",
+            "size": "sm",
+            "weight": "normal"
+          },
+          "caption": {
+            "slot": "body",
+            "size": "xs",
+            "weight": "normal"
+          },
+          "numeric": {
+            "slot": "mono",
+            "size": "sm",
+            "weight": "medium"
+          }
+        }
+      },
+      "surface": {
+        "pageImage": "linear-gradient(180deg, rgba(255, 61, 203, 0.28) 0%, transparent 60%), repeating-linear-gradient(0deg, rgba(0, 240, 255, 0.18) 0px, rgba(0, 240, 255, 0.18) 1px, transparent 1px, transparent 40px), repeating-linear-gradient(90deg, rgba(0, 240, 255, 0.18) 0px, rgba(0, 240, 255, 0.18) 1px, transparent 1px, transparent 40px)",
+        "pageImageSize": "auto"
+      },
+      "colors": {
+        "primary": "#ff3dcb",
+        "primary-hover": "#ff70d8",
+        "primary-foreground": "#1a0030",
+        "secondary": "#00f0ff",
+        "secondary-hover": "#5cf6ff",
+        "secondary-foreground": "#001a2a",
+        "accent": "#b388ff",
+        "accent-foreground": "#1a0030",
+        "muted": "#3a1d7a",
+        "muted-foreground": "#e0cffb",
+        "background": "#1a0b3a",
+        "foreground": "#f8e9ff",
+        "card": "#28125a",
+        "card-foreground": "#f8e9ff",
+        "surface": "#220f4c",
+        "border": "#ff3dcb",
+        "input": "#00f0ff",
+        "ring": "#00f0ff",
+        "table-header": "#220f4c",
+        "table-border": "#ff3dcb",
+        "table-row-hover": "#36197a",
+        "surface-hover": "#36197a",
+        "border-hover": "#ff3dcb",
+        "placeholder": "#a58fd0",
+        "error": "#ff4d6d",
+        "error-foreground": "#2a0010",
+        "success": "#2bff9a",
+        "success-foreground": "#002a14",
+        "warning": "#ffd60a",
+        "warning-foreground": "#2a2000",
+        "info": "#4dc3ff",
+        "info-foreground": "#001a2e"
+      },
+      "shadows": {
+        "main": "0 0 14px rgba(255,61,203,.55), 0 0 2px #ff3dcb",
+        "sm": "0 0 6px rgba(255,61,203,.5)",
+        "lg": "0 0 26px rgba(255,61,203,.6), 0 0 4px #ff3dcb",
+        "inner": "inset 0 0 8px rgba(0,240,255,.3)",
+        "none": "none",
+        "hover": "0 0 20px rgba(0,240,255,.75), 0 0 3px #00f0ff",
+        "active": "inset 0 0 10px rgba(255,61,203,.6)"
+      },
+      "typography": {
+        "border-width": "2px",
+        "border-width-thin": "1px",
+        "border-width-thick": "3px",
+        "font-family": "\"DotGothic16\", \"Space Mono\", monospace",
+        "font-weight-normal": "400",
+        "font-weight-medium": "500",
+        "font-weight-bold": "700",
+        "letter-spacing": "0em",
+        "line-height": "1.55",
+        "icon-color": "#00f0ff",
+        "transition-fast": "100ms",
+        "transition-normal": "180ms",
+        "transition-slow": "300ms",
+        "transition-timing": "steps(3, end)",
+        "hover-scale": "1.0",
+        "hover-translate-y": "-1px",
+        "hover-translate-x": "1px",
+        "active-scale": "0.98",
+        "active-translate-y": "0px",
+        "focus-ring-width": "2px",
+        "focus-ring-offset": "2px",
+        "focus-ring-color": "#00f0ff"
+      }
+    }
+  }
+}