get-shit-pretty 0.7.4 → 0.8.2

package/gsp/skills/gsp-style/styles/modern-dark.yml

@@ -4,18 +4,44 @@ tags: [modern, dark, cinematic, linear, vercel]
 
 tokens:
   color:
+    # Core — shadcn/ui CSS vars
+    background: "#050506"
+    foreground: "#FAFAFA"
+    card: "oklch(100% 0 0 / 0.05)"
+    card-foreground: "#FAFAFA"
+    popover: "oklch(100% 0 0 / 0.05)"
+    popover-foreground: "#FAFAFA"
     primary: "#5E6AD2"
+    primary-foreground: "#FFFFFF"
     secondary: "#EC4899"
+    secondary-foreground: "#FFFFFF"
     accent: "#06B6D4"
-    background: "#050506"
-    surface: "rgba(255,255,255,0.05)"
-    on-primary: "#FFFFFF"
-    on-background: "#FAFAFA"
-    error: "#EF4444"
+    accent-foreground: "#000000"
+    muted: "#A1A1AA"
+    muted-foreground: "#71717A"
+    destructive: "#EF4444"
+    border: "rgba(255,255,255,0.06)"
+    input: "rgba(255,255,255,0.06)"
+    ring: "#5E6AD2"
+    # Sidebar
+    sidebar: "oklch(100% 0 0 / 0.05)"
+    sidebar-foreground: "#FAFAFA"
+    sidebar-primary: "#5E6AD2"
+    sidebar-primary-foreground: "#FFFFFF"
+    sidebar-accent: "rgba(255,255,255,0.08)"
+    sidebar-accent-foreground: "#FAFAFA"
+    sidebar-border: "rgba(255,255,255,0.06)"
+    sidebar-ring: "#5E6AD2"
+    # Extras
     success: "#22C55E"
     warning: "#F59E0B"
     info: "#3B82F6"
-    muted: "#A1A1AA"
+    # Chart — data-viz colors (distinct, accessible at small sizes)
+    chart-1: "#818CF8"  # periwinkle (primary brightened)
+    chart-2: "#F472B6"  # hot pink (secondary brightened)
+    chart-3: "#22D3EE"  # cyan (accent brightened)
+    chart-4: "#4ADE80"  # neon green
+    chart-5: "#FB923C"  # orange
 
   typography:
     font-family-primary: "Inter, Geist Sans, system-ui, sans-serif"
@@ -30,7 +56,6 @@ tokens:
     border-radius-md: "16px"
     border-radius-lg: "24px"
     border-width: "1px"
-    border-color: "rgba(255,255,255,0.06)"
 
   elevation:
     shadow-sm: "0 0 0 1px rgba(255,255,255,0.06), 0 2px 20px rgba(0,0,0,0.4)"

package/gsp/skills/gsp-style/styles/monochrome.yml

@@ -4,18 +4,44 @@ tags: [black-white, monochrome, high-contrast, editorial, minimal]
 
 tokens:
   color:
+    # Core — shadcn/ui CSS vars
+    background: "#FFFFFF"
+    foreground: "#000000"
+    card: "#F5F5F5"
+    card-foreground: "#000000"
+    popover: "#F5F5F5"
+    popover-foreground: "#000000"
     primary: "#000000"
+    primary-foreground: "#FFFFFF"
     secondary: "#525252"
+    secondary-foreground: "#FFFFFF"
     accent: "#000000"
-    background: "#FFFFFF"
-    surface: "#F5F5F5"
-    on-primary: "#FFFFFF"
-    on-background: "#000000"
-    error: "#000000"
+    accent-foreground: "#FFFFFF"
+    muted: "#525252"
+    muted-foreground: "#737373"
+    destructive: "#000000"
+    border: "#000000"
+    input: "#000000"
+    ring: "#000000"
+    # Sidebar
+    sidebar: "#F5F5F5"
+    sidebar-foreground: "#000000"
+    sidebar-primary: "#000000"
+    sidebar-primary-foreground: "#FFFFFF"
+    sidebar-accent: "#E5E5E5"
+    sidebar-accent-foreground: "#000000"
+    sidebar-border: "#000000"
+    sidebar-ring: "#000000"
+    # Extras
     success: "#000000"
     warning: "#000000"
     info: "#000000"
-    muted: "#525252"
+    # Chart — data-viz colors (distinct, accessible at small sizes)
+    chart-1: "#000000"  # black
+    chart-2: "#333333"  # charcoal
+    chart-3: "#666666"  # mid gray
+    chart-4: "#999999"  # light gray
+    chart-5: "#CCCCCC"  # pale gray
 
   typography:
     font-family-primary: "Playfair Display, serif"
@@ -32,7 +58,6 @@ tokens:
     border-radius-lg: "0px"
     border-width: "2px"
     border-width-max: "8px"
-    border-color: "#000000"
 
   elevation:
     shadow-sm: "none"
@@ -57,10 +82,34 @@ tokens:
 
 dark_mode:
   color:
+    # Core — shadcn/ui CSS vars
     background: "#000000"
-    surface: "#0A0A0A"
-    on-background: "#FFFFFF"
-    border-color: "#FFFFFF"
+    foreground: "#FFFFFF"
+    card: "#0A0A0A"
+    card-foreground: "#FFFFFF"
+    popover: "#0A0A0A"
+    popover-foreground: "#FFFFFF"
+    primary: "#FFFFFF"
+    primary-foreground: "#000000"
+    secondary: "#A3A3A3"
+    secondary-foreground: "#000000"
+    accent: "#FFFFFF"
+    accent-foreground: "#000000"
+    muted: "#171717"
+    muted-foreground: "#737373"
+    destructive: "#FFFFFF"
+    border: "#FFFFFF"
+    input: "#FFFFFF"
+    ring: "#FFFFFF"
+    # Sidebar
+    sidebar: "#0A0A0A"
+    sidebar-foreground: "#FFFFFF"
+    sidebar-primary: "#FFFFFF"
+    sidebar-primary-foreground: "#000000"
+    sidebar-accent: "#171717"
+    sidebar-accent-foreground: "#FFFFFF"
+    sidebar-border: "#FFFFFF"
+    sidebar-ring: "#FFFFFF"
 
 intensity:
   variance: 3     # editorial asymmetry through type scale, but structurally disciplined

package/gsp/skills/gsp-style/styles/neubrutalism.yml

@@ -5,17 +5,44 @@ trend_ref: trends/neubrutalism.md
 
 tokens:
   color:
+    # Core — shadcn/ui CSS vars
+    background: "#FFFFFF"
+    foreground: "#000000"
+    card: "#FFF8F0"
+    card-foreground: "#000000"
+    popover: "#FFF8F0"
+    popover-foreground: "#000000"
     primary: "#000000"
+    primary-foreground: "#FFFFFF"
     secondary: "#FFD700"
+    secondary-foreground: "#000000"
     accent: "#FF6B6B"
-    background: "#FFFFFF"
-    surface: "#FFF8F0"
-    on-primary: "#FFFFFF"
-    on-background: "#000000"
-    error: "#DC2626"
+    accent-foreground: "#000000"
+    muted: "#FFF0E0"
+    muted-foreground: "#666666"
+    destructive: "#DC2626"
+    border: "#000000"
+    input: "#000000"
+    ring: "#000000"
+    # Sidebar
+    sidebar: "#FFF8F0"
+    sidebar-foreground: "#000000"
+    sidebar-primary: "#000000"
+    sidebar-primary-foreground: "#FFFFFF"
+    sidebar-accent: "#FFD700"
+    sidebar-accent-foreground: "#000000"
+    sidebar-border: "#000000"
+    sidebar-ring: "#000000"
+    # Extras
     success: "#16A34A"
     warning: "#F59E0B"
     info: "#4169E1"
+    # Chart — data-viz colors (distinct, accessible at small sizes)
+    chart-1: "#FFD700"  # brutal yellow (secondary)
+    chart-2: "#FF6B6B"  # coral red (accent)
+    chart-3: "#4169E1"  # royal blue
+    chart-4: "#16A34A"  # bold green
+    chart-5: "#FF6900"  # construction orange
 
   typography:
     font-family-primary: "Space Grotesk, sans-serif"
@@ -30,7 +57,6 @@ tokens:
     border-radius-md: "12px"
     border-radius-lg: "16px"
     border-width: "3px"
-    border-color: "#000000"
 
   elevation:
     shadow-sm: "2px 2px 0px 0px #000000"
@@ -49,10 +75,34 @@ tokens:
 
 dark_mode:
   color:
+    # Core — shadcn/ui CSS vars
     background: "#1A1A2E"
-    surface: "#16213E"
-    on-background: "#F0F0F0"
-    border-color: "#F0F0F0"
+    foreground: "#F0F0F0"
+    card: "#16213E"
+    card-foreground: "#F0F0F0"
+    popover: "#16213E"
+    popover-foreground: "#F0F0F0"
+    primary: "#FFD700"
+    primary-foreground: "#000000"
+    secondary: "#FF6B6B"
+    secondary-foreground: "#000000"
+    accent: "#FF6B6B"
+    accent-foreground: "#000000"
+    muted: "#0F3460"
+    muted-foreground: "#A0A0A0"
+    destructive: "#DC2626"
+    border: "#F0F0F0"
+    input: "#F0F0F0"
+    ring: "#FFD700"
+    # Sidebar
+    sidebar: "#16213E"
+    sidebar-foreground: "#F0F0F0"
+    sidebar-primary: "#FFD700"
+    sidebar-primary-foreground: "#000000"
+    sidebar-accent: "#0F3460"
+    sidebar-accent-foreground: "#F0F0F0"
+    sidebar-border: "#F0F0F0"
+    sidebar-ring: "#FFD700"
 
 intensity:
   variance: 8

package/gsp/skills/gsp-style/styles/neumorphism.yml

@@ -4,18 +4,44 @@ tags: [soft-ui, neumorphic, 3d, embossed, tactile]
 
 tokens:
   color:
+    # Core — shadcn/ui CSS vars
+    background: "#E0E5EC"
+    foreground: "#3D4852"
+    card: "#E0E5EC"
+    card-foreground: "#3D4852"
+    popover: "#E0E5EC"
+    popover-foreground: "#3D4852"
     primary: "#6C63FF"
+    primary-foreground: "#FFFFFF"
     secondary: "#38B2AC"
+    secondary-foreground: "#FFFFFF"
     accent: "#E0E5EC"
-    background: "#E0E5EC"
-    surface: "#E0E5EC"
-    on-primary: "#FFFFFF"
-    on-background: "#3D4852"
-    error: "#DC2626"
+    accent-foreground: "#3D4852"
+    muted: "#8B95A5"
+    muted-foreground: "#6B7280"
+    destructive: "#DC2626"
+    border: "#C8D0DC"
+    input: "#C8D0DC"
+    ring: "#6C63FF"
+    # Sidebar
+    sidebar: "#D8DDE6"
+    sidebar-foreground: "#3D4852"
+    sidebar-primary: "#6C63FF"
+    sidebar-primary-foreground: "#FFFFFF"
+    sidebar-accent: "#E0E5EC"
+    sidebar-accent-foreground: "#3D4852"
+    sidebar-border: "#C8D0DC"
+    sidebar-ring: "#6C63FF"
+    # Extras
     success: "#16A34A"
     warning: "#D97706"
     info: "#3B82F6"
-    muted: "#8B95A5"
+    # Chart — data-viz colors (distinct, accessible at small sizes)
+    chart-1: "#6C63FF"  # soft violet (primary)
+    chart-2: "#38B2AC"  # soft teal (secondary)
+    chart-3: "#D97706"  # warm amber
+    chart-4: "#16A34A"  # muted green
+    chart-5: "#F472B6"  # blush pink
 
   typography:
     font-family-primary: "Plus Jakarta Sans, DM Sans, sans-serif"
@@ -31,7 +57,6 @@ tokens:
     border-radius-lg: "32px"
     border-radius-xl: "48px"
     border-width: "0px"
-    border-color: "transparent"
 
   elevation:
     shadow-sm: "4px 4px 8px rgba(163,177,198,0.6), -4px -4px 8px rgba(255,255,255,0.5)"

package/gsp/skills/gsp-style/styles/newsprint.yml

@@ -4,18 +4,44 @@ tags: [newspaper, editorial, journalism, print, serif]
 
 tokens:
   color:
+    # Core — shadcn/ui CSS vars
+    background: "#F5F5F0"
+    foreground: "#1A1A1A"
+    card: "#FFFFFF"
+    card-foreground: "#1A1A1A"
+    popover: "#FFFFFF"
+    popover-foreground: "#1A1A1A"
     primary: "#1A1A1A"
+    primary-foreground: "#FFFFFF"
     secondary: "#4A4A4A"
+    secondary-foreground: "#FFFFFF"
     accent: "#DC2626"
-    background: "#F5F5F0"
-    surface: "#FFFFFF"
-    on-primary: "#FFFFFF"
-    on-background: "#1A1A1A"
-    error: "#DC2626"
+    accent-foreground: "#FFFFFF"
+    muted: "#666666"
+    muted-foreground: "#888888"
+    destructive: "#DC2626"
+    border: "#D4D4D4"
+    input: "#D4D4D4"
+    ring: "#1A1A1A"
+    # Sidebar
+    sidebar: "#FFFFFF"
+    sidebar-foreground: "#1A1A1A"
+    sidebar-primary: "#1A1A1A"
+    sidebar-primary-foreground: "#FFFFFF"
+    sidebar-accent: "#F5F5F0"
+    sidebar-accent-foreground: "#1A1A1A"
+    sidebar-border: "#D4D4D4"
+    sidebar-ring: "#1A1A1A"
+    # Extras
     success: "#16A34A"
     warning: "#D97706"
     info: "#2563EB"
-    muted: "#666666"
+    # Chart — data-viz colors (distinct, accessible at small sizes)
+    chart-1: "#1A1A1A"  # newspaper black (primary)
+    chart-2: "#DC2626"  # editorial red (accent)
+    chart-3: "#2563EB"  # wire blue
+    chart-4: "#16A34A"  # bulletin green
+    chart-5: "#D97706"  # byline amber
 
   typography:
     font-family-primary: "Playfair Display, serif"
@@ -33,7 +59,6 @@ tokens:
     border-radius-lg: "0px"
     border-width: "1px"
     border-width-divider: "4px"
-    border-color: "#D4D4D4"
 
   elevation:
     shadow-sm: "none"

package/gsp/skills/gsp-style/styles/nothing.yml

@@ -4,18 +4,44 @@ tags: [monochrome, industrial, dark, minimal, technical, instrument, mechanical,
 
 tokens:
   color:
+    # Core — shadcn/ui CSS vars
+    background: "#000000"
+    foreground: "#E8E8E8"
+    card: "#111111"
+    card-foreground: "#E8E8E8"
+    popover: "#111111"
+    popover-foreground: "#E8E8E8"
     primary: "#FFFFFF"
+    primary-foreground: "#000000"
     secondary: "#999999"
+    secondary-foreground: "#000000"
     accent: "#D71921"
-    background: "#000000"
-    surface: "#111111"
-    on-primary: "#000000"
-    on-background: "#E8E8E8"
-    error: "#D71921"
+    accent-foreground: "#FFFFFF"
+    muted: "#666666"
+    muted-foreground: "#999999"
+    destructive: "#D71921"
+    border: "#222222"
+    input: "#222222"
+    ring: "#FFFFFF"
+    # Sidebar
+    sidebar: "#111111"
+    sidebar-foreground: "#E8E8E8"
+    sidebar-primary: "#FFFFFF"
+    sidebar-primary-foreground: "#000000"
+    sidebar-accent: "#1A1A1A"
+    sidebar-accent-foreground: "#E8E8E8"
+    sidebar-border: "#222222"
+    sidebar-ring: "#FFFFFF"
+    # Extras
     success: "#4A9E5C"
     warning: "#D4A843"
     info: "#999999"
-    muted: "#666666"
+    # Chart — data-viz colors (distinct, accessible at small sizes)
+    chart-1: "#D71921"  # Nothing red (accent)
+    chart-2: "#E8E8E8"  # foreground white
+    chart-3: "#4A9E5C"  # signal green
+    chart-4: "#D4A843"  # signal amber
+    chart-5: "#5A9FD4"  # signal blue
 
   typography:
     font-family-primary: "Space Grotesk, DM Sans, system-ui, sans-serif"
@@ -32,7 +58,6 @@ tokens:
     border-radius-lg: "12px"
     border-radius-pill: "999px"
     border-width: "1px"
-    border-color: "#222222"
 
   elevation:
     shadow-sm: "none"
@@ -52,17 +77,23 @@ tokens:
 dark_mode:
   color:
     background: "#000000"
-    surface: "#111111"
-    on-background: "#E8E8E8"
-    border-color: "#222222"
+    foreground: "#E8E8E8"
+    card: "#111111"
+    card-foreground: "#E8E8E8"
     muted: "#666666"
+    muted-foreground: "#999999"
+    border: "#222222"
+    input: "#222222"
+    sidebar: "#111111"
+    sidebar-foreground: "#E8E8E8"
+    sidebar-border: "#222222"
 
 light_mode:
   color:
     background: "#F5F5F5"
-    surface: "#FFFFFF"
-    on-background: "#1A1A1A"
-    border-color: "#E8E8E8"
+    card: "#FFFFFF"
+    foreground: "#1A1A1A"
+    border: "#E8E8E8"
     muted: "#999999"
 
 intensity:

package/gsp/skills/gsp-style/styles/organic.yml

@@ -4,18 +4,44 @@ tags: [natural, flowing, organic, wabi-sabi, curved]
 
 tokens:
   color:
+    # Core — shadcn/ui CSS vars
+    background: "#FDFCF8"
+    foreground: "#2C2C24"
+    card: "#F0EBE5"
+    card-foreground: "#2C2C24"
+    popover: "#F0EBE5"
+    popover-foreground: "#2C2C24"
     primary: "#5D7052"
+    primary-foreground: "#FFFFFF"
     secondary: "#C18C5D"
+    secondary-foreground: "#FFFFFF"
     accent: "#E6DCCD"
-    background: "#FDFCF8"
-    surface: "#F0EBE5"
-    on-primary: "#FFFFFF"
-    on-background: "#2C2C24"
-    error: "#DC2626"
+    accent-foreground: "#2C2C24"
+    muted: "#6B7280"
+    muted-foreground: "#4B5563"
+    destructive: "#DC2626"
+    border: "rgba(93,112,82,0.15)"
+    input: "rgba(93,112,82,0.15)"
+    ring: "#5D7052"
+    # Sidebar
+    sidebar: "#F0EBE5"
+    sidebar-foreground: "#2C2C24"
+    sidebar-primary: "#5D7052"
+    sidebar-primary-foreground: "#FFFFFF"
+    sidebar-accent: "#E6DCCD"
+    sidebar-accent-foreground: "#2C2C24"
+    sidebar-border: "rgba(93,112,82,0.15)"
+    sidebar-ring: "#5D7052"
+    # Extras
     success: "#059669"
     warning: "#D97706"
     info: "#2563EB"
-    muted: "#6B7280"
+    # Chart — data-viz colors (distinct, accessible at small sizes)
+    chart-1: "#5D7052"  # moss green (primary)
+    chart-2: "#C18C5D"  # warm clay (secondary)
+    chart-3: "#D97706"  # harvest amber
+    chart-4: "#2563EB"  # woad blue
+    chart-5: "#9A3B3B"  # dried rose
 
   typography:
     font-family-primary: "Fraunces, serif"
@@ -31,7 +57,6 @@ tokens:
     border-radius-md: "24px"
     border-radius-lg: "9999px"
     border-width: "1px"
-    border-color: "rgba(93,112,82,0.15)"
 
   blob:
     border-radius: "60% 40% 30% 70% / 60% 30% 70% 40%"
@@ -58,8 +83,16 @@ tokens:
 dark_mode:
   color:
     background: "#1E1E18"
-    surface: "#2C2C24"
-    on-background: "#E6DCCD"
+    foreground: "#E6DCCD"
+    card: "#2C2C24"
+    card-foreground: "#E6DCCD"
+    muted: "#4B5563"
+    muted-foreground: "#6B7280"
+    border: "rgba(230,220,205,0.12)"
+    input: "rgba(230,220,205,0.12)"
+    sidebar: "#2C2C24"
+    sidebar-foreground: "#E6DCCD"
+    sidebar-border: "rgba(230,220,205,0.12)"
 
 intensity:
   variance: 7

package/gsp/skills/gsp-style/styles/playful-geometric.yml

@@ -4,17 +4,44 @@ tags: [geometric, playful, fun, colorful, bouncy]
 
 tokens:
   color:
+    # Core — shadcn/ui CSS vars
+    background: "#FFFDF5"
+    foreground: "#1E293B"
+    card: "#FFFFFF"
+    card-foreground: "#1E293B"
+    popover: "#FFFFFF"
+    popover-foreground: "#1E293B"
     primary: "#3B82F6"
+    primary-foreground: "#FFFFFF"
     secondary: "#F472B6"
+    secondary-foreground: "#FFFFFF"
     accent: "#8B5CF6"
-    background: "#FFFDF5"
-    surface: "#FFFFFF"
-    on-primary: "#FFFFFF"
-    on-background: "#1E293B"
-    error: "#EF4444"
+    accent-foreground: "#FFFFFF"
+    muted: "#CBD5E1"
+    muted-foreground: "#64748B"
+    destructive: "#EF4444"
+    border: "#1E293B"
+    input: "#1E293B"
+    ring: "#3B82F6"
+    # Sidebar
+    sidebar: "#FFFFFF"
+    sidebar-foreground: "#1E293B"
+    sidebar-primary: "#3B82F6"
+    sidebar-primary-foreground: "#FFFFFF"
+    sidebar-accent: "#8B5CF6"
+    sidebar-accent-foreground: "#FFFFFF"
+    sidebar-border: "#1E293B"
+    sidebar-ring: "#3B82F6"
+    # Extras
     success: "#34D399"
     warning: "#FBBF24"
     info: "#3B82F6"
+    # Chart — data-viz colors (distinct, accessible at small sizes)
+    chart-1: "#3B82F6"  # confetti blue (primary)
+    chart-2: "#F472B6"  # confetti pink (secondary)
+    chart-3: "#8B5CF6"  # confetti violet (accent)
+    chart-4: "#FBBF24"  # confetti amber
+    chart-5: "#34D399"  # confetti mint
 
   color-rotate:
     blue: "#3B82F6"
@@ -37,7 +64,6 @@ tokens:
     border-radius-md: "16px"
     border-radius-lg: "9999px"
     border-width: "2px"
-    border-color: "#1E293B"
 
   elevation:
     shadow-sm: "4px 4px 0px #1E293B"
@@ -57,8 +83,16 @@ tokens:
 dark_mode:
   color:
     background: "#1E293B"
-    surface: "#334155"
-    on-background: "#F8FAFC"
+    foreground: "#F8FAFC"
+    card: "#334155"
+    card-foreground: "#F8FAFC"
+    muted: "#475569"
+    muted-foreground: "#94A3B8"
+    border: "#F8FAFC"
+    input: "#F8FAFC"
+    sidebar: "#334155"
+    sidebar-foreground: "#F8FAFC"
+    sidebar-border: "#F8FAFC"
 
 intensity:
   variance: 7     # Memphis shapes, confetti decoration, blob radii, rotated elements
@@ -137,7 +171,7 @@ effects:
     button-primary: "pop-lift — translate(-2px, -2px), shadow extends to 6px 6px"
     button-secondary: "candy-fill — background floods with surprise color (amber/yellow)"
     link: "squiggly underline SVG appears, color shifts to {color.accent}"
-    badge: "wiggle-jiggle — rotate oscillates +-3deg"
+    badge: "wiggle-jiggle — rotation oscillates +-3deg"
   active:
     button: "sticker-press — translate(2px, 2px), shadow shrinks to 2px 2px"
   focus: