init: push source

src/lib/claudeSyntaxTheme.ts

@@ -0,0 +1,175 @@
+/**
+ * Claude-themed syntax highlighting theme
+ * Features orange, purple, and violet colors to match Claude's aesthetic
+ */
+export const claudeSyntaxTheme: any = {
+  'code[class*="language-"]': {
+    color: '#e3e8f0',
+    background: 'transparent',
+    textShadow: 'none',
+    fontFamily: 'var(--font-mono)',
+    fontSize: '0.875em',
+    textAlign: 'left',
+    whiteSpace: 'pre',
+    wordSpacing: 'normal',
+    wordBreak: 'normal',
+    wordWrap: 'normal',
+    lineHeight: '1.5',
+    MozTabSize: '4',
+    OTabSize: '4',
+    tabSize: '4',
+    WebkitHyphens: 'none',
+    MozHyphens: 'none',
+    msHyphens: 'none',
+    hyphens: 'none',
+  },
+  'pre[class*="language-"]': {
+    color: '#e3e8f0',
+    background: 'transparent',
+    textShadow: 'none',
+    fontFamily: 'var(--font-mono)',
+    fontSize: '0.875em',
+    textAlign: 'left',
+    whiteSpace: 'pre',
+    wordSpacing: 'normal',
+    wordBreak: 'normal',
+    wordWrap: 'normal',
+    lineHeight: '1.5',
+    MozTabSize: '4',
+    OTabSize: '4',
+    tabSize: '4',
+    WebkitHyphens: 'none',
+    MozHyphens: 'none',
+    msHyphens: 'none',
+    hyphens: 'none',
+    padding: '1em',
+    margin: '0',
+    overflow: 'auto',
+  },
+  ':not(pre) > code[class*="language-"]': {
+    background: 'rgba(139, 92, 246, 0.1)',
+    padding: '0.1em 0.3em',
+    borderRadius: '0.3em',
+    whiteSpace: 'normal',
+  },
+  'comment': {
+    color: '#6b7280',
+    fontStyle: 'italic',
+  },
+  'prolog': {
+    color: '#6b7280',
+  },
+  'doctype': {
+    color: '#6b7280',
+  },
+  'cdata': {
+    color: '#6b7280',
+  },
+  'punctuation': {
+    color: '#9ca3af',
+  },
+  'namespace': {
+    opacity: '0.7',
+  },
+  'property': {
+    color: '#f59e0b', // Amber/Orange
+  },
+  'tag': {
+    color: '#8b5cf6', // Violet
+  },
+  'boolean': {
+    color: '#f59e0b', // Amber/Orange
+  },
+  'number': {
+    color: '#f59e0b', // Amber/Orange
+  },
+  'constant': {
+    color: '#f59e0b', // Amber/Orange
+  },
+  'symbol': {
+    color: '#f59e0b', // Amber/Orange
+  },
+  'deleted': {
+    color: '#ef4444',
+  },
+  'selector': {
+    color: '#a78bfa', // Light Purple
+  },
+  'attr-name': {
+    color: '#a78bfa', // Light Purple
+  },
+  'string': {
+    color: '#10b981', // Emerald Green
+  },
+  'char': {
+    color: '#10b981', // Emerald Green
+  },
+  'builtin': {
+    color: '#8b5cf6', // Violet
+  },
+  'url': {
+    color: '#10b981', // Emerald Green
+  },
+  'inserted': {
+    color: '#10b981', // Emerald Green
+  },
+  'entity': {
+    color: '#a78bfa', // Light Purple
+    cursor: 'help',
+  },
+  'atrule': {
+    color: '#c084fc', // Light Violet
+  },
+  'attr-value': {
+    color: '#10b981', // Emerald Green
+  },
+  'keyword': {
+    color: '#c084fc', // Light Violet
+  },
+  'function': {
+    color: '#818cf8', // Indigo
+  },
+  'class-name': {
+    color: '#f59e0b', // Amber/Orange
+  },
+  'regex': {
+    color: '#06b6d4', // Cyan
+  },
+  'important': {
+    color: '#f59e0b', // Amber/Orange
+    fontWeight: 'bold',
+  },
+  'variable': {
+    color: '#a78bfa', // Light Purple
+  },
+  'bold': {
+    fontWeight: 'bold',
+  },
+  'italic': {
+    fontStyle: 'italic',
+  },
+  'operator': {
+    color: '#9ca3af',
+  },
+  'script': {
+    color: '#e3e8f0',
+  },
+  'parameter': {
+    color: '#fbbf24', // Yellow
+  },
+  'method': {
+    color: '#818cf8', // Indigo
+  },
+  'field': {
+    color: '#f59e0b', // Amber/Orange
+  },
+  'annotation': {
+    color: '#6b7280',
+  },
+  'type': {
+    color: '#a78bfa', // Light Purple
+  },
+  'module': {
+    color: '#8b5cf6', // Violet
+  },
+};