Theme Creator Studio

Build & Validate Veyak Themes

Create custom color schemes and syntax themes for Veyak desktop API client. Validate your theme.json against the v1.0.0 schema in real-time and preview changes instantly.

Fork Repository

Fork veyak/veyak-themes to your GitHub account.

Create Folder

Create extensions/<theme-id>/ with your theme.json, README.md, and screenshot.png.

Live Validate

Paste or edit your theme manifest in the studio below to verify all 36 design tokens and schema constraints.

Submit PR

Open a Pull Request. Once approved, the CI automatically rebuilds the registry and publishes your theme to the marketplace!

theme.json Editor

Preset:

{
  "$schema": "https://veyak.iamdhakrey.dev/schema/themes/1.0.0.json",
  "id": "github-dark",
  "name": "GitHub Dark",
  "version": "1.0.0",
  "description": "Official GitHub Dark palette for Veyak with tuned contrasts and Primer-inspired syntax accents.",
  "author": "GitHub",
  "repository": "https://github.com/veyak/veyak-github-syntax-dark",
  "license": "MIT",
  "tags": [
    "github",
    "dark",
    "popular",
    "code"
  ],
  "variant": "dark",
  "isBuiltin": false,
  "downloadUrl": "https://raw.githubusercontent.com/veyak/veyak-themes/main/extensions/github-dark/theme.json",
  "tokens": {
    "ui": {
      "colorBg": "#0D1117",
      "colorPanel": "#161B22",
      "colorPanelRaised": "#21262D",
      "colorBorder": "#30363D",
      "colorBorderMuted": "#21262D",
      "colorTextPrimary": "#C9D1D9",
      "colorTextSecondary": "#8B949E",
      "colorTextMuted": "#484F58",
      "colorPrimary": "#1F6FEB",
      "colorPrimaryHover": "#388BFD",
      "colorSecondary": "#238636",
      "colorSuccess": "#238636",
      "colorError": "#F85149",
      "colorWarning": "#D29922",
      "methodGet": "#2EA043",
      "methodPost": "#1F6FEB",
      "methodPut": "#D29922",
      "methodPatch": "#A371F7",
      "methodDelete": "#F85149",
      "methodWs": "#A371F7",
      "methodQuery": "#58A6FF",
      "methodGrpc": "#38BDF8",
      "methodGraphql": "#DB61A2",
      "radiusMd": "6px",
      "radiusLg": "8px"
    },
    "syntax": {
      "keyword": "#FF7B72",
      "string": "#A5D6FF",
      "comment": "#8B949E",
      "property": "#79C0FF",
      "punctuation": "#C9D1D9",
      "operator": "#79C0FF",
      "number": "#79C0FF",
      "boolean": "#FF7B72",
      "null": "#FF7B72",
      "function": "#D2A8FF",
      "variable": "#FFA657",
      "attribute": "#79C0FF",
      "className": "#FFA657"
    }
  }
}

Open PR on GitHub

Real-Time App Preview

github-dark

Veyak/GitHub Dark

HTTP / REST

GET

Params 2Headers 3AuthBody

200 OK

Time:38 msSize:1.28 KB

// Response payload generated by Veyak API Engine
{
  "success": true,
  "statusCode": 200,
  "data": {
    "username": "iamdhakrey",
    "role": "maintainer",
    "activeThemes": 14,
    "metadata": null,
    "capabilities": ["rest", "grpc", "graphql", "ws"]
  },
  "validator": function(res) {
    return res.status === 200;
  }
}

Palette Preview: