termcast 1.3.30 → 1.3.32

package/src/release.tsx

@@ -8,7 +8,6 @@ import {
   compileExtension,
   ALL_TARGETS,
   targetToFileSuffix,
-  targetToArchiveSuffix,
   getArchiveExtension,
   type CompileTarget,
 } from './compile'
@@ -22,6 +21,7 @@ export interface ReleaseResult {
   success: boolean
   tag: string
   uploadedFiles: string[]
+  installUrl: string
 }
 
 export async function releaseExtension({
@@ -46,7 +46,8 @@ export async function releaseExtension({
     throw new Error(`package.json must have a "name" field`)
   }
 
-  // Get repo name from git remote
+  // Get repo owner and name from git remote
+  let repoOwner: string
   let repoName: string
   try {
     const remoteUrl = execSync('git config --get remote.origin.url', {
@@ -54,13 +55,16 @@ export async function releaseExtension({
       encoding: 'utf-8',
     }).trim()
     // Handle both HTTPS and SSH URLs:
-    // https://github.com/user/repo.git -> repo
-    // git@github.com:user/repo.git -> repo
-    const match = remoteUrl.match(/\/([^/]+?)(?:\.git)?$/) || remoteUrl.match(/:([^/]+?)(?:\.git)?$/)
+    // https://github.com/user/repo.git -> user/repo
+    // git@github.com:user/repo.git -> user/repo
+    const httpsMatch = remoteUrl.match(/github\.com\/([^/]+)\/([^/]+?)(?:\.git)?$/)
+    const sshMatch = remoteUrl.match(/github\.com:([^/]+)\/([^/]+?)(?:\.git)?$/)
+    const match = httpsMatch || sshMatch
     if (!match) {
-      throw new Error(`Could not parse repo name from remote URL: ${remoteUrl}`)
+      throw new Error(`Could not parse owner/repo from remote URL: ${remoteUrl}`)
     }
-    repoName = match[1].replace(/\.git$/, '')
+    repoOwner = match[1]
+    repoName = match[2].replace(/\.git$/, '')
   } catch (error: any) {
     throw new Error(`Failed to get git remote: ${error.message}`)
   }
@@ -128,8 +132,7 @@ export async function releaseExtension({
       console.log(`  ✓ ${path.basename(result.outfile)}`)
 
       const archiveExt = getArchiveExtension(target)
-      const archiveSuffix = targetToArchiveSuffix(target)
-      const archiveName = `${repoName}-${archiveSuffix}${archiveExt}`
+      const archiveName = `${repoName}-${suffix.replace(/\.exe$/, '')}${archiveExt}`
       const archivePath = path.join(outputDir, archiveName)
 
       if (archiveExt === '.tar.gz') {
@@ -170,13 +173,16 @@ export async function releaseExtension({
 
 
 
+  const installUrl = `https://termcast.app/${repoOwner}/${repoName}/install`
   console.log(`\n✅ Release ${tag} published successfully!`)
   console.log(`   ${compileResults.length} binaries uploaded`)
-
+  console.log(`\nInstall script:`)
+  console.log(`   curl -sf ${installUrl} | bash`)
 
   return {
     success: true,
     tag,
     uploadedFiles: compileResults,
+    installUrl,
   }
 }

package/src/state.tsx

@@ -2,11 +2,34 @@ import { create } from 'zustand'
 import { type ReactNode } from 'react'
 import type { RaycastPackageJson } from './package-json'
 
+// Toast action keyboard shortcuts (ctrl+t for primary, ctrl+g for secondary)
+export const toastPrimaryActionKey = { ctrl: true, name: 't' } as const
+export const toastSecondaryActionKey = { ctrl: true, name: 'g' } as const
+
+export type ToastStyle = 'SUCCESS' | 'FAILURE' | 'ANIMATED'
+
+export interface ToastActionData {
+  title: string
+  onAction: () => void
+}
+
+export interface ToastData {
+  id: string
+  title: string
+  message?: string
+  style: ToastStyle
+  primaryAction?: ToastActionData
+  secondaryAction?: ToastActionData
+  onHide: () => void
+}
+
 export type DialogPosition = 'center' | 'top-right' | 'bottom-right'
+export type DialogStackItemType = 'actions' | undefined
 
 export interface DialogStackItem {
   element: ReactNode
   position?: DialogPosition
+  type?: DialogStackItemType
 }
 
 export interface NavigationStackItem {
@@ -15,29 +38,37 @@ export interface NavigationStackItem {
 }
 
 interface AppState {
-  toast: ReactNode | null
+  toast: ToastData | null
+  toastWithPrimaryAction: boolean
   dialogStack: DialogStackItem[]
-  // Navigation state
   navigationStack: NavigationStackItem[]
   // Dev mode state
   devElement: ReactNode | null
+  // used to bust cache in bun after imports. incremented on each file change
   devRebuildCount: number
   // Extension and command state
+  // TODO this should always be available. for compiled extensions it should be homedir/.termcast/extension-name
+  // there we should put data, cache, etc. the logic should be same exact as dev command extensions. simply changes the extension path
+  // in this same folder we should also put the binary executable, which will be added in PATH. inside a bin folder
   extensionPath: string | null
+  // TODO extensionPackageJson should be always defined. even for dev extensions or compiled extensions.
+  // it is ok to fail in functions that need it. if examples without package.json need to use this field we should move them to actual extensions inside fixtures then
   extensionPackageJson: RaycastPackageJson | null
   currentCommandName: string | null
   currentCommandArguments: Record<string, string> | null
-  // OAuth state
   googleAccessToken?: string
   googleIdToken?: string
   // Actions state - when true, auto-execute first action instead of showing sheet
   shouldAutoExecuteFirstAction: boolean
   // First action title for footer display (set by offscreen ActionPanel)
   firstActionTitle: string
+  // Theme state
+  currentThemeName: string
 }
 
 export const useStore = create<AppState>(() => ({
   toast: null,
+  toastWithPrimaryAction: false,
   dialogStack: [],
   // Navigation state
   navigationStack: [],
@@ -55,4 +86,6 @@ export const useStore = create<AppState>(() => ({
   // Actions state
   shouldAutoExecuteFirstAction: false,
   firstActionTitle: '',
+  // Theme state
+  currentThemeName: 'termcast',
 }))

package/src/theme.tsx

@@ -1,56 +1,87 @@
 import { SyntaxStyle, RGBA } from '@opentui/core'
+import { getResolvedTheme, type ResolvedTheme, defaultThemeName, themeNames } from './themes'
+import { useStore } from './state'
+import { Cache } from './apis/cache'
 
-export const Theme = {
-  // Text colors
-  text: '#FFFFFF',
-  textMuted: '#999999',
-
-  // Background colors
-  background: '#000000',
-  backgroundPanel: '#1E1E1E', // Dark gray panel background
-
-  // Primary/accent colors
-  primary: '#FFC000', // Bright golden orange
-  accent: '#FFC000', // Bright golden orange
-
-  // Accessory colors (from List component)
-  info: '#FFC000', // Orange for text accessories
-  success: '#FFC000', // Orange for date accessories
-  warning: '#FFC000', // Orange for tag accessories
-  error: '#FF0000', // Red for errors
-
-  // Additional UI colors
-  border: '#333333',
-  selectedMuted: '#AA8000', // Dimmer orange for selected values when not focused
-  highlight: '#FFC000',
-  selected: '#FFC000',
-  yellow: '#FFFF00', // Yellow for icons
-  link: '#FFC000', // Orange for links
-
-  // Transparent
-  transparent: undefined, // Use undefined for no background color
-} as const
-
-export const markdownSyntaxStyle = SyntaxStyle.fromStyles({
-  default: { fg: RGBA.fromHex(Theme.text) },
-  'markup.heading.1': { fg: RGBA.fromHex(Theme.primary), bold: true },
-  'markup.heading.2': { fg: RGBA.fromHex(Theme.primary), bold: true },
-  'markup.heading.3': { fg: RGBA.fromHex(Theme.primary), bold: true },
-  'markup.heading.4': { fg: RGBA.fromHex(Theme.primary), bold: true },
-  'markup.heading.5': { fg: RGBA.fromHex(Theme.primary), bold: true },
-  'markup.heading.6': { fg: RGBA.fromHex(Theme.primary), bold: true },
-  'markup.heading': { fg: RGBA.fromHex(Theme.primary), bold: true },
-  'markup.raw.block': { fg: RGBA.fromHex(Theme.accent) },
-  'markup.link.url': { fg: RGBA.fromHex(Theme.link) },
-  'markup.link.label': { fg: RGBA.fromHex(Theme.link) },
-  'markup.list': { fg: RGBA.fromHex(Theme.warning) },
-  'markup.list.checked': { fg: RGBA.fromHex(Theme.success) },
-  'markup.list.unchecked': { fg: RGBA.fromHex(Theme.textMuted) },
-  'markup.quote': { fg: RGBA.fromHex(Theme.textMuted), italic: true },
-  'punctuation.special': { fg: RGBA.fromHex(Theme.textMuted) },
-  'punctuation.delimiter': { fg: RGBA.fromHex(Theme.textMuted) },
-  'string.escape': { fg: RGBA.fromHex(Theme.warning) },
-  label: { fg: RGBA.fromHex(Theme.accent) },
+// Global cache for theme persistence (no namespace = global storage)
+let globalCache: Cache | null = null
+
+function getGlobalCache(): Cache {
+  if (!globalCache) {
+    globalCache = new Cache()
+  }
+  return globalCache
+}
+
+const THEME_STORAGE_KEY = 'termcast.theme'
+
+export function loadPersistedTheme(): string {
+  try {
+    const stored = getGlobalCache().get(THEME_STORAGE_KEY)
+    if (stored && themeNames.includes(stored)) {
+      return stored
+    }
+  } catch {
+    // Ignore errors on load
+  }
+  return defaultThemeName
+}
+
+export function persistTheme(name: string): void {
+  try {
+    getGlobalCache().set(THEME_STORAGE_KEY, name)
+  } catch {
+    // Ignore errors on save
+  }
+}
+
+// Initialize theme from persistence - call this on app startup
+export function initializeTheme(): void {
+  const themeName = loadPersistedTheme()
+  useStore.setState({ currentThemeName: themeName })
+}
+
+// Proxy-based Theme object that reads from zustand state
+export const Theme: ResolvedTheme = new Proxy({} as ResolvedTheme, {
+  get(_, prop: string) {
+    const themeName = useStore.getState().currentThemeName
+    const resolved = getResolvedTheme(themeName)
+    return resolved[prop as keyof ResolvedTheme]
+  },
+})
+
+export function getMarkdownSyntaxStyle(): SyntaxStyle {
+  const themeName = useStore.getState().currentThemeName
+  const t = getResolvedTheme(themeName)
+  return SyntaxStyle.fromStyles({
+    default: { fg: RGBA.fromHex(t.markdownText) },
+    'markup.heading.1': { fg: RGBA.fromHex(t.markdownHeading), bold: true },
+    'markup.heading.2': { fg: RGBA.fromHex(t.markdownHeading), bold: true },
+    'markup.heading.3': { fg: RGBA.fromHex(t.markdownHeading), bold: true },
+    'markup.heading.4': { fg: RGBA.fromHex(t.markdownHeading), bold: true },
+    'markup.heading.5': { fg: RGBA.fromHex(t.markdownHeading), bold: true },
+    'markup.heading.6': { fg: RGBA.fromHex(t.markdownHeading), bold: true },
+    'markup.heading': { fg: RGBA.fromHex(t.markdownHeading), bold: true },
+    'markup.raw.block': { fg: RGBA.fromHex(t.markdownCode) },
+    'markup.link.url': { fg: RGBA.fromHex(t.markdownLink) },
+    'markup.link.label': { fg: RGBA.fromHex(t.markdownLinkText) },
+    'markup.list': { fg: RGBA.fromHex(t.markdownListItem) },
+    'markup.list.checked': { fg: RGBA.fromHex(t.success) },
+    'markup.list.unchecked': { fg: RGBA.fromHex(t.textMuted) },
+    'markup.quote': { fg: RGBA.fromHex(t.markdownBlockQuote), italic: true },
+    'punctuation.special': { fg: RGBA.fromHex(t.syntaxPunctuation) },
+    'punctuation.delimiter': { fg: RGBA.fromHex(t.syntaxPunctuation) },
+    'string.escape': { fg: RGBA.fromHex(t.syntaxString) },
+    label: { fg: RGBA.fromHex(t.accent) },
+  })
+}
+
+// For backward compatibility - some code imports markdownSyntaxStyle directly
+// This is a getter that returns the current theme's syntax style
+export const markdownSyntaxStyle = new Proxy({} as SyntaxStyle, {
+  get(_, prop: string) {
+    return getMarkdownSyntaxStyle()[prop as keyof SyntaxStyle]
+  },
 })
 
 export default Theme

package/src/themes/aura.json

@@ -0,0 +1,69 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkBg": "#0f0f0f",
+    "darkBgPanel": "#15141b",
+    "darkBorder": "#2d2d2d",
+    "darkFgMuted": "#6d6d6d",
+    "darkFg": "#edecee",
+    "purple": "#a277ff",
+    "pink": "#f694ff",
+    "blue": "#82e2ff",
+    "red": "#ff6767",
+    "orange": "#ffca85",
+    "cyan": "#61ffca",
+    "green": "#9dff65"
+  },
+  "theme": {
+    "primary": "purple",
+    "secondary": "pink",
+    "accent": "purple",
+    "error": "red",
+    "warning": "orange",
+    "success": "cyan",
+    "info": "purple",
+    "text": "darkFg",
+    "textMuted": "darkFgMuted",
+    "background": "darkBg",
+    "backgroundPanel": "darkBgPanel",
+    "backgroundElement": "darkBgPanel",
+    "border": "darkBorder",
+    "borderActive": "darkFgMuted",
+    "borderSubtle": "darkBorder",
+    "diffAdded": "cyan",
+    "diffRemoved": "red",
+    "diffContext": "darkFgMuted",
+    "diffHunkHeader": "darkFgMuted",
+    "diffHighlightAdded": "cyan",
+    "diffHighlightRemoved": "red",
+    "diffAddedBg": "#354933",
+    "diffRemovedBg": "#3f191a",
+    "diffContextBg": "darkBgPanel",
+    "diffLineNumber": "darkBorder",
+    "diffAddedLineNumberBg": "#162620",
+    "diffRemovedLineNumberBg": "#26161a",
+    "markdownText": "darkFg",
+    "markdownHeading": "purple",
+    "markdownLink": "pink",
+    "markdownLinkText": "purple",
+    "markdownCode": "cyan",
+    "markdownBlockQuote": "darkFgMuted",
+    "markdownEmph": "orange",
+    "markdownStrong": "purple",
+    "markdownHorizontalRule": "darkFgMuted",
+    "markdownListItem": "purple",
+    "markdownListEnumeration": "purple",
+    "markdownImage": "pink",
+    "markdownImageText": "purple",
+    "markdownCodeBlock": "darkFg",
+    "syntaxComment": "darkFgMuted",
+    "syntaxKeyword": "pink",
+    "syntaxFunction": "purple",
+    "syntaxVariable": "purple",
+    "syntaxString": "cyan",
+    "syntaxNumber": "green",
+    "syntaxType": "purple",
+    "syntaxOperator": "pink",
+    "syntaxPunctuation": "darkFg"
+  }
+}

package/src/themes/ayu.json

@@ -0,0 +1,80 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkBg": "#0B0E14",
+    "darkBgAlt": "#0D1017",
+    "darkLine": "#11151C",
+    "darkPanel": "#0F131A",
+    "darkFg": "#BFBDB6",
+    "darkFgMuted": "#565B66",
+    "darkGutter": "#6C7380",
+    "darkTag": "#39BAE6",
+    "darkFunc": "#FFB454",
+    "darkEntity": "#59C2FF",
+    "darkString": "#AAD94C",
+    "darkRegexp": "#95E6CB",
+    "darkMarkup": "#F07178",
+    "darkKeyword": "#FF8F40",
+    "darkSpecial": "#E6B673",
+    "darkComment": "#ACB6BF",
+    "darkConstant": "#D2A6FF",
+    "darkOperator": "#F29668",
+    "darkAdded": "#7FD962",
+    "darkRemoved": "#F26D78",
+    "darkAccent": "#E6B450",
+    "darkError": "#D95757",
+    "darkIndentActive": "#6C7380"
+  },
+  "theme": {
+    "primary": "darkEntity",
+    "secondary": "darkConstant",
+    "accent": "darkAccent",
+    "error": "darkError",
+    "warning": "darkSpecial",
+    "success": "darkAdded",
+    "info": "darkTag",
+    "text": "darkFg",
+    "textMuted": "darkFgMuted",
+    "background": "darkBg",
+    "backgroundPanel": "darkPanel",
+    "backgroundElement": "darkBgAlt",
+    "border": "darkGutter",
+    "borderActive": "darkIndentActive",
+    "borderSubtle": "darkLine",
+    "diffAdded": "darkAdded",
+    "diffRemoved": "darkRemoved",
+    "diffContext": "darkComment",
+    "diffHunkHeader": "darkComment",
+    "diffHighlightAdded": "darkString",
+    "diffHighlightRemoved": "darkMarkup",
+    "diffAddedBg": "#20303b",
+    "diffRemovedBg": "#37222c",
+    "diffContextBg": "darkPanel",
+    "diffLineNumber": "darkGutter",
+    "diffAddedLineNumberBg": "#1b2b34",
+    "diffRemovedLineNumberBg": "#2d1f26",
+    "markdownText": "darkFg",
+    "markdownHeading": "darkConstant",
+    "markdownLink": "darkEntity",
+    "markdownLinkText": "darkTag",
+    "markdownCode": "darkString",
+    "markdownBlockQuote": "darkSpecial",
+    "markdownEmph": "darkSpecial",
+    "markdownStrong": "darkFunc",
+    "markdownHorizontalRule": "darkFgMuted",
+    "markdownListItem": "darkEntity",
+    "markdownListEnumeration": "darkTag",
+    "markdownImage": "darkEntity",
+    "markdownImageText": "darkTag",
+    "markdownCodeBlock": "darkFg",
+    "syntaxComment": "darkComment",
+    "syntaxKeyword": "darkKeyword",
+    "syntaxFunction": "darkFunc",
+    "syntaxVariable": "darkEntity",
+    "syntaxString": "darkString",
+    "syntaxNumber": "darkConstant",
+    "syntaxType": "darkSpecial",
+    "syntaxOperator": "darkOperator",
+    "syntaxPunctuation": "darkFg"
+  }
+}

package/src/themes/catppuccin-frappe.json

@@ -0,0 +1,233 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "frappeRosewater": "#f2d5cf",
+    "frappeFlamingo": "#eebebe",
+    "frappePink": "#f4b8e4",
+    "frappeMauve": "#ca9ee6",
+    "frappeRed": "#e78284",
+    "frappeMaroon": "#ea999c",
+    "frappePeach": "#ef9f76",
+    "frappeYellow": "#e5c890",
+    "frappeGreen": "#a6d189",
+    "frappeTeal": "#81c8be",
+    "frappeSky": "#99d1db",
+    "frappeSapphire": "#85c1dc",
+    "frappeBlue": "#8da4e2",
+    "frappeLavender": "#babbf1",
+    "frappeText": "#c6d0f5",
+    "frappeSubtext1": "#b5bfe2",
+    "frappeSubtext0": "#a5adce",
+    "frappeOverlay2": "#949cb8",
+    "frappeOverlay1": "#838ba7",
+    "frappeOverlay0": "#737994",
+    "frappeSurface2": "#626880",
+    "frappeSurface1": "#51576d",
+    "frappeSurface0": "#414559",
+    "frappeBase": "#303446",
+    "frappeMantle": "#292c3c",
+    "frappeCrust": "#232634"
+  },
+  "theme": {
+    "primary": {
+      "dark": "frappeBlue",
+      "light": "frappeBlue"
+    },
+    "secondary": {
+      "dark": "frappeMauve",
+      "light": "frappeMauve"
+    },
+    "accent": {
+      "dark": "frappePink",
+      "light": "frappePink"
+    },
+    "error": {
+      "dark": "frappeRed",
+      "light": "frappeRed"
+    },
+    "warning": {
+      "dark": "frappeYellow",
+      "light": "frappeYellow"
+    },
+    "success": {
+      "dark": "frappeGreen",
+      "light": "frappeGreen"
+    },
+    "info": {
+      "dark": "frappeTeal",
+      "light": "frappeTeal"
+    },
+    "text": {
+      "dark": "frappeText",
+      "light": "frappeText"
+    },
+    "textMuted": {
+      "dark": "frappeSubtext1",
+      "light": "frappeSubtext1"
+    },
+    "background": {
+      "dark": "frappeBase",
+      "light": "frappeBase"
+    },
+    "backgroundPanel": {
+      "dark": "frappeMantle",
+      "light": "frappeMantle"
+    },
+    "backgroundElement": {
+      "dark": "frappeCrust",
+      "light": "frappeCrust"
+    },
+    "border": {
+      "dark": "frappeSurface0",
+      "light": "frappeSurface0"
+    },
+    "borderActive": {
+      "dark": "frappeSurface1",
+      "light": "frappeSurface1"
+    },
+    "borderSubtle": {
+      "dark": "frappeSurface2",
+      "light": "frappeSurface2"
+    },
+    "diffAdded": {
+      "dark": "frappeGreen",
+      "light": "frappeGreen"
+    },
+    "diffRemoved": {
+      "dark": "frappeRed",
+      "light": "frappeRed"
+    },
+    "diffContext": {
+      "dark": "frappeOverlay2",
+      "light": "frappeOverlay2"
+    },
+    "diffHunkHeader": {
+      "dark": "frappePeach",
+      "light": "frappePeach"
+    },
+    "diffHighlightAdded": {
+      "dark": "frappeGreen",
+      "light": "frappeGreen"
+    },
+    "diffHighlightRemoved": {
+      "dark": "frappeRed",
+      "light": "frappeRed"
+    },
+    "diffAddedBg": {
+      "dark": "#29342b",
+      "light": "#29342b"
+    },
+    "diffRemovedBg": {
+      "dark": "#3a2a31",
+      "light": "#3a2a31"
+    },
+    "diffContextBg": {
+      "dark": "frappeMantle",
+      "light": "frappeMantle"
+    },
+    "diffLineNumber": {
+      "dark": "frappeSurface1",
+      "light": "frappeSurface1"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#223025",
+      "light": "#223025"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#2f242b",
+      "light": "#2f242b"
+    },
+    "markdownText": {
+      "dark": "frappeText",
+      "light": "frappeText"
+    },
+    "markdownHeading": {
+      "dark": "frappeMauve",
+      "light": "frappeMauve"
+    },
+    "markdownLink": {
+      "dark": "frappeBlue",
+      "light": "frappeBlue"
+    },
+    "markdownLinkText": {
+      "dark": "frappeSky",
+      "light": "frappeSky"
+    },
+    "markdownCode": {
+      "dark": "frappeGreen",
+      "light": "frappeGreen"
+    },
+    "markdownBlockQuote": {
+      "dark": "frappeYellow",
+      "light": "frappeYellow"
+    },
+    "markdownEmph": {
+      "dark": "frappeYellow",
+      "light": "frappeYellow"
+    },
+    "markdownStrong": {
+      "dark": "frappePeach",
+      "light": "frappePeach"
+    },
+    "markdownHorizontalRule": {
+      "dark": "frappeSubtext0",
+      "light": "frappeSubtext0"
+    },
+    "markdownListItem": {
+      "dark": "frappeBlue",
+      "light": "frappeBlue"
+    },
+    "markdownListEnumeration": {
+      "dark": "frappeSky",
+      "light": "frappeSky"
+    },
+    "markdownImage": {
+      "dark": "frappeBlue",
+      "light": "frappeBlue"
+    },
+    "markdownImageText": {
+      "dark": "frappeSky",
+      "light": "frappeSky"
+    },
+    "markdownCodeBlock": {
+      "dark": "frappeText",
+      "light": "frappeText"
+    },
+    "syntaxComment": {
+      "dark": "frappeOverlay2",
+      "light": "frappeOverlay2"
+    },
+    "syntaxKeyword": {
+      "dark": "frappeMauve",
+      "light": "frappeMauve"
+    },
+    "syntaxFunction": {
+      "dark": "frappeBlue",
+      "light": "frappeBlue"
+    },
+    "syntaxVariable": {
+      "dark": "frappeRed",
+      "light": "frappeRed"
+    },
+    "syntaxString": {
+      "dark": "frappeGreen",
+      "light": "frappeGreen"
+    },
+    "syntaxNumber": {
+      "dark": "frappePeach",
+      "light": "frappePeach"
+    },
+    "syntaxType": {
+      "dark": "frappeYellow",
+      "light": "frappeYellow"
+    },
+    "syntaxOperator": {
+      "dark": "frappeSky",
+      "light": "frappeSky"
+    },
+    "syntaxPunctuation": {
+      "dark": "frappeText",
+      "light": "frappeText"
+    }
+  }
+}