@dixy-ui/themes 0.1.0-beta.2 → 0.1.0-beta.4

package/dist/organic-settings.d.ts

@@ -385,12 +385,60 @@ export declare const organicFrameRecipes: {
         readonly light: readonly ["#ffffff", "#9fc4ff", "#ffc2e2", "#0a1a33"];
         readonly dark: readonly ["#ffffff", "#6ea8ff", "#d68cff", "#e8f0ff"];
     };
+    readonly sunset: {
+        readonly label: "Sunset grid";
+        readonly styles: readonly ["Sun and grid", "Sun only", "Grid only", "Bare coast"];
+        readonly defaults: {
+            readonly density: 55;
+            readonly cornerDensity: 50;
+            readonly canopyDepth: 40;
+            readonly variation: 30;
+            readonly scale: 22;
+            readonly stemWeight: 30;
+            readonly motion: 45;
+            readonly seed: 86;
+        };
+        readonly light: readonly ["#e63d8f", "#ff8a3d", "#7a3fd1", "#3a1452"];
+        readonly dark: readonly ["#ff4fa3", "#ffb347", "#b06bff", "#fff3f8"];
+    };
+    readonly menu: {
+        readonly label: "Menu window";
+        readonly styles: readonly ["Cursor and stars", "Cursor only", "Stars only", "Plain window"];
+        readonly defaults: {
+            readonly density: 50;
+            readonly cornerDensity: 50;
+            readonly canopyDepth: 30;
+            readonly variation: 20;
+            readonly scale: 18;
+            readonly stemWeight: 30;
+            readonly motion: 40;
+            readonly seed: 94;
+        };
+        readonly light: readonly ["#2b44b8", "#d9a400", "#7d8fe0", "#16237e"];
+        readonly dark: readonly ["#fff3a8", "#ffe066", "#9fb2ff", "#e9edff"];
+    };
+    readonly marquee: {
+        readonly label: "Arcade marquee";
+        readonly styles: readonly ["Bulbs and credits", "Bulbs only", "Credits only", "Dark cabinet"];
+        readonly defaults: {
+            readonly density: 55;
+            readonly cornerDensity: 50;
+            readonly canopyDepth: 30;
+            readonly variation: 20;
+            readonly scale: 18;
+            readonly stemWeight: 30;
+            readonly motion: 50;
+            readonly seed: 81;
+        };
+        readonly light: readonly ["#d0121c", "#d9a400", "#1a1a1a", "#8a8a9a"];
+        readonly dark: readonly ["#ff3b3b", "#ffd400", "#f4f4f4", "#4a4a5e"];
+    };
 };
 export type OrganicFrame = keyof typeof organicFrameRecipes;
 export declare function isOrganicFrame(frame: string): frame is OrganicFrame;
-export declare const organicStyles: ("Woodland mix" | "Wild ivy" | "Fern grove" | "Willow canopy" | "Oak & moss" | "Spring growth" | "Ginkgo fans" | "Maple grove" | "Eucalyptus" | "Olive branch" | "Clover meadow" | "Wildflower hedge" | "Piped petals" | "Twisted rope" | "Candy pebbles" | "Ribbon folds" | "Tidal ribbons" | "Seafoam beads" | "Glass droplets" | "Quiet currents" | "Fine filigree" | "Art deco" | "Hammered edge" | "Quiet gilding" | "Dimensioned" | "Ruler ticks" | "Construction lines" | "Quiet draft" | "Misprint" | "Halftone" | "Taped corners" | "Clean stamp" | "Tube outline" | "Broken tubes" | "Sign shapes" | "Low hum" | "Bamboo" | "Plum blossom" | "Dry brush" | "Ensō" | "Line map" | "Station roundels" | "Platform edge" | "Quiet line" | "Box corners" | "Status line" | "Raster ticks" | "Quiet cursor" | "Pane titles" | "Key hints" | "Split panes" | "Bare panes" | "Crop marks" | "Red block" | "Grid ticks" | "Bare grid" | "Corner tiles" | "Border run" | "Floral rosette" | "Single tile" | "Tie holes" | "Stencil marks" | "Board seams" | "Bare concrete" | "Starbursts" | "Boomerangs" | "Orbit atoms" | "Lone star" | "Target brackets" | "Telemetry" | "Reticle" | "Clean brackets" | "Hazard stripes" | "Rivet seams" | "Cargo stencils" | "Clean plate" | "Orbit rings" | "Gold foil" | "Star field" | "Single orbit" | "Rangoli corners" | "Diya row" | "Marigold string" | "Single diya" | "Lanterns" | "Scallop edge" | "Cloud scrolls" | "Single lantern" | "Bunting" | "Marigold garland" | "Paper confetti" | "Short string" | "Powder clouds" | "Splashes" | "Speckle dust" | "Soft haze" | "Fair Isle band" | "Snowflakes" | "Cable stitch" | "Plain rib" | "Specular rim" | "Refraction" | "Light catch" | "Clear")[];
+export declare const organicStyles: ("Woodland mix" | "Wild ivy" | "Fern grove" | "Willow canopy" | "Oak & moss" | "Spring growth" | "Ginkgo fans" | "Maple grove" | "Eucalyptus" | "Olive branch" | "Clover meadow" | "Wildflower hedge" | "Piped petals" | "Twisted rope" | "Candy pebbles" | "Ribbon folds" | "Tidal ribbons" | "Seafoam beads" | "Glass droplets" | "Quiet currents" | "Fine filigree" | "Art deco" | "Hammered edge" | "Quiet gilding" | "Dimensioned" | "Ruler ticks" | "Construction lines" | "Quiet draft" | "Misprint" | "Halftone" | "Taped corners" | "Clean stamp" | "Tube outline" | "Broken tubes" | "Sign shapes" | "Low hum" | "Bamboo" | "Plum blossom" | "Dry brush" | "Ensō" | "Line map" | "Station roundels" | "Platform edge" | "Quiet line" | "Box corners" | "Status line" | "Raster ticks" | "Quiet cursor" | "Pane titles" | "Key hints" | "Split panes" | "Bare panes" | "Crop marks" | "Red block" | "Grid ticks" | "Bare grid" | "Corner tiles" | "Border run" | "Floral rosette" | "Single tile" | "Tie holes" | "Stencil marks" | "Board seams" | "Bare concrete" | "Starbursts" | "Boomerangs" | "Orbit atoms" | "Lone star" | "Target brackets" | "Telemetry" | "Reticle" | "Clean brackets" | "Hazard stripes" | "Rivet seams" | "Cargo stencils" | "Clean plate" | "Orbit rings" | "Gold foil" | "Star field" | "Single orbit" | "Rangoli corners" | "Diya row" | "Marigold string" | "Single diya" | "Lanterns" | "Scallop edge" | "Cloud scrolls" | "Single lantern" | "Bunting" | "Marigold garland" | "Paper confetti" | "Short string" | "Powder clouds" | "Splashes" | "Speckle dust" | "Soft haze" | "Fair Isle band" | "Snowflakes" | "Cable stitch" | "Plain rib" | "Specular rim" | "Refraction" | "Light catch" | "Clear" | "Sun and grid" | "Sun only" | "Grid only" | "Bare coast" | "Cursor and stars" | "Cursor only" | "Stars only" | "Plain window" | "Bulbs and credits" | "Bulbs only" | "Credits only" | "Dark cabinet")[];
 export declare function defaultOrganicOrnament(frame: string): {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 68;
@@ -402,7 +450,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 30;
     seed: 17;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 42;
@@ -414,7 +462,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 42;
     seed: 31;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 38;
@@ -426,7 +474,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 45;
     seed: 47;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 45;
@@ -438,7 +486,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 28;
     seed: 63;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 55;
@@ -450,7 +498,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 30;
     seed: 11;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 40;
@@ -462,7 +510,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 20;
     seed: 29;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 45;
@@ -474,7 +522,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 35;
     seed: 41;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 40;
@@ -486,7 +534,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 20;
     seed: 7;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 50;
@@ -498,7 +546,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 30;
     seed: 5;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 55;
@@ -510,7 +558,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 40;
     seed: 64;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 60;
@@ -522,7 +570,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 30;
     seed: 16;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 50;
@@ -534,7 +582,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 0;
     seed: 26;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 45;
@@ -546,7 +594,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 20;
     seed: 14;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 50;
@@ -558,7 +606,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 0;
     seed: 4;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 50;
@@ -570,7 +618,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 30;
     seed: 57;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 55;
@@ -582,7 +630,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 40;
     seed: 412;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 50;
@@ -594,7 +642,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 30;
     seed: 88;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 45;
@@ -606,7 +654,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 30;
     seed: 1;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 50;
@@ -618,7 +666,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 35;
     seed: 108;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 50;
@@ -630,7 +678,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 30;
     seed: 8;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 55;
@@ -642,7 +690,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 35;
     seed: 31;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 50;
@@ -654,7 +702,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 25;
     seed: 3;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 50;
@@ -666,7 +714,7 @@ export declare function defaultOrganicOrnament(frame: string): {
     motion: 25;
     seed: 12;
 } | {
-    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim";
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
     canopy: "Scattered trails";
     stem: "Twining vines";
     density: 50;
@@ -677,4 +725,40 @@ export declare function defaultOrganicOrnament(frame: string): {
     stemWeight: 40;
     motion: 30;
     seed: 26;
+} | {
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
+    canopy: "Scattered trails";
+    stem: "Twining vines";
+    density: 55;
+    cornerDensity: 50;
+    canopyDepth: 40;
+    variation: 30;
+    scale: 22;
+    stemWeight: 30;
+    motion: 45;
+    seed: 86;
+} | {
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
+    canopy: "Scattered trails";
+    stem: "Twining vines";
+    density: 50;
+    cornerDensity: 50;
+    canopyDepth: 30;
+    variation: 20;
+    scale: 18;
+    stemWeight: 30;
+    motion: 40;
+    seed: 94;
+} | {
+    style: "Woodland mix" | "Piped petals" | "Tidal ribbons" | "Fine filigree" | "Dimensioned" | "Misprint" | "Tube outline" | "Bamboo" | "Line map" | "Box corners" | "Pane titles" | "Crop marks" | "Corner tiles" | "Tie holes" | "Starbursts" | "Target brackets" | "Hazard stripes" | "Orbit rings" | "Rangoli corners" | "Lanterns" | "Bunting" | "Powder clouds" | "Fair Isle band" | "Specular rim" | "Sun and grid" | "Cursor and stars" | "Bulbs and credits";
+    canopy: "Scattered trails";
+    stem: "Twining vines";
+    density: 55;
+    cornerDensity: 50;
+    canopyDepth: 30;
+    variation: 20;
+    scale: 18;
+    stemWeight: 30;
+    motion: 50;
+    seed: 81;
 };

package/dist/organic-settings.js

@@ -417,6 +417,55 @@ export const organicFrameRecipes = freezeData({
         light: ["#ffffff", "#9fc4ff", "#ffc2e2", "#0a1a33"],
         dark: ["#ffffff", "#6ea8ff", "#d68cff", "#e8f0ff"],
     },
+    // 2027 game frames. Painters live in organic-paint-launch.ts.
+    sunset: {
+        label: "Sunset grid",
+        styles: ["Sun and grid", "Sun only", "Grid only", "Bare coast"],
+        defaults: {
+            density: 55,
+            cornerDensity: 50,
+            canopyDepth: 40,
+            variation: 30,
+            scale: 22,
+            stemWeight: 30,
+            motion: 45,
+            seed: 86,
+        },
+        light: ["#e63d8f", "#ff8a3d", "#7a3fd1", "#3a1452"],
+        dark: ["#ff4fa3", "#ffb347", "#b06bff", "#fff3f8"],
+    },
+    menu: {
+        label: "Menu window",
+        styles: ["Cursor and stars", "Cursor only", "Stars only", "Plain window"],
+        defaults: {
+            density: 50,
+            cornerDensity: 50,
+            canopyDepth: 30,
+            variation: 20,
+            scale: 18,
+            stemWeight: 30,
+            motion: 40,
+            seed: 94,
+        },
+        light: ["#2b44b8", "#d9a400", "#7d8fe0", "#16237e"],
+        dark: ["#fff3a8", "#ffe066", "#9fb2ff", "#e9edff"],
+    },
+    marquee: {
+        label: "Arcade marquee",
+        styles: ["Bulbs and credits", "Bulbs only", "Credits only", "Dark cabinet"],
+        defaults: {
+            density: 55,
+            cornerDensity: 50,
+            canopyDepth: 30,
+            variation: 20,
+            scale: 18,
+            stemWeight: 30,
+            motion: 50,
+            seed: 81,
+        },
+        light: ["#d0121c", "#d9a400", "#1a1a1a", "#8a8a9a"],
+        dark: ["#ff3b3b", "#ffd400", "#f4f4f4", "#4a4a5e"],
+    },
 });
 export function isOrganicFrame(frame) {
     return Object.hasOwn(organicFrameRecipes, frame);

package/dist/papel-picado.css

@@ -42,6 +42,11 @@
       "Bricolage Grotesque Variable", "Bricolage Grotesque", ui-sans-serif,
       sans-serif;
     --dixy-skin-edge: #f3cfb0;
+    --dixy-skin-field-edge: color-mix(
+      in oklab,
+      var(--dixy-color-base-9) 50%,
+      var(--dixy-color-base-8)
+    );
     --dixy-organic-density: 55;
     --dixy-organic-cornerDensity: 60;
     --dixy-organic-canopyDepth: 45;
@@ -139,7 +144,6 @@
     --dixy-organic-b: #f06595;
     --dixy-organic-c: #9775fa;
     --dixy-organic-d: #38d9a9;
-    --dixy-skin-selected: var(--dixy-skin-finish);
     --dixy-color-text-primary: color-mix(
       in srgb,
       var(--dixy-color-base-12) 75%,
@@ -157,6 +161,7 @@
       #1e1533
     );
   }
+
   .dixy-theme[data-dixy-skin="dixy/papel-picado"][data-relief="2"] {
     --dixy-skin-shadow:
       var(--dixy-skin-depth-shadow, var(--dixy-skin-authored-shadow)),
@@ -292,6 +297,30 @@
     ):not([data-variant="soft"]) {
     background-color: var(--dixy-skin-surface);
   }
+  :is(
+      .dixy-dialog-popup,
+      .dixy-alert-dialog-popup,
+      .dixy-drawer-popup,
+      .dixy-popover-popup,
+      .dixy-preview-card-popup,
+      .dixy-tooltip-popup,
+      .dixy-select-popup,
+      .dixy-combobox-popup,
+      .dixy-autocomplete-popup,
+      .dixy-menu-popup,
+      .dixy-context-menu-popup,
+      .dixy-navigation-menu-popup
+    )[data-dixy-skin="dixy/papel-picado"]:not(
+      [data-dixy-material-override]
+    ):not(:where([data-dixy-material-override]) *):not(
+      [data-variant="solid"]
+    ):not([data-variant="soft"]) {
+    background-color: color-mix(
+      in srgb,
+      var(--dixy-color-background-surface-raised) 94%,
+      var(--dixy-skin-surface)
+    );
+  }
   :is(
     .dixy-input,
     .dixy-textarea,
@@ -305,6 +334,11 @@
   )[data-dixy-skin="dixy/papel-picado"] {
     border-radius: calc(var(--dixy-radius-control) * 1);
   }
+  :is(.dixy-textarea)[data-dixy-skin="dixy/papel-picado"] {
+    border-radius: calc(
+      min(var(--dixy-radius-control), var(--dixy-radius-card)) * 1
+    );
+  }
   :is(
       .dixy-input,
       .dixy-textarea,
@@ -319,7 +353,7 @@
       [data-dixy-material-override]
     ):not(:where([data-dixy-material-override]) *) {
     border-width: var(--dixy-input-border-width);
-    border-color: var(--dixy-skin-edge);
+    border-color: var(--dixy-skin-field-edge);
     background-image: var(--dixy-skin-paint);
     background-color: var(--dixy-color-background-canvas);
     background-size:
@@ -329,6 +363,45 @@
       100% 100%;
     box-shadow: var(--dixy-skin-inset);
   }
+  /* materials.css styles [data-dixy-visual] surfaces at 0,5,0. Match the
+     skin's paint to that so its image and grain size always land together;
+     otherwise the material image is tiled at the grain size (stripes). */
+  :is(
+      .dixy-card,
+      .dixy-box,
+      .dixy-dialog-popup,
+      .dixy-alert-dialog-popup,
+      .dixy-drawer-popup,
+      .dixy-popover-popup,
+      .dixy-preview-card-popup,
+      .dixy-tooltip-popup,
+      .dixy-select-popup,
+      .dixy-combobox-popup,
+      .dixy-autocomplete-popup,
+      .dixy-menu-popup,
+      .dixy-context-menu-popup,
+      .dixy-navigation-menu-popup,
+      .dixy-toast-root,
+      .dixy-alert,
+      .dixy-list-box,
+      .dixy-calendar,
+      .dixy-range-calendar,
+      .dixy-input,
+      .dixy-textarea,
+      .dixy-native-select,
+      .dixy-select-trigger,
+      .dixy-input-group,
+      .dixy-combobox-input-group,
+      .dixy-autocomplete-input-group,
+      .dixy-number-field-group,
+      .dixy-otp-field-input
+    )[data-dixy-skin="dixy/papel-picado"]:not(
+      [data-dixy-material-override]
+    ):not(
+      :where([data-dixy-material-override]) *
+    )[data-dixy-visual][data-material]:not([data-disabled]) {
+    background-image: var(--dixy-skin-paint);
+  }
   :is(.dixy-button)[data-dixy-skin="dixy/papel-picado"]:not(
       [data-dixy-material-override]
     ):not(:where([data-dixy-material-override]) *):is(
@@ -359,14 +432,19 @@
     border: 1px solid var(--dixy-skin-edge);
     box-shadow: var(--dixy-skin-inset);
   }
+  /* Selected tabs and toggles are one flat colour, lifted by edge and relief only. A gradient behind the label (thumb art, sheen, material image) splits it across two colours. :not([data-variant="line"]) also outranks materials.css (0,3,0). */
   :is(.dixy-tabs-indicator)[data-dixy-skin="dixy/papel-picado"]:not(
       [data-dixy-material-override]
     ):not(:where([data-dixy-material-override]) *) {
-    background-image: var(--dixy-skin-finish);
     box-shadow: var(--dixy-skin-control-relief);
     border: 1px solid var(--dixy-skin-edge);
   }
-  /* Toggle groups read like tabs: a sunken track, the selected toggle a raised thumb (slider-knob paint in light, the raised finish in dark so its label stays readable). */
+  :is(.dixy-tabs-indicator)[data-dixy-skin="dixy/papel-picado"]:not(
+      [data-dixy-material-override]
+    ):not(:where([data-dixy-material-override]) *):not([data-variant="line"]) {
+    background-image: none;
+  }
+  /* Toggle groups read like tabs: a sunken track, the selected toggle a raised, flat thumb. */
   .dixy-theme[data-dixy-skin="dixy/papel-picado"]
     .dixy-toggle-group:is([data-attached], [data-segmented]):not(
       [data-dixy-material-override]
@@ -381,7 +459,7 @@
       [data-variant="solid"]
     )[data-pressed]:not([data-disabled]) {
     background-color: var(--dixy-color-background-surface-raised);
-    background-image: var(--dixy-skin-selected, var(--dixy-skin-thumb));
+    background-image: none;
     box-shadow: var(--dixy-skin-control-relief);
     border-color: var(--dixy-skin-edge);
     color: var(--dixy-color-text-primary);