{ "metadata": { "id": "shadesofpurple-light", "name": "Shades of Purple", "description": "Ported from OpenCode Shades of Purple theme (light variant)", "author": "OpenCode", "version": "1.0.0", "variant": "light", "tags": [ "light", "opencode", "ported", "shadesofpurple" ] }, "colors": { "primary": { "base": "#7a5af8", "hover": "#7242fb", "active": "#7a5bf7", "foreground": "#000000", "muted": "#7a5af880", "emphasis": "#7242fb" }, "surface": { "background": "#f8effe", "foreground": "#32224f", "muted": "#ede4f4", "mutedForeground": "#4e406b", "elevated": "#f3e9f9", "elevatedForeground": "#32224f", "overlay": "#f8effe33", "subtle": "#e6dcee" }, "interactive": { "border": "#cabfd6", "borderHover": "#bfb4cc", "borderFocus": "#7a5bf7", "selection": "#32224f16", "selectionForeground": "#32224f", "focus": "#7a5bf7", "focusRing": "#7a5bf747", "cursor": "#210f3d", "hover": "#32224f0e", "active": "#32224f16" }, "status": { "error": "#ff6bd5", "errorForeground": "#000000", "errorBackground": "#fee0f2", "errorBorder": "#fb9ddd", "warning": "#f7c948", "warningForeground": "#000000", "warningBackground": "#fee8b1", "warningBorder": "#ecba16", "success": "#3dd598", "successForeground": "#000000", "successBackground": "#b0fed6", "successBorder": "#35e29f", "info": "#62d4ff", "infoForeground": "#000000", "infoBackground": "#d0f0fe", "infoBorder": "#63d1fa" }, "pr": { "open": "#3dd598", "draft": "#4e406b", "blocked": "#f7c948", "merged": "#e04d7a", "closed": "#ff6bd5" }, "syntax": { "base": { "background": "#f3e9f9", "foreground": "#32224f", "comment": "#8e4be3", "keyword": "#c45f00", "string": "#2f8b32", "number": "#e04d7a", "function": "#008fb8", "variable": "#210f3d", "type": "#9d7a00", "operator": "#32224f" }, "tokens": { "commentDoc": "#8e4be3", "stringEscape": "#32224f", "keywordImport": "#c45f00", "storageModifier": "#c45f00", "functionCall": "#008fb8", "method": "#008fb8", "variableProperty": "#008fb8", "variableOther": "#210f3d", "variableGlobal": "#e04d7a", "variableLocal": "#32224f", "parameter": "#210f3d", "constant": "#e04d7a", "class": "#9d7a00", "className": "#9d7a00", "interface": "#9d7a00", "struct": "#9d7a00", "enum": "#9d7a00", "typeParameter": "#9d7a00", "namespace": "#9d7a00", "module": "#c45f00", "tag": "#c45f00", "jsxTag": "#c45f00", "tagAttribute": "#008fb8", "tagAttributeValue": "#2f8b32", "boolean": "#e04d7a", "decorator": "#c45f00", "label": "#008fb8", "punctuation": "#32224f", "macro": "#c45f00", "preprocessor": "#c45f00", "regex": "#32224f", "url": "#7242fb", "key": "#008fb8", "exception": "#ff6bd5" }, "highlights": { "diffAdded": "#386d50", "diffAddedBackground": "#f2fdf5", "diffRemoved": "#854777", "diffRemovedBackground": "#fff7fc", "diffModified": "#6e560d", "diffModifiedBackground": "#f0e7fa", "lineNumber": "#695e82", "lineNumberActive": "#32224f" } }, "header": { "background": "#f8effe", "foreground": "#32224f", "border": "#cabfd6", "icon": "#4e406b", "hover": "#e6dcee" }, "sidebar": { "background": "#f0e6f6", "foreground": "#4e406b", "border": "#cabfd6", "icon": "#cec3d9", "hover": "#e6dcee", "active": "#e8e7ff", "accent": "#7a5af8", "accentForeground": "#000000" }, "chat": { "background": "#f8effe", "userMessage": "#32224f", "userMessageBackground": "#ede4f4", "assistantMessage": "#32224f", "assistantMessageBackground": "#f8effe", "timestamp": "#695e82", "divider": "#e1d7ea", "typing": "#4e406b" }, "markdown": { "heading1": "#5c1adc", "heading2": "#5c1adc", "heading3": "#210f3d", "heading4": "#32224f", "link": "#5c1adc", "linkHover": "#03637f", "inlineCode": "#006b47", "inlineCodeBackground": "#ede4f4", "blockquote": "#6e560d", "blockquoteBorder": "#cabfd6", "listMarker": "#5c1adc99", "bold": "#990d7a", "italic": "#6e560d", "strikethrough": "#4e406b", "hr": "#cabfd6" }, "tools": { "background": "#ede4f4", "border": "#e1d7ea", "headerHover": "#e6dcee", "icon": "#cec3d9", "title": "#32224f", "description": "#4e406b", "edit": { "added": "#386d50", "addedBackground": "#f2fdf5", "removed": "#fcb1e9", "removedBackground": "#fff7fc", "modified": "#6e560d", "modifiedBackground": "#f0e7fa", "lineNumber": "#695e82" }, "bash": { "background": "#f3e9f9", "foreground": "#32224f", "info": "#62d4ff", "warning": "#f7c948", "error": "#ff6bd5" }, "lsp": { "background": "#f3e9f9", "foreground": "#32224f", "info": "#62d4ff", "warning": "#f7c948", "error": "#ff6bd5" } }, "forms": { "inputBackground": "#f8effe", "inputForeground": "#32224f", "inputBorder": "#e1d7ea", "inputBorderHover": "#d5cbe0", "inputBorderFocus": "#7a5bf7", "inputPlaceholder": "#695e82", "inputDisabled": "#eae0f2", "inputSelection": "#e8e7ff", "label": "#4e406b", "helperText": "#695e82" }, "buttons": { "primary": { "bg": "#7a5af8", "fg": "#000000", "border": "#bcb9fb", "hover": "#7242fb", "active": "#7a5bf7", "disabled": "#d1c7dc" }, "secondary": { "bg": "#f3e9f9", "fg": "#32224f", "border": "#cabfd6", "hover": "#ede4f4", "active": "#e6dcee", "disabled": "#eae0f2" }, "ghost": { "bg": "#00000000", "fg": "#32224f", "border": "#00000000", "hover": "#ede4f4", "active": "#e6dcee", "disabled": "#695e82" }, "destructive": { "bg": "#ff6bd5", "fg": "#000000", "border": "#fb9ddd", "hover": "#fed0ed", "active": "#fe6cd5", "disabled": "#eae0f2" } }, "modal": { "background": "#f3e9f9", "foreground": "#32224f", "border": "#cabfd6", "overlay": "#f8effe3d" }, "popover": { "background": "#f3e9f9", "foreground": "#32224f", "border": "#cabfd6", "shadow": "0 18px 48px rgba(15, 15, 15, 0.16)" }, "commandPalette": { "background": "#f3e9f9", "foreground": "#32224f", "border": "#cabfd6", "inputBackground": "#f8effe", "selectedBackground": "#e8e7ff", "selectedForeground": "#32224f", "muted": "#4e406b" }, "fileAttachment": { "background": "#ede4f4", "foreground": "#32224f", "border": "#e1d7ea", "icon": "#cec3d9", "removeHover": "#fee0f2" }, "sessions": { "background": "#f8effe", "foreground": "#32224f", "mutedForeground": "#4e406b", "border": "#e8dff0", "hover": "#e6dcee", "active": "#e8e7ff" }, "modelSelector": { "background": "#f3e9f9", "foreground": "#32224f", "border": "#cabfd6", "selectedBackground": "#e8e7ff", "selectedForeground": "#32224f" }, "permissions": { "background": "#f3e9f9", "foreground": "#32224f", "border": "#cabfd6", "allow": "#3dd598", "allowBackground": "#b0fed6", "deny": "#ff6bd5", "denyBackground": "#fee0f2" }, "loading": { "spinner": "#7a5af8", "spinnerTrack": "#e6dcee", "skeleton": "#ede4f4", "shimmer": "#e6dcee" }, "scrollbar": { "track": "transparent", "thumb": "#32224f26", "thumbHover": "#32224f40" }, "badges": { "default": { "bg": "#ede4f4", "fg": "#32224f", "border": "#e1d7ea" }, "info": { "bg": "#d0f0fe", "fg": "#62d4ff", "border": "#63d1fa" }, "success": { "bg": "#b0fed6", "fg": "#3dd598", "border": "#35e29f" }, "warning": { "bg": "#fee8b1", "fg": "#f7c948", "border": "#ecba16" }, "error": { "bg": "#fee0f2", "fg": "#ff6bd5", "border": "#fb9ddd" } }, "toast": { "background": "#f3e9f9", "foreground": "#32224f", "border": "#cabfd6", "success": { "background": "#b0fed6", "foreground": "#3dd598", "border": "#35e29f" }, "warning": { "background": "#fee8b1", "foreground": "#f7c948", "border": "#ecba16" }, "error": { "background": "#fee0f2", "foreground": "#ff6bd5", "border": "#fb9ddd" }, "info": { "background": "#d0f0fe", "foreground": "#62d4ff", "border": "#63d1fa" } }, "emptyState": { "icon": "#4e406b", "title": "#32224f", "description": "#4e406b", "border": "#e8dff0" }, "table": { "border": "#e8dff0", "headerBackground": "#f3e9f9", "headerForeground": "#32224f", "rowHover": "#e6dcee", "rowSelected": "#e8e7ff" }, "charts": { "series": [ "#7a5af8", "#62d4ff", "#3dd598", "#f7c948", "#ff6bd5" ] }, "a11y": { "focusRing": "#7a5bf7", "selection": "#e8e7ff", "highContrast": false }, "shadows": { "sm": "0 2px 8px rgba(15, 15, 15, 0.08)", "md": "0 12px 32px rgba(15, 15, 15, 0.12)", "lg": "0 24px 56px rgba(15, 15, 15, 0.16)", "focus": "0 0 0 3px #7a5af840" }, "animation": { "fast": "150ms ease", "normal": "250ms ease", "slow": "350ms ease", "emphasis": "450ms cubic-bezier(0.2, 0.8, 0.2, 1)" } }, "config": { "fonts": { "sans": "\"IBM Plex Mono\", monospace", "mono": "\"IBM Plex Mono\", monospace", "heading": "\"IBM Plex Mono\", monospace" }, "spacing": { "xs": "0.25rem", "sm": "0.5rem", "md": "0.75rem", "lg": "1rem", "xl": "1.5rem" }, "transitions": { "fast": "150ms ease", "normal": "250ms ease", "slow": "350ms ease" } } }