feat: add catppuccin-macchiato theme (#5225)

packages/opencode/src/cli/cmd/tui/context/theme.tsx

@@ -6,6 +6,7 @@ import { createSimpleContext } from "./helper"
 import aura from "./theme/aura.json" with { type: "json" }
 import ayu from "./theme/ayu.json" with { type: "json" }
 import catppuccin from "./theme/catppuccin.json" with { type: "json" }
+import catppuccinMacchiato from "./theme/catppuccin-macchiato.json" with { type: "json" }
 import cobalt2 from "./theme/cobalt2.json" with { type: "json" }
 import dracula from "./theme/dracula.json" with { type: "json" }
 import everforest from "./theme/everforest.json" with { type: "json" }
@@ -131,6 +132,7 @@ export const DEFAULT_THEMES: Record<string, ThemeJson> = {
   aura,
   ayu,
   catppuccin,
+  ["catppuccin-macchiato"]: catppuccinMacchiato,
   cobalt2,
   dracula,
   everforest,

packages/opencode/src/cli/cmd/tui/context/theme/catppuccin-macchiato.json

@@ -0,0 +1,233 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "macRosewater": "#f4dbd6",
+    "macFlamingo": "#f0c6c6",
+    "macPink": "#f5bde6",
+    "macMauve": "#c6a0f6",
+    "macRed": "#ed8796",
+    "macMaroon": "#ee99a0",
+    "macPeach": "#f5a97f",
+    "macYellow": "#eed49f",
+    "macGreen": "#a6da95",
+    "macTeal": "#8bd5ca",
+    "macSky": "#91d7e3",
+    "macSapphire": "#7dc4e4",
+    "macBlue": "#8aadf4",
+    "macLavender": "#b7bdf8",
+    "macText": "#cad3f5",
+    "macSubtext1": "#b8c0e0",
+    "macSubtext0": "#a5adcb",
+    "macOverlay2": "#939ab7",
+    "macOverlay1": "#8087a2",
+    "macOverlay0": "#6e738d",
+    "macSurface2": "#5b6078",
+    "macSurface1": "#494d64",
+    "macSurface0": "#363a4f",
+    "macBase": "#24273a",
+    "macMantle": "#1e2030",
+    "macCrust": "#181926"
+  },
+  "theme": {
+    "primary": {
+      "dark": "macBlue",
+      "light": "macBlue"
+    },
+    "secondary": {
+      "dark": "macMauve",
+      "light": "macMauve"
+    },
+    "accent": {
+      "dark": "macPink",
+      "light": "macPink"
+    },
+    "error": {
+      "dark": "macRed",
+      "light": "macRed"
+    },
+    "warning": {
+      "dark": "macYellow",
+      "light": "macYellow"
+    },
+    "success": {
+      "dark": "macGreen",
+      "light": "macGreen"
+    },
+    "info": {
+      "dark": "macTeal",
+      "light": "macTeal"
+    },
+    "text": {
+      "dark": "macText",
+      "light": "macText"
+    },
+    "textMuted": {
+      "dark": "macSubtext1",
+      "light": "macSubtext1"
+    },
+    "background": {
+      "dark": "macBase",
+      "light": "macBase"
+    },
+    "backgroundPanel": {
+      "dark": "macMantle",
+      "light": "macMantle"
+    },
+    "backgroundElement": {
+      "dark": "macCrust",
+      "light": "macCrust"
+    },
+    "border": {
+      "dark": "macSurface0",
+      "light": "macSurface0"
+    },
+    "borderActive": {
+      "dark": "macSurface1",
+      "light": "macSurface1"
+    },
+    "borderSubtle": {
+      "dark": "macSurface2",
+      "light": "macSurface2"
+    },
+    "diffAdded": {
+      "dark": "macGreen",
+      "light": "macGreen"
+    },
+    "diffRemoved": {
+      "dark": "macRed",
+      "light": "macRed"
+    },
+    "diffContext": {
+      "dark": "macOverlay2",
+      "light": "macOverlay2"
+    },
+    "diffHunkHeader": {
+      "dark": "macPeach",
+      "light": "macPeach"
+    },
+    "diffHighlightAdded": {
+      "dark": "macGreen",
+      "light": "macGreen"
+    },
+    "diffHighlightRemoved": {
+      "dark": "macRed",
+      "light": "macRed"
+    },
+    "diffAddedBg": {
+      "dark": "#29342b",
+      "light": "#29342b"
+    },
+    "diffRemovedBg": {
+      "dark": "#3a2a31",
+      "light": "#3a2a31"
+    },
+    "diffContextBg": {
+      "dark": "macMantle",
+      "light": "macMantle"
+    },
+    "diffLineNumber": {
+      "dark": "macSurface1",
+      "light": "macSurface1"
+    },
+    "diffAddedLineNumberBg": {
+      "dark": "#223025",
+      "light": "#223025"
+    },
+    "diffRemovedLineNumberBg": {
+      "dark": "#2f242b",
+      "light": "#2f242b"
+    },
+    "markdownText": {
+      "dark": "macText",
+      "light": "macText"
+    },
+    "markdownHeading": {
+      "dark": "macMauve",
+      "light": "macMauve"
+    },
+    "markdownLink": {
+      "dark": "macBlue",
+      "light": "macBlue"
+    },
+    "markdownLinkText": {
+      "dark": "macSky",
+      "light": "macSky"
+    },
+    "markdownCode": {
+      "dark": "macGreen",
+      "light": "macGreen"
+    },
+    "markdownBlockQuote": {
+      "dark": "macYellow",
+      "light": "macYellow"
+    },
+    "markdownEmph": {
+      "dark": "macYellow",
+      "light": "macYellow"
+    },
+    "markdownStrong": {
+      "dark": "macPeach",
+      "light": "macPeach"
+    },
+    "markdownHorizontalRule": {
+      "dark": "macSubtext0",
+      "light": "macSubtext0"
+    },
+    "markdownListItem": {
+      "dark": "macBlue",
+      "light": "macBlue"
+    },
+    "markdownListEnumeration": {
+      "dark": "macSky",
+      "light": "macSky"
+    },
+    "markdownImage": {
+      "dark": "macBlue",
+      "light": "macBlue"
+    },
+    "markdownImageText": {
+      "dark": "macSky",
+      "light": "macSky"
+    },
+    "markdownCodeBlock": {
+      "dark": "macText",
+      "light": "macText"
+    },
+    "syntaxComment": {
+      "dark": "macOverlay2",
+      "light": "macOverlay2"
+    },
+    "syntaxKeyword": {
+      "dark": "macMauve",
+      "light": "macMauve"
+    },
+    "syntaxFunction": {
+      "dark": "macBlue",
+      "light": "macBlue"
+    },
+    "syntaxVariable": {
+      "dark": "macRed",
+      "light": "macRed"
+    },
+    "syntaxString": {
+      "dark": "macGreen",
+      "light": "macGreen"
+    },
+    "syntaxNumber": {
+      "dark": "macPeach",
+      "light": "macPeach"
+    },
+    "syntaxType": {
+      "dark": "macYellow",
+      "light": "macYellow"
+    },
+    "syntaxOperator": {
+      "dark": "macSky",
+      "light": "macSky"
+    },
+    "syntaxPunctuation": {
+      "dark": "macText",
+      "light": "macText"
+    }
+  }
+}

packages/web/src/content/docs/themes.mdx

@@ -25,18 +25,19 @@ Without truecolor support, themes may appear with reduced color accuracy or fall
 
 OpenCode comes with several built-in themes.
 
-| Name         | Description                                                                  |
-| ------------ | ---------------------------------------------------------------------------- |
-| `system`     | Adapts to your terminal's background color                                   |
-| `tokyonight` | Based on the [Tokyonight](https://github.com/folke/tokyonight.nvim) theme    |
-| `everforest` | Based on the [Everforest](https://github.com/sainnhe/everforest) theme       |
-| `ayu`        | Based on the [Ayu](https://github.com/ayu-theme) dark theme                  |
-| `catppuccin` | Based on the [Catppuccin](https://github.com/catppuccin) theme               |
-| `gruvbox`    | Based on the [Gruvbox](https://github.com/morhetz/gruvbox) theme             |
-| `kanagawa`   | Based on the [Kanagawa](https://github.com/rebelot/kanagawa.nvim) theme      |
-| `nord`       | Based on the [Nord](https://github.com/nordtheme/nord) theme                 |
-| `matrix`     | Hacker-style green on black theme                                            |
-| `one-dark`   | Based on the [Atom One](https://github.com/Th3Whit3Wolf/one-nvim) Dark theme |
+| Name                   | Description                                                                  |
+| ---------------------- | ---------------------------------------------------------------------------- |
+| `system`               | Adapts to your terminal’s background color                                   |
+| `tokyonight`           | Based on the [Tokyonight](https://github.com/folke/tokyonight.nvim) theme    |
+| `everforest`           | Based on the [Everforest](https://github.com/sainnhe/everforest) theme       |
+| `ayu`                  | Based on the [Ayu](https://github.com/ayu-theme) dark theme                  |
+| `catppuccin`           | Based on the [Catppuccin](https://github.com/catppuccin) theme               |
+| `catppuccin-macchiato` | Based on the [Catppuccin](https://github.com/catppuccin) theme               |
+| `gruvbox`              | Based on the [Gruvbox](https://github.com/morhetz/gruvbox) theme             |
+| `kanagawa`             | Based on the [Kanagawa](https://github.com/rebelot/kanagawa.nvim) theme      |
+| `nord`                 | Based on the [Nord](https://github.com/nordtheme/nord) theme                 |
+| `matrix`               | Hacker-style green on black theme                                            |
+| `one-dark`             | Based on the [Atom One](https://github.com/Th3Whit3Wolf/one-nvim) Dark theme |
 
 And more, we are constantly adding new themes.