Add Theme Configuration Definition listing

Theme/ffc9e01c-4bdb-42f6-b2a6-72a95c5d8387.json

@@ -0,0 +1,23 @@
+{
+  "data": {
+    "meta": {
+      "adoptsFrom": {
+        "name": "Theme",
+        "module": "https://cardstack.com/base/card-api"
+      }
+    },
+    "type": "card",
+    "attributes": {
+      "cardInfo": {
+        "notes": "Features the distinctive purple, green, and orange palette of EVA-01, with typography reminiscent of NERV's operational interfaces and warning systems",
+        "name": "NERV Operations Theme",
+        "summary": "A theme inspired by Neon Genesis Evangelion, featuring the iconic EVA-01 purple and green color scheme with NERV's technical interface aesthetics",
+        "cardThumbnailURL": null
+      },
+      "cssImports": [
+        "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Oswald:wght@300;400;500;600;700&family=Barlow:wght@300;400;500;600;700;800&family=Barlow+Condensed:wght@400;500;600;700;800&family=Share+Tech+Mono&family=Roboto+Mono:wght@400;500;600;700&display=swap"
+      ],
+      "cssVariables": ":root {\n  /* Evangelion-inspired color palette */\n  --background: oklch(0.98 0.005 260);\n  --foreground: oklch(0.15 0.02 260);\n  --card: oklch(0.99 0.003 260);\n  --card-foreground: oklch(0.18 0.02 260);\n  --popover: oklch(0.99 0.003 260);\n  --popover-foreground: oklch(0.15 0.02 260);\n  --primary: oklch(0.45 0.28 285); /* EVA-01 Purple */\n  --primary-foreground: oklch(0.98 0 0);\n  --secondary: oklch(0.55 0.25 145); /* EVA-01 Green */\n  --secondary-foreground: oklch(0.15 0.02 145);\n  --muted: oklch(0.92 0.015 260);\n  --muted-foreground: oklch(0.45 0.02 260);\n  --accent: oklch(0.65 0.22 45); /* Warning Orange */\n  --accent-foreground: oklch(0.15 0.02 45);\n  --destructive: oklch(0.55 0.3 25); /* Emergency Red */\n  --destructive-foreground: oklch(0.98 0 0);\n  --border: oklch(0.88 0.01 260);\n  --input: oklch(0.99 0.003 260);\n  --ring: oklch(0.45 0.28 285);\n  --chart-1: oklch(0.45 0.28 285); /* Purple */\n  --chart-2: oklch(0.55 0.25 145); /* Green */\n  --chart-3: oklch(0.65 0.22 45); /* Orange */\n  --chart-4: oklch(0.5 0.2 200); /* Blue */\n  --chart-5: oklch(0.6 0.15 320); /* Pink */\n  --sidebar: oklch(0.25 0.02 260);\n  --sidebar-foreground: oklch(0.95 0.003 260);\n  --sidebar-primary: oklch(0.45 0.28 285);\n  --sidebar-primary-foreground: oklch(0.98 0 0);\n  --sidebar-accent: oklch(0.65 0.22 45);\n  --sidebar-accent-foreground: oklch(0.15 0.02 45);\n  --sidebar-border: oklch(0.35 0.02 260);\n  --sidebar-ring: oklch(0.45 0.28 285);\n  --font-sans: 'Barlow', 'Oswald', 'Barlow Condensed', ui-sans-serif, sans-serif, system-ui;\n  --font-serif: 'Bebas Neue', 'Oswald', serif;\n  --font-mono: 'Share Tech Mono', 'Roboto Mono', ui-monospace, monospace;\n  --radius: 0.125rem;\n  --shadow-x: 0;\n  --shadow-y: 2px;\n  --shadow-blur: 8px;\n  --shadow-spread: 0px;\n  --shadow-opacity: 0.18;\n  --shadow-color: oklch(0.3 0.15 285);\n  --shadow-2xs: 0 1px 3px 0px hsl(285 60% 20% / 0.1);\n  --shadow-xs: 0 1px 4px 0px hsl(285 60% 20% / 0.12);\n  --shadow-sm: 0 2px 6px 0px hsl(285 60% 20% / 0.15),\n    0 1px 3px -1px hsl(285 60% 20% / 0.12);\n  --shadow: 0 2px 8px 0px hsl(285 60% 20% / 0.18), 0 1px 4px -1px hsl(285 60% 20% / 0.15);\n  --shadow-md: 0 4px 12px 0px hsl(285 60% 20% / 0.18),\n    0 2px 6px -1px hsl(285 60% 20% / 0.15);\n  --shadow-lg: 0 8px 20px 0px hsl(285 60% 20% / 0.22),\n    0 4px 10px -1px hsl(285 60% 20% / 0.18);\n  --shadow-xl: 0 16px 32px 0px hsl(285 60% 20% / 0.25),\n    0 8px 16px -1px hsl(285 60% 20% / 0.22);\n  --shadow-2xl: 0 24px 48px 0px hsl(285 60% 20% / 0.3);\n  --tracking-normal: 0.03em;\n  --spacing: 0.25rem;\n}\n\n.dark {\n  /* Dark mode with NERV control room aesthetic */\n  --background: oklch(0.12 0.02 285);\n  --foreground: oklch(0.95 0.003 145);\n  --card: oklch(0.16 0.025 285);\n  --card-foreground: oklch(0.95 0.003 145);\n  --popover: oklch(0.18 0.025 285);\n  --popover-foreground: oklch(0.95 0.003 145);\n  --primary: oklch(0.55 0.32 285); /* Bright EVA-01 Purple */\n  --primary-foreground: oklch(0.98 0 0);\n  --secondary: oklch(0.65 0.28 145); /* Bright EVA-01 Green */\n  --secondary-foreground: oklch(0.12 0.02 145);\n  --muted: oklch(0.25 0.02 285);\n  --muted-foreground: oklch(0.7 0.01 145);\n  --accent: oklch(0.75 0.25 45); /* Bright Warning Orange */\n  --accent-foreground: oklch(0.12 0.02 45);\n  --destructive: oklch(0.65 0.35 25); /* Bright Emergency Red */\n  --destructive-foreground: oklch(0.98 0 0);\n  --border: oklch(0.3 0.02 285);\n  --input: oklch(0.18 0.025 285);\n  --ring: oklch(0.55 0.32 285);\n  --chart-1: oklch(0.55 0.32 285);\n  --chart-2: oklch(0.65 0.28 145);\n  --chart-3: oklch(0.75 0.25 45);\n  --chart-4: oklch(0.6 0.22 200);\n  --chart-5: oklch(0.65 0.18 320);\n  --sidebar: oklch(0.14 0.025 285);\n  --sidebar-foreground: oklch(0.95 0.003 145);\n  --sidebar-primary: oklch(0.55 0.32 285);\n  --sidebar-primary-foreground: oklch(0.98 0 0);\n  --sidebar-accent: oklch(0.75 0.25 45);\n  --sidebar-accent-foreground: oklch(0.12 0.02 45);\n  --sidebar-border: oklch(0.3 0.02 285);\n  --sidebar-ring: oklch(0.55 0.32 285);\n  --font-sans: 'Barlow', 'Oswald', 'Barlow Condensed', ui-sans-serif, sans-serif, system-ui;\n  --font-serif: 'Bebas Neue', 'Oswald', serif;\n  --font-mono: 'Share Tech Mono', 'Roboto Mono', ui-monospace, monospace;\n  --radius: 0.125rem;\n  --shadow-x: 0;\n  --shadow-y: 2px;\n  --shadow-blur: 12px;\n  --shadow-spread: 0px;\n  --shadow-opacity: 0.35;\n  --shadow-color: oklch(0 0 0);\n  --shadow-2xs: 0 1px 3px 0px hsl(285 60% 5% / 0.25);\n  --shadow-xs: 0 1px 4px 0px hsl(285 60% 5% / 0.3);\n  --shadow-sm: 0 2px 6px 0px hsl(285 60% 5% / 0.35),\n    0 1px 3px -1px hsl(285 60% 5% / 0.3);\n  --shadow: 0 2px 8px 0px hsl(285 60% 5% / 0.4), 0 1px 4px -1px hsl(285 60% 5% / 0.35);\n  --shadow-md: 0 4px 12px 0px hsl(285 60% 5% / 0.4),\n    0 2px 6px -1px hsl(285 60% 5% / 0.35);\n  --shadow-lg: 0 8px 20px 0px hsl(285 60% 5% / 0.45),\n    0 4px 10px -1px hsl(285 60% 5% / 0.4);\n  --shadow-xl: 0 16px 32px 0px hsl(285 60% 5% / 0.5),\n    0 8px 16px -1px hsl(285 60% 5% / 0.45);\n  --shadow-2xl: 0 24px 48px 0px hsl(285 60% 5% / 0.55);\n}"
+    }
+  }
+}

ThemeListing/8698b511-87f9-4744-a36b-d22845fd725a.json

@@ -0,0 +1,69 @@
+{
+  "data": {
+    "meta": {
+      "adoptsFrom": {
+        "name": "ThemeListing",
+        "module": "https://realms-staging.stack.cards/catalog/catalog-app/listing/listing"
+      }
+    },
+    "type": "card",
+    "attributes": {
+      "name": "Theme Configuration Definition",
+      "images": [],
+      "summary": "The Theme module exports a CardDef class representing themes that can customize visual styles within the system. It primarily manages CSS variables and style-related imports, allowing themes to modify the appearance of cards and containers. The Theme class includes fields for CSS variable definitions and imported styles, and provides menu items for copying, editing, or modifying themes via AI commands. Its main purpose is to define and manage theme-related styling in a structured, reusable way within the card ecosystem.",
+      "cardInfo": {
+        "name": null,
+        "notes": null,
+        "summary": null,
+        "cardThumbnailURL": null
+      }
+    },
+    "relationships": {
+      "tags.0": {
+        "links": {
+          "self": "https://realms-staging.stack.cards/catalog/Tag/4d0f9ae2-048e-4ce0-b263-7006602ce6a4"
+        }
+      },
+      "tags.1": {
+        "links": {
+          "self": "https://realms-staging.stack.cards/catalog/Tag/631d1b5d-fcd0-465c-964e-e535fc6bb893"
+        }
+      },
+      "specs": {
+        "links": {
+          "self": null
+        }
+      },
+      "skills": {
+        "links": {
+          "self": null
+        }
+      },
+      "license": {
+        "links": {
+          "self": "https://realms-staging.stack.cards/catalog/License/4c5a023b-a72c-4f90-930b-da60a1de5b2d"
+        }
+      },
+      "publisher": {
+        "links": {
+          "self": null
+        }
+      },
+      "categories": {
+        "links": {
+          "self": null
+        }
+      },
+      "examples.0": {
+        "links": {
+          "self": "../Theme/ffc9e01c-4bdb-42f6-b2a6-72a95c5d8387"
+        }
+      },
+      "cardInfo.theme": {
+        "links": {
+          "self": null
+        }
+      }
+    }
+  }
+}