Browse Source

feat(theme): add Osaka Jade theme (#6609)

steez 1 month ago
parent
commit
2685de2a33

+ 2 - 0
packages/opencode/src/cli/cmd/tui/context/theme.tsx

@@ -22,6 +22,7 @@ import mercury from "./theme/mercury.json" with { type: "json" }
 import monokai from "./theme/monokai.json" with { type: "json" }
 import monokai from "./theme/monokai.json" with { type: "json" }
 import nightowl from "./theme/nightowl.json" with { type: "json" }
 import nightowl from "./theme/nightowl.json" with { type: "json" }
 import nord from "./theme/nord.json" with { type: "json" }
 import nord from "./theme/nord.json" with { type: "json" }
+import osakaJade from "./theme/osaka-jade.json" with { type: "json" }
 import onedark from "./theme/one-dark.json" with { type: "json" }
 import onedark from "./theme/one-dark.json" with { type: "json" }
 import opencode from "./theme/opencode.json" with { type: "json" }
 import opencode from "./theme/opencode.json" with { type: "json" }
 import orng from "./theme/orng.json" with { type: "json" }
 import orng from "./theme/orng.json" with { type: "json" }
@@ -155,6 +156,7 @@ export const DEFAULT_THEMES: Record<string, ThemeJson> = {
   nightowl,
   nightowl,
   nord,
   nord,
   ["one-dark"]: onedark,
   ["one-dark"]: onedark,
+  ["osaka-jade"]: osakaJade,
   opencode,
   opencode,
   orng,
   orng,
   ["lucent-orng"]: lucentOrng,
   ["lucent-orng"]: lucentOrng,

+ 93 - 0
packages/opencode/src/cli/cmd/tui/context/theme/osaka-jade.json

@@ -0,0 +1,93 @@
+{
+  "$schema": "https://opencode.ai/theme.json",
+  "defs": {
+    "darkBg0": "#111c18",
+    "darkBg1": "#1a2520",
+    "darkBg2": "#23372B",
+    "darkBg3": "#3d4a44",
+    "darkFg0": "#C1C497",
+    "darkFg1": "#9aa88a",
+    "darkGray": "#53685B",
+    "darkRed": "#FF5345",
+    "darkGreen": "#549e6a",
+    "darkYellow": "#459451",
+    "darkBlue": "#509475",
+    "darkMagenta": "#D2689C",
+    "darkCyan": "#2DD5B7",
+    "darkWhite": "#F6F5DD",
+    "darkRedBright": "#db9f9c",
+    "darkGreenBright": "#63b07a",
+    "darkYellowBright": "#E5C736",
+    "darkBlueBright": "#ACD4CF",
+    "darkMagentaBright": "#75bbb3",
+    "darkCyanBright": "#8CD3CB",
+    "lightBg0": "#F6F5DD",
+    "lightBg1": "#E8E7CC",
+    "lightBg2": "#D5D4B8",
+    "lightBg3": "#A8A78C",
+    "lightFg0": "#111c18",
+    "lightFg1": "#1a2520",
+    "lightGray": "#53685B",
+    "lightRed": "#c7392d",
+    "lightGreen": "#3d7a52",
+    "lightYellow": "#b5a020",
+    "lightBlue": "#3d7560",
+    "lightMagenta": "#a8527a",
+    "lightCyan": "#1faa90"
+  },
+  "theme": {
+    "primary": { "dark": "darkCyan", "light": "lightCyan" },
+    "secondary": { "dark": "darkMagenta", "light": "lightMagenta" },
+    "accent": { "dark": "darkGreen", "light": "lightGreen" },
+    "error": { "dark": "darkRed", "light": "lightRed" },
+    "warning": { "dark": "darkYellowBright", "light": "lightYellow" },
+    "success": { "dark": "darkGreen", "light": "lightGreen" },
+    "info": { "dark": "darkCyan", "light": "lightCyan" },
+    "text": { "dark": "darkFg0", "light": "lightFg0" },
+    "textMuted": { "dark": "darkGray", "light": "lightGray" },
+    "background": { "dark": "darkBg0", "light": "lightBg0" },
+    "backgroundPanel": { "dark": "darkBg1", "light": "lightBg1" },
+    "backgroundElement": { "dark": "darkBg2", "light": "lightBg2" },
+    "border": { "dark": "darkBg3", "light": "lightBg3" },
+    "borderActive": { "dark": "darkCyan", "light": "lightCyan" },
+    "borderSubtle": { "dark": "darkBg2", "light": "lightBg2" },
+    "diffAdded": { "dark": "darkGreen", "light": "lightGreen" },
+    "diffRemoved": { "dark": "darkRed", "light": "lightRed" },
+    "diffContext": { "dark": "darkGray", "light": "lightGray" },
+    "diffHunkHeader": { "dark": "darkCyan", "light": "lightCyan" },
+    "diffHighlightAdded": { "dark": "darkGreenBright", "light": "lightGreen" },
+    "diffHighlightRemoved": { "dark": "darkRedBright", "light": "lightRed" },
+    "diffAddedBg": { "dark": "#15241c", "light": "#e0eee5" },
+    "diffRemovedBg": { "dark": "#241515", "light": "#eee0e0" },
+    "diffContextBg": { "dark": "darkBg1", "light": "lightBg1" },
+    "diffLineNumber": { "dark": "darkBg3", "light": "lightBg3" },
+    "diffAddedLineNumberBg": { "dark": "#121f18", "light": "#d5e5da" },
+    "diffRemovedLineNumberBg": { "dark": "#1f1212", "light": "#e5d5d5" },
+    "markdownText": { "dark": "darkFg0", "light": "lightFg0" },
+    "markdownHeading": { "dark": "darkCyan", "light": "lightCyan" },
+    "markdownLink": { "dark": "darkCyanBright", "light": "lightCyan" },
+    "markdownLinkText": { "dark": "darkGreen", "light": "lightGreen" },
+    "markdownCode": { "dark": "darkGreenBright", "light": "lightGreen" },
+    "markdownBlockQuote": { "dark": "darkGray", "light": "lightGray" },
+    "markdownEmph": { "dark": "darkMagenta", "light": "lightMagenta" },
+    "markdownStrong": { "dark": "darkFg0", "light": "lightFg0" },
+    "markdownHorizontalRule": { "dark": "darkGray", "light": "lightGray" },
+    "markdownListItem": { "dark": "darkCyan", "light": "lightCyan" },
+    "markdownListEnumeration": {
+      "dark": "darkCyanBright",
+      "light": "lightCyan"
+    },
+    "markdownImage": { "dark": "darkCyanBright", "light": "lightCyan" },
+    "markdownImageText": { "dark": "darkGreen", "light": "lightGreen" },
+    "markdownCodeBlock": { "dark": "darkFg0", "light": "lightFg0" },
+    "syntaxComment": { "dark": "darkGray", "light": "lightGray" },
+    "syntaxKeyword": { "dark": "darkCyan", "light": "lightCyan" },
+    "syntaxFunction": { "dark": "darkBlue", "light": "lightBlue" },
+    "syntaxVariable": { "dark": "darkFg0", "light": "lightFg0" },
+    "syntaxString": { "dark": "darkGreenBright", "light": "lightGreen" },
+    "syntaxNumber": { "dark": "darkMagenta", "light": "lightMagenta" },
+    "syntaxType": { "dark": "darkGreen", "light": "lightGreen" },
+    "syntaxOperator": { "dark": "darkYellow", "light": "lightYellow" },
+    "syntaxPunctuation": { "dark": "darkFg0", "light": "lightFg0" }
+  }
+}