Skip to content

Commit 84e0232

Browse files
authored
Add Flexoki theme (#3986)
1 parent 35fbb01 commit 84e0232

2 files changed

Lines changed: 239 additions & 0 deletions

File tree

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

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import catppuccin from "./theme/catppuccin.json" with { type: "json" }
99
import cobalt2 from "./theme/cobalt2.json" with { type: "json" }
1010
import dracula from "./theme/dracula.json" with { type: "json" }
1111
import everforest from "./theme/everforest.json" with { type: "json" }
12+
import flexoki from "./theme/flexoki.json" with { type: "json" }
1213
import github from "./theme/github.json" with { type: "json" }
1314
import gruvbox from "./theme/gruvbox.json" with { type: "json" }
1415
import kanagawa from "./theme/kanagawa.json" with { type: "json" }
@@ -105,6 +106,7 @@ export const DEFAULT_THEMES: Record<string, ThemeJson> = {
105106
cobalt2,
106107
dracula,
107108
everforest,
109+
flexoki,
108110
github,
109111
gruvbox,
110112
kanagawa,
Lines changed: 237 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,237 @@
1+
{
2+
"$schema": "https://opencode.ai/theme.json",
3+
"defs": {
4+
"black": "#100F0F",
5+
"base950": "#1C1B1A",
6+
"base900": "#282726",
7+
"base850": "#343331",
8+
"base800": "#403E3C",
9+
"base700": "#575653",
10+
"base600": "#6F6E69",
11+
"base500": "#878580",
12+
"base300": "#B7B5AC",
13+
"base200": "#CECDC3",
14+
"base150": "#DAD8CE",
15+
"base100": "#E6E4D9",
16+
"base50": "#F2F0E5",
17+
"paper": "#FFFCF0",
18+
"red400": "#D14D41",
19+
"red600": "#AF3029",
20+
"orange400": "#DA702C",
21+
"orange600": "#BC5215",
22+
"yellow400": "#D0A215",
23+
"yellow600": "#AD8301",
24+
"green400": "#879A39",
25+
"green600": "#66800B",
26+
"cyan400": "#3AA99F",
27+
"cyan600": "#24837B",
28+
"blue400": "#4385BE",
29+
"blue600": "#205EA6",
30+
"purple400": "#8B7EC8",
31+
"purple600": "#5E409D",
32+
"magenta400": "#CE5D97",
33+
"magenta600": "#A02F6F"
34+
},
35+
"theme": {
36+
"primary": {
37+
"dark": "orange400",
38+
"light": "blue600"
39+
},
40+
"secondary": {
41+
"dark": "blue400",
42+
"light": "purple600"
43+
},
44+
"accent": {
45+
"dark": "purple400",
46+
"light": "orange600"
47+
},
48+
"error": {
49+
"dark": "red400",
50+
"light": "red600"
51+
},
52+
"warning": {
53+
"dark": "orange400",
54+
"light": "orange600"
55+
},
56+
"success": {
57+
"dark": "green400",
58+
"light": "green600"
59+
},
60+
"info": {
61+
"dark": "cyan400",
62+
"light": "cyan600"
63+
},
64+
"text": {
65+
"dark": "base200",
66+
"light": "black"
67+
},
68+
"textMuted": {
69+
"dark": "base600",
70+
"light": "base600"
71+
},
72+
"background": {
73+
"dark": "black",
74+
"light": "paper"
75+
},
76+
"backgroundPanel": {
77+
"dark": "base950",
78+
"light": "base50"
79+
},
80+
"backgroundElement": {
81+
"dark": "base900",
82+
"light": "base100"
83+
},
84+
"border": {
85+
"dark": "base700",
86+
"light": "base300"
87+
},
88+
"borderActive": {
89+
"dark": "base600",
90+
"light": "base500"
91+
},
92+
"borderSubtle": {
93+
"dark": "base800",
94+
"light": "base200"
95+
},
96+
"diffAdded": {
97+
"dark": "green400",
98+
"light": "green600"
99+
},
100+
"diffRemoved": {
101+
"dark": "red400",
102+
"light": "red600"
103+
},
104+
"diffContext": {
105+
"dark": "base600",
106+
"light": "base600"
107+
},
108+
"diffHunkHeader": {
109+
"dark": "blue400",
110+
"light": "blue600"
111+
},
112+
"diffHighlightAdded": {
113+
"dark": "green400",
114+
"light": "green600"
115+
},
116+
"diffHighlightRemoved": {
117+
"dark": "red400",
118+
"light": "red600"
119+
},
120+
"diffAddedBg": {
121+
"dark": "#1A2D1A",
122+
"light": "#D5E5D5"
123+
},
124+
"diffRemovedBg": {
125+
"dark": "#2D1A1A",
126+
"light": "#F7D8DB"
127+
},
128+
"diffContextBg": {
129+
"dark": "base950",
130+
"light": "base50"
131+
},
132+
"diffLineNumber": {
133+
"dark": "base600",
134+
"light": "base600"
135+
},
136+
"diffAddedLineNumberBg": {
137+
"dark": "#152515",
138+
"light": "#C5D5C5"
139+
},
140+
"diffRemovedLineNumberBg": {
141+
"dark": "#251515",
142+
"light": "#E7C8CB"
143+
},
144+
"markdownText": {
145+
"dark": "base200",
146+
"light": "black"
147+
},
148+
"markdownHeading": {
149+
"dark": "purple400",
150+
"light": "purple600"
151+
},
152+
"markdownLink": {
153+
"dark": "blue400",
154+
"light": "blue600"
155+
},
156+
"markdownLinkText": {
157+
"dark": "cyan400",
158+
"light": "cyan600"
159+
},
160+
"markdownCode": {
161+
"dark": "cyan400",
162+
"light": "cyan600"
163+
},
164+
"markdownBlockQuote": {
165+
"dark": "yellow400",
166+
"light": "yellow600"
167+
},
168+
"markdownEmph": {
169+
"dark": "yellow400",
170+
"light": "yellow600"
171+
},
172+
"markdownStrong": {
173+
"dark": "orange400",
174+
"light": "orange600"
175+
},
176+
"markdownHorizontalRule": {
177+
"dark": "base600",
178+
"light": "base600"
179+
},
180+
"markdownListItem": {
181+
"dark": "orange400",
182+
"light": "orange600"
183+
},
184+
"markdownListEnumeration": {
185+
"dark": "cyan400",
186+
"light": "cyan600"
187+
},
188+
"markdownImage": {
189+
"dark": "magenta400",
190+
"light": "magenta600"
191+
},
192+
"markdownImageText": {
193+
"dark": "cyan400",
194+
"light": "cyan600"
195+
},
196+
"markdownCodeBlock": {
197+
"dark": "base200",
198+
"light": "black"
199+
},
200+
"syntaxComment": {
201+
"dark": "base600",
202+
"light": "base600"
203+
},
204+
"syntaxKeyword": {
205+
"dark": "green400",
206+
"light": "green600"
207+
},
208+
"syntaxFunction": {
209+
"dark": "orange400",
210+
"light": "orange600"
211+
},
212+
"syntaxVariable": {
213+
"dark": "blue400",
214+
"light": "blue600"
215+
},
216+
"syntaxString": {
217+
"dark": "cyan400",
218+
"light": "cyan600"
219+
},
220+
"syntaxNumber": {
221+
"dark": "purple400",
222+
"light": "purple600"
223+
},
224+
"syntaxType": {
225+
"dark": "yellow400",
226+
"light": "yellow600"
227+
},
228+
"syntaxOperator": {
229+
"dark": "base300",
230+
"light": "base600"
231+
},
232+
"syntaxPunctuation": {
233+
"dark": "base300",
234+
"light": "base600"
235+
}
236+
}
237+
}

0 commit comments

Comments
 (0)