@tooee/themes 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/README.md +5 -0
  2. package/dist/ThemePicker.d.ts +14 -0
  3. package/dist/ThemePicker.d.ts.map +1 -0
  4. package/dist/ThemePicker.js +96 -0
  5. package/dist/ThemePicker.js.map +1 -0
  6. package/dist/index.d.ts +5 -0
  7. package/dist/index.d.ts.map +1 -0
  8. package/dist/index.js +3 -0
  9. package/dist/index.js.map +1 -0
  10. package/dist/theme.d.ts +111 -0
  11. package/dist/theme.d.ts.map +1 -0
  12. package/dist/theme.js +560 -0
  13. package/dist/theme.js.map +1 -0
  14. package/package.json +43 -0
  15. package/src/ThemePicker.tsx +163 -0
  16. package/src/index.ts +21 -0
  17. package/src/theme.tsx +727 -0
  18. package/src/themes/aura.json +69 -0
  19. package/src/themes/ayu.json +80 -0
  20. package/src/themes/catppuccin-frappe.json +233 -0
  21. package/src/themes/catppuccin-macchiato.json +233 -0
  22. package/src/themes/catppuccin.json +112 -0
  23. package/src/themes/cobalt2.json +228 -0
  24. package/src/themes/cursor.json +249 -0
  25. package/src/themes/dracula.json +219 -0
  26. package/src/themes/everforest.json +241 -0
  27. package/src/themes/flexoki.json +237 -0
  28. package/src/themes/github-light.json +56 -0
  29. package/src/themes/github.json +233 -0
  30. package/src/themes/gruvbox.json +95 -0
  31. package/src/themes/kanagawa.json +77 -0
  32. package/src/themes/lucent-orng.json +227 -0
  33. package/src/themes/material.json +235 -0
  34. package/src/themes/matrix.json +77 -0
  35. package/src/themes/mercury.json +252 -0
  36. package/src/themes/monokai.json +221 -0
  37. package/src/themes/nightowl.json +221 -0
  38. package/src/themes/nord.json +223 -0
  39. package/src/themes/one-dark.json +84 -0
  40. package/src/themes/opencode-light.json +62 -0
  41. package/src/themes/opencode.json +245 -0
  42. package/src/themes/orng.json +245 -0
  43. package/src/themes/osaka-jade.json +93 -0
  44. package/src/themes/palenight.json +222 -0
  45. package/src/themes/rosepine.json +234 -0
  46. package/src/themes/solarized.json +223 -0
  47. package/src/themes/synthwave84.json +226 -0
  48. package/src/themes/tokyonight.json +243 -0
  49. package/src/themes/vercel.json +245 -0
  50. package/src/themes/vesper.json +218 -0
  51. package/src/themes/zenburn.json +223 -0
@@ -0,0 +1,227 @@
1
+ {
2
+ "$schema": "https://opencode.ai/theme.json",
3
+ "defs": {
4
+ "darkStep6": "#3c3c3c",
5
+ "darkStep11": "#808080",
6
+ "darkStep12": "#eeeeee",
7
+ "darkSecondary": "#EE7948",
8
+ "darkAccent": "#FFF7F1",
9
+ "darkRed": "#e06c75",
10
+ "darkOrange": "#EC5B2B",
11
+ "darkBlue": "#6ba1e6",
12
+ "darkCyan": "#56b6c2",
13
+ "darkYellow": "#e5c07b",
14
+ "lightStep6": "#d4d4d4",
15
+ "lightStep11": "#8a8a8a",
16
+ "lightStep12": "#1a1a1a",
17
+ "lightSecondary": "#EE7948",
18
+ "lightAccent": "#c94d24",
19
+ "lightRed": "#d1383d",
20
+ "lightOrange": "#EC5B2B",
21
+ "lightBlue": "#0062d1",
22
+ "lightCyan": "#318795",
23
+ "lightYellow": "#b0851f"
24
+ },
25
+ "theme": {
26
+ "primary": {
27
+ "dark": "darkOrange",
28
+ "light": "lightOrange"
29
+ },
30
+ "secondary": {
31
+ "dark": "darkSecondary",
32
+ "light": "lightSecondary"
33
+ },
34
+ "accent": {
35
+ "dark": "darkAccent",
36
+ "light": "lightAccent"
37
+ },
38
+ "error": {
39
+ "dark": "darkRed",
40
+ "light": "lightRed"
41
+ },
42
+ "warning": {
43
+ "dark": "darkOrange",
44
+ "light": "lightOrange"
45
+ },
46
+ "success": {
47
+ "dark": "darkBlue",
48
+ "light": "lightBlue"
49
+ },
50
+ "info": {
51
+ "dark": "darkCyan",
52
+ "light": "lightCyan"
53
+ },
54
+ "text": {
55
+ "dark": "darkStep12",
56
+ "light": "lightStep12"
57
+ },
58
+ "textMuted": {
59
+ "dark": "darkStep11",
60
+ "light": "lightStep11"
61
+ },
62
+ "background": {
63
+ "dark": "transparent",
64
+ "light": "transparent"
65
+ },
66
+ "backgroundPanel": {
67
+ "dark": "transparent",
68
+ "light": "transparent"
69
+ },
70
+ "backgroundElement": {
71
+ "dark": "transparent",
72
+ "light": "transparent"
73
+ },
74
+ "border": {
75
+ "dark": "darkOrange",
76
+ "light": "lightOrange"
77
+ },
78
+ "borderActive": {
79
+ "dark": "darkSecondary",
80
+ "light": "lightAccent"
81
+ },
82
+ "borderSubtle": {
83
+ "dark": "darkStep6",
84
+ "light": "lightStep6"
85
+ },
86
+ "diffAdded": {
87
+ "dark": "darkBlue",
88
+ "light": "lightBlue"
89
+ },
90
+ "diffRemoved": {
91
+ "dark": "#c53b53",
92
+ "light": "#c53b53"
93
+ },
94
+ "diffContext": {
95
+ "dark": "#828bb8",
96
+ "light": "#7086b5"
97
+ },
98
+ "diffHunkHeader": {
99
+ "dark": "#828bb8",
100
+ "light": "#7086b5"
101
+ },
102
+ "diffHighlightAdded": {
103
+ "dark": "darkBlue",
104
+ "light": "lightBlue"
105
+ },
106
+ "diffHighlightRemoved": {
107
+ "dark": "#e26a75",
108
+ "light": "#f52a65"
109
+ },
110
+ "diffAddedBg": {
111
+ "dark": "transparent",
112
+ "light": "transparent"
113
+ },
114
+ "diffRemovedBg": {
115
+ "dark": "transparent",
116
+ "light": "transparent"
117
+ },
118
+ "diffContextBg": {
119
+ "dark": "transparent",
120
+ "light": "transparent"
121
+ },
122
+ "diffLineNumber": {
123
+ "dark": "#666666",
124
+ "light": "#999999"
125
+ },
126
+ "diffAddedLineNumberBg": {
127
+ "dark": "transparent",
128
+ "light": "transparent"
129
+ },
130
+ "diffRemovedLineNumberBg": {
131
+ "dark": "transparent",
132
+ "light": "transparent"
133
+ },
134
+ "markdownText": {
135
+ "dark": "darkStep12",
136
+ "light": "lightStep12"
137
+ },
138
+ "markdownHeading": {
139
+ "dark": "darkOrange",
140
+ "light": "lightOrange"
141
+ },
142
+ "markdownLink": {
143
+ "dark": "darkOrange",
144
+ "light": "lightOrange"
145
+ },
146
+ "markdownLinkText": {
147
+ "dark": "darkCyan",
148
+ "light": "lightCyan"
149
+ },
150
+ "markdownCode": {
151
+ "dark": "darkBlue",
152
+ "light": "lightBlue"
153
+ },
154
+ "markdownBlockQuote": {
155
+ "dark": "darkAccent",
156
+ "light": "lightYellow"
157
+ },
158
+ "markdownEmph": {
159
+ "dark": "darkYellow",
160
+ "light": "lightYellow"
161
+ },
162
+ "markdownStrong": {
163
+ "dark": "darkSecondary",
164
+ "light": "lightOrange"
165
+ },
166
+ "markdownHorizontalRule": {
167
+ "dark": "darkStep11",
168
+ "light": "lightStep11"
169
+ },
170
+ "markdownListItem": {
171
+ "dark": "darkOrange",
172
+ "light": "lightOrange"
173
+ },
174
+ "markdownListEnumeration": {
175
+ "dark": "darkCyan",
176
+ "light": "lightCyan"
177
+ },
178
+ "markdownImage": {
179
+ "dark": "darkOrange",
180
+ "light": "lightOrange"
181
+ },
182
+ "markdownImageText": {
183
+ "dark": "darkCyan",
184
+ "light": "lightCyan"
185
+ },
186
+ "markdownCodeBlock": {
187
+ "dark": "darkStep12",
188
+ "light": "lightStep12"
189
+ },
190
+ "syntaxComment": {
191
+ "dark": "darkStep11",
192
+ "light": "lightStep11"
193
+ },
194
+ "syntaxKeyword": {
195
+ "dark": "darkOrange",
196
+ "light": "lightOrange"
197
+ },
198
+ "syntaxFunction": {
199
+ "dark": "darkSecondary",
200
+ "light": "lightAccent"
201
+ },
202
+ "syntaxVariable": {
203
+ "dark": "darkRed",
204
+ "light": "lightRed"
205
+ },
206
+ "syntaxString": {
207
+ "dark": "darkBlue",
208
+ "light": "lightBlue"
209
+ },
210
+ "syntaxNumber": {
211
+ "dark": "darkAccent",
212
+ "light": "lightOrange"
213
+ },
214
+ "syntaxType": {
215
+ "dark": "darkYellow",
216
+ "light": "lightYellow"
217
+ },
218
+ "syntaxOperator": {
219
+ "dark": "darkCyan",
220
+ "light": "lightCyan"
221
+ },
222
+ "syntaxPunctuation": {
223
+ "dark": "darkStep12",
224
+ "light": "lightStep12"
225
+ }
226
+ }
227
+ }
@@ -0,0 +1,235 @@
1
+ {
2
+ "$schema": "https://opencode.ai/theme.json",
3
+ "defs": {
4
+ "darkBg": "#263238",
5
+ "darkBgAlt": "#1e272c",
6
+ "darkBgPanel": "#37474f",
7
+ "darkFg": "#eeffff",
8
+ "darkFgMuted": "#546e7a",
9
+ "darkRed": "#f07178",
10
+ "darkPink": "#f78c6c",
11
+ "darkOrange": "#ffcb6b",
12
+ "darkYellow": "#ffcb6b",
13
+ "darkGreen": "#c3e88d",
14
+ "darkCyan": "#89ddff",
15
+ "darkBlue": "#82aaff",
16
+ "darkPurple": "#c792ea",
17
+ "darkViolet": "#bb80b3",
18
+ "lightBg": "#fafafa",
19
+ "lightBgAlt": "#f5f5f5",
20
+ "lightBgPanel": "#e7e7e8",
21
+ "lightFg": "#263238",
22
+ "lightFgMuted": "#90a4ae",
23
+ "lightRed": "#e53935",
24
+ "lightPink": "#ec407a",
25
+ "lightOrange": "#f4511e",
26
+ "lightYellow": "#ffb300",
27
+ "lightGreen": "#91b859",
28
+ "lightCyan": "#39adb5",
29
+ "lightBlue": "#6182b8",
30
+ "lightPurple": "#7c4dff",
31
+ "lightViolet": "#945eb8"
32
+ },
33
+ "theme": {
34
+ "primary": {
35
+ "dark": "darkBlue",
36
+ "light": "lightBlue"
37
+ },
38
+ "secondary": {
39
+ "dark": "darkPurple",
40
+ "light": "lightPurple"
41
+ },
42
+ "accent": {
43
+ "dark": "darkCyan",
44
+ "light": "lightCyan"
45
+ },
46
+ "error": {
47
+ "dark": "darkRed",
48
+ "light": "lightRed"
49
+ },
50
+ "warning": {
51
+ "dark": "darkYellow",
52
+ "light": "lightYellow"
53
+ },
54
+ "success": {
55
+ "dark": "darkGreen",
56
+ "light": "lightGreen"
57
+ },
58
+ "info": {
59
+ "dark": "darkOrange",
60
+ "light": "lightOrange"
61
+ },
62
+ "text": {
63
+ "dark": "darkFg",
64
+ "light": "lightFg"
65
+ },
66
+ "textMuted": {
67
+ "dark": "darkFgMuted",
68
+ "light": "lightFgMuted"
69
+ },
70
+ "background": {
71
+ "dark": "darkBg",
72
+ "light": "lightBg"
73
+ },
74
+ "backgroundPanel": {
75
+ "dark": "darkBgAlt",
76
+ "light": "lightBgAlt"
77
+ },
78
+ "backgroundElement": {
79
+ "dark": "darkBgPanel",
80
+ "light": "lightBgPanel"
81
+ },
82
+ "border": {
83
+ "dark": "#37474f",
84
+ "light": "#e0e0e0"
85
+ },
86
+ "borderActive": {
87
+ "dark": "darkBlue",
88
+ "light": "lightBlue"
89
+ },
90
+ "borderSubtle": {
91
+ "dark": "#1e272c",
92
+ "light": "#eeeeee"
93
+ },
94
+ "diffAdded": {
95
+ "dark": "darkGreen",
96
+ "light": "lightGreen"
97
+ },
98
+ "diffRemoved": {
99
+ "dark": "darkRed",
100
+ "light": "lightRed"
101
+ },
102
+ "diffContext": {
103
+ "dark": "darkFgMuted",
104
+ "light": "lightFgMuted"
105
+ },
106
+ "diffHunkHeader": {
107
+ "dark": "darkCyan",
108
+ "light": "lightCyan"
109
+ },
110
+ "diffHighlightAdded": {
111
+ "dark": "darkGreen",
112
+ "light": "lightGreen"
113
+ },
114
+ "diffHighlightRemoved": {
115
+ "dark": "darkRed",
116
+ "light": "lightRed"
117
+ },
118
+ "diffAddedBg": {
119
+ "dark": "#2e3c2b",
120
+ "light": "#e8f5e9"
121
+ },
122
+ "diffRemovedBg": {
123
+ "dark": "#3c2b2b",
124
+ "light": "#ffebee"
125
+ },
126
+ "diffContextBg": {
127
+ "dark": "darkBgAlt",
128
+ "light": "lightBgAlt"
129
+ },
130
+ "diffLineNumber": {
131
+ "dark": "#37474f",
132
+ "light": "#cfd8dc"
133
+ },
134
+ "diffAddedLineNumberBg": {
135
+ "dark": "#2e3c2b",
136
+ "light": "#e8f5e9"
137
+ },
138
+ "diffRemovedLineNumberBg": {
139
+ "dark": "#3c2b2b",
140
+ "light": "#ffebee"
141
+ },
142
+ "markdownText": {
143
+ "dark": "darkFg",
144
+ "light": "lightFg"
145
+ },
146
+ "markdownHeading": {
147
+ "dark": "darkBlue",
148
+ "light": "lightBlue"
149
+ },
150
+ "markdownLink": {
151
+ "dark": "darkCyan",
152
+ "light": "lightCyan"
153
+ },
154
+ "markdownLinkText": {
155
+ "dark": "darkPurple",
156
+ "light": "lightPurple"
157
+ },
158
+ "markdownCode": {
159
+ "dark": "darkGreen",
160
+ "light": "lightGreen"
161
+ },
162
+ "markdownBlockQuote": {
163
+ "dark": "darkFgMuted",
164
+ "light": "lightFgMuted"
165
+ },
166
+ "markdownEmph": {
167
+ "dark": "darkYellow",
168
+ "light": "lightYellow"
169
+ },
170
+ "markdownStrong": {
171
+ "dark": "darkOrange",
172
+ "light": "lightOrange"
173
+ },
174
+ "markdownHorizontalRule": {
175
+ "dark": "#37474f",
176
+ "light": "#e0e0e0"
177
+ },
178
+ "markdownListItem": {
179
+ "dark": "darkBlue",
180
+ "light": "lightBlue"
181
+ },
182
+ "markdownListEnumeration": {
183
+ "dark": "darkCyan",
184
+ "light": "lightCyan"
185
+ },
186
+ "markdownImage": {
187
+ "dark": "darkCyan",
188
+ "light": "lightCyan"
189
+ },
190
+ "markdownImageText": {
191
+ "dark": "darkPurple",
192
+ "light": "lightPurple"
193
+ },
194
+ "markdownCodeBlock": {
195
+ "dark": "darkFg",
196
+ "light": "lightFg"
197
+ },
198
+ "syntaxComment": {
199
+ "dark": "darkFgMuted",
200
+ "light": "lightFgMuted"
201
+ },
202
+ "syntaxKeyword": {
203
+ "dark": "darkPurple",
204
+ "light": "lightPurple"
205
+ },
206
+ "syntaxFunction": {
207
+ "dark": "darkBlue",
208
+ "light": "lightBlue"
209
+ },
210
+ "syntaxVariable": {
211
+ "dark": "darkFg",
212
+ "light": "lightFg"
213
+ },
214
+ "syntaxString": {
215
+ "dark": "darkGreen",
216
+ "light": "lightGreen"
217
+ },
218
+ "syntaxNumber": {
219
+ "dark": "darkOrange",
220
+ "light": "lightOrange"
221
+ },
222
+ "syntaxType": {
223
+ "dark": "darkYellow",
224
+ "light": "lightYellow"
225
+ },
226
+ "syntaxOperator": {
227
+ "dark": "darkCyan",
228
+ "light": "lightCyan"
229
+ },
230
+ "syntaxPunctuation": {
231
+ "dark": "darkFg",
232
+ "light": "lightFg"
233
+ }
234
+ }
235
+ }
@@ -0,0 +1,77 @@
1
+ {
2
+ "$schema": "https://opencode.ai/theme.json",
3
+ "defs": {
4
+ "matrixInk0": "#0a0e0a",
5
+ "matrixInk1": "#0e130d",
6
+ "matrixInk2": "#141c12",
7
+ "matrixInk3": "#1e2a1b",
8
+ "rainGreen": "#2eff6a",
9
+ "rainGreenDim": "#1cc24b",
10
+ "rainGreenHi": "#62ff94",
11
+ "rainCyan": "#00efff",
12
+ "rainTeal": "#24f6d9",
13
+ "rainPurple": "#c770ff",
14
+ "rainOrange": "#ffa83d",
15
+ "alertRed": "#ff4b4b",
16
+ "alertYellow": "#e6ff57",
17
+ "alertBlue": "#30b3ff",
18
+ "rainGray": "#8ca391",
19
+ "lightBg": "#eef3ea",
20
+ "lightPaper": "#e4ebe1",
21
+ "lightInk1": "#dae1d7",
22
+ "lightText": "#203022",
23
+ "lightGray": "#748476"
24
+ },
25
+ "theme": {
26
+ "primary": { "dark": "rainGreen", "light": "rainGreenDim" },
27
+ "secondary": { "dark": "rainCyan", "light": "rainTeal" },
28
+ "accent": { "dark": "rainPurple", "light": "rainPurple" },
29
+ "error": { "dark": "alertRed", "light": "alertRed" },
30
+ "warning": { "dark": "alertYellow", "light": "alertYellow" },
31
+ "success": { "dark": "rainGreenHi", "light": "rainGreenDim" },
32
+ "info": { "dark": "alertBlue", "light": "alertBlue" },
33
+ "text": { "dark": "rainGreenHi", "light": "lightText" },
34
+ "textMuted": { "dark": "rainGray", "light": "lightGray" },
35
+ "background": { "dark": "matrixInk0", "light": "lightBg" },
36
+ "backgroundPanel": { "dark": "matrixInk1", "light": "lightPaper" },
37
+ "backgroundElement": { "dark": "matrixInk2", "light": "lightInk1" },
38
+ "border": { "dark": "matrixInk3", "light": "lightGray" },
39
+ "borderActive": { "dark": "rainGreen", "light": "rainGreenDim" },
40
+ "borderSubtle": { "dark": "matrixInk2", "light": "lightInk1" },
41
+ "diffAdded": { "dark": "rainGreenDim", "light": "rainGreenDim" },
42
+ "diffRemoved": { "dark": "alertRed", "light": "alertRed" },
43
+ "diffContext": { "dark": "rainGray", "light": "lightGray" },
44
+ "diffHunkHeader": { "dark": "alertBlue", "light": "alertBlue" },
45
+ "diffHighlightAdded": { "dark": "#77ffaf", "light": "#5dac7e" },
46
+ "diffHighlightRemoved": { "dark": "#ff7171", "light": "#d53a3a" },
47
+ "diffAddedBg": { "dark": "#132616", "light": "#e0efde" },
48
+ "diffRemovedBg": { "dark": "#261212", "light": "#f9e5e5" },
49
+ "diffContextBg": { "dark": "matrixInk1", "light": "lightPaper" },
50
+ "diffLineNumber": { "dark": "matrixInk3", "light": "lightGray" },
51
+ "diffAddedLineNumberBg": { "dark": "#0f1b11", "light": "#d6e7d2" },
52
+ "diffRemovedLineNumberBg": { "dark": "#1b1414", "light": "#f2d2d2" },
53
+ "markdownText": { "dark": "rainGreenHi", "light": "lightText" },
54
+ "markdownHeading": { "dark": "rainCyan", "light": "rainTeal" },
55
+ "markdownLink": { "dark": "alertBlue", "light": "alertBlue" },
56
+ "markdownLinkText": { "dark": "rainTeal", "light": "rainTeal" },
57
+ "markdownCode": { "dark": "rainGreenDim", "light": "rainGreenDim" },
58
+ "markdownBlockQuote": { "dark": "rainGray", "light": "lightGray" },
59
+ "markdownEmph": { "dark": "rainOrange", "light": "rainOrange" },
60
+ "markdownStrong": { "dark": "alertYellow", "light": "alertYellow" },
61
+ "markdownHorizontalRule": { "dark": "rainGray", "light": "lightGray" },
62
+ "markdownListItem": { "dark": "alertBlue", "light": "alertBlue" },
63
+ "markdownListEnumeration": { "dark": "rainTeal", "light": "rainTeal" },
64
+ "markdownImage": { "dark": "alertBlue", "light": "alertBlue" },
65
+ "markdownImageText": { "dark": "rainTeal", "light": "rainTeal" },
66
+ "markdownCodeBlock": { "dark": "rainGreenHi", "light": "lightText" },
67
+ "syntaxComment": { "dark": "rainGray", "light": "lightGray" },
68
+ "syntaxKeyword": { "dark": "rainPurple", "light": "rainPurple" },
69
+ "syntaxFunction": { "dark": "alertBlue", "light": "alertBlue" },
70
+ "syntaxVariable": { "dark": "rainGreenHi", "light": "lightText" },
71
+ "syntaxString": { "dark": "rainGreenDim", "light": "rainGreenDim" },
72
+ "syntaxNumber": { "dark": "rainOrange", "light": "rainOrange" },
73
+ "syntaxType": { "dark": "alertYellow", "light": "alertYellow" },
74
+ "syntaxOperator": { "dark": "rainTeal", "light": "rainTeal" },
75
+ "syntaxPunctuation": { "dark": "rainGreenHi", "light": "lightText" }
76
+ }
77
+ }