@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,69 @@
1
+ {
2
+ "$schema": "https://opencode.ai/theme.json",
3
+ "defs": {
4
+ "darkBg": "#0f0f0f",
5
+ "darkBgPanel": "#15141b",
6
+ "darkBorder": "#2d2d2d",
7
+ "darkFgMuted": "#6d6d6d",
8
+ "darkFg": "#edecee",
9
+ "purple": "#a277ff",
10
+ "pink": "#f694ff",
11
+ "blue": "#82e2ff",
12
+ "red": "#ff6767",
13
+ "orange": "#ffca85",
14
+ "cyan": "#61ffca",
15
+ "green": "#9dff65"
16
+ },
17
+ "theme": {
18
+ "primary": "purple",
19
+ "secondary": "pink",
20
+ "accent": "purple",
21
+ "error": "red",
22
+ "warning": "orange",
23
+ "success": "cyan",
24
+ "info": "purple",
25
+ "text": "darkFg",
26
+ "textMuted": "darkFgMuted",
27
+ "background": "darkBg",
28
+ "backgroundPanel": "darkBgPanel",
29
+ "backgroundElement": "darkBgPanel",
30
+ "border": "darkBorder",
31
+ "borderActive": "darkFgMuted",
32
+ "borderSubtle": "darkBorder",
33
+ "diffAdded": "cyan",
34
+ "diffRemoved": "red",
35
+ "diffContext": "darkFgMuted",
36
+ "diffHunkHeader": "darkFgMuted",
37
+ "diffHighlightAdded": "cyan",
38
+ "diffHighlightRemoved": "red",
39
+ "diffAddedBg": "#354933",
40
+ "diffRemovedBg": "#3f191a",
41
+ "diffContextBg": "darkBgPanel",
42
+ "diffLineNumber": "darkBorder",
43
+ "diffAddedLineNumberBg": "#162620",
44
+ "diffRemovedLineNumberBg": "#26161a",
45
+ "markdownText": "darkFg",
46
+ "markdownHeading": "purple",
47
+ "markdownLink": "pink",
48
+ "markdownLinkText": "purple",
49
+ "markdownCode": "cyan",
50
+ "markdownBlockQuote": "darkFgMuted",
51
+ "markdownEmph": "orange",
52
+ "markdownStrong": "purple",
53
+ "markdownHorizontalRule": "darkFgMuted",
54
+ "markdownListItem": "purple",
55
+ "markdownListEnumeration": "purple",
56
+ "markdownImage": "pink",
57
+ "markdownImageText": "purple",
58
+ "markdownCodeBlock": "darkFg",
59
+ "syntaxComment": "darkFgMuted",
60
+ "syntaxKeyword": "pink",
61
+ "syntaxFunction": "purple",
62
+ "syntaxVariable": "purple",
63
+ "syntaxString": "cyan",
64
+ "syntaxNumber": "green",
65
+ "syntaxType": "purple",
66
+ "syntaxOperator": "pink",
67
+ "syntaxPunctuation": "darkFg"
68
+ }
69
+ }
@@ -0,0 +1,80 @@
1
+ {
2
+ "$schema": "https://opencode.ai/theme.json",
3
+ "defs": {
4
+ "darkBg": "#0B0E14",
5
+ "darkBgAlt": "#0D1017",
6
+ "darkLine": "#11151C",
7
+ "darkPanel": "#0F131A",
8
+ "darkFg": "#BFBDB6",
9
+ "darkFgMuted": "#565B66",
10
+ "darkGutter": "#6C7380",
11
+ "darkTag": "#39BAE6",
12
+ "darkFunc": "#FFB454",
13
+ "darkEntity": "#59C2FF",
14
+ "darkString": "#AAD94C",
15
+ "darkRegexp": "#95E6CB",
16
+ "darkMarkup": "#F07178",
17
+ "darkKeyword": "#FF8F40",
18
+ "darkSpecial": "#E6B673",
19
+ "darkComment": "#ACB6BF",
20
+ "darkConstant": "#D2A6FF",
21
+ "darkOperator": "#F29668",
22
+ "darkAdded": "#7FD962",
23
+ "darkRemoved": "#F26D78",
24
+ "darkAccent": "#E6B450",
25
+ "darkError": "#D95757",
26
+ "darkIndentActive": "#6C7380"
27
+ },
28
+ "theme": {
29
+ "primary": "darkEntity",
30
+ "secondary": "darkConstant",
31
+ "accent": "darkAccent",
32
+ "error": "darkError",
33
+ "warning": "darkSpecial",
34
+ "success": "darkAdded",
35
+ "info": "darkTag",
36
+ "text": "darkFg",
37
+ "textMuted": "darkFgMuted",
38
+ "background": "darkBg",
39
+ "backgroundPanel": "darkPanel",
40
+ "backgroundElement": "darkBgAlt",
41
+ "border": "darkGutter",
42
+ "borderActive": "darkIndentActive",
43
+ "borderSubtle": "darkLine",
44
+ "diffAdded": "darkAdded",
45
+ "diffRemoved": "darkRemoved",
46
+ "diffContext": "darkComment",
47
+ "diffHunkHeader": "darkComment",
48
+ "diffHighlightAdded": "darkString",
49
+ "diffHighlightRemoved": "darkMarkup",
50
+ "diffAddedBg": "#20303b",
51
+ "diffRemovedBg": "#37222c",
52
+ "diffContextBg": "darkPanel",
53
+ "diffLineNumber": "darkGutter",
54
+ "diffAddedLineNumberBg": "#1b2b34",
55
+ "diffRemovedLineNumberBg": "#2d1f26",
56
+ "markdownText": "darkFg",
57
+ "markdownHeading": "darkConstant",
58
+ "markdownLink": "darkEntity",
59
+ "markdownLinkText": "darkTag",
60
+ "markdownCode": "darkString",
61
+ "markdownBlockQuote": "darkSpecial",
62
+ "markdownEmph": "darkSpecial",
63
+ "markdownStrong": "darkFunc",
64
+ "markdownHorizontalRule": "darkFgMuted",
65
+ "markdownListItem": "darkEntity",
66
+ "markdownListEnumeration": "darkTag",
67
+ "markdownImage": "darkEntity",
68
+ "markdownImageText": "darkTag",
69
+ "markdownCodeBlock": "darkFg",
70
+ "syntaxComment": "darkComment",
71
+ "syntaxKeyword": "darkKeyword",
72
+ "syntaxFunction": "darkFunc",
73
+ "syntaxVariable": "darkEntity",
74
+ "syntaxString": "darkString",
75
+ "syntaxNumber": "darkConstant",
76
+ "syntaxType": "darkSpecial",
77
+ "syntaxOperator": "darkOperator",
78
+ "syntaxPunctuation": "darkFg"
79
+ }
80
+ }
@@ -0,0 +1,233 @@
1
+ {
2
+ "$schema": "https://opencode.ai/theme.json",
3
+ "defs": {
4
+ "frappeRosewater": "#f2d5cf",
5
+ "frappeFlamingo": "#eebebe",
6
+ "frappePink": "#f4b8e4",
7
+ "frappeMauve": "#ca9ee6",
8
+ "frappeRed": "#e78284",
9
+ "frappeMaroon": "#ea999c",
10
+ "frappePeach": "#ef9f76",
11
+ "frappeYellow": "#e5c890",
12
+ "frappeGreen": "#a6d189",
13
+ "frappeTeal": "#81c8be",
14
+ "frappeSky": "#99d1db",
15
+ "frappeSapphire": "#85c1dc",
16
+ "frappeBlue": "#8da4e2",
17
+ "frappeLavender": "#babbf1",
18
+ "frappeText": "#c6d0f5",
19
+ "frappeSubtext1": "#b5bfe2",
20
+ "frappeSubtext0": "#a5adce",
21
+ "frappeOverlay2": "#949cb8",
22
+ "frappeOverlay1": "#838ba7",
23
+ "frappeOverlay0": "#737994",
24
+ "frappeSurface2": "#626880",
25
+ "frappeSurface1": "#51576d",
26
+ "frappeSurface0": "#414559",
27
+ "frappeBase": "#303446",
28
+ "frappeMantle": "#292c3c",
29
+ "frappeCrust": "#232634"
30
+ },
31
+ "theme": {
32
+ "primary": {
33
+ "dark": "frappeBlue",
34
+ "light": "frappeBlue"
35
+ },
36
+ "secondary": {
37
+ "dark": "frappeMauve",
38
+ "light": "frappeMauve"
39
+ },
40
+ "accent": {
41
+ "dark": "frappePink",
42
+ "light": "frappePink"
43
+ },
44
+ "error": {
45
+ "dark": "frappeRed",
46
+ "light": "frappeRed"
47
+ },
48
+ "warning": {
49
+ "dark": "frappeYellow",
50
+ "light": "frappeYellow"
51
+ },
52
+ "success": {
53
+ "dark": "frappeGreen",
54
+ "light": "frappeGreen"
55
+ },
56
+ "info": {
57
+ "dark": "frappeTeal",
58
+ "light": "frappeTeal"
59
+ },
60
+ "text": {
61
+ "dark": "frappeText",
62
+ "light": "frappeText"
63
+ },
64
+ "textMuted": {
65
+ "dark": "frappeSubtext1",
66
+ "light": "frappeSubtext1"
67
+ },
68
+ "background": {
69
+ "dark": "frappeBase",
70
+ "light": "frappeBase"
71
+ },
72
+ "backgroundPanel": {
73
+ "dark": "frappeMantle",
74
+ "light": "frappeMantle"
75
+ },
76
+ "backgroundElement": {
77
+ "dark": "frappeCrust",
78
+ "light": "frappeCrust"
79
+ },
80
+ "border": {
81
+ "dark": "frappeSurface0",
82
+ "light": "frappeSurface0"
83
+ },
84
+ "borderActive": {
85
+ "dark": "frappeSurface1",
86
+ "light": "frappeSurface1"
87
+ },
88
+ "borderSubtle": {
89
+ "dark": "frappeSurface2",
90
+ "light": "frappeSurface2"
91
+ },
92
+ "diffAdded": {
93
+ "dark": "frappeGreen",
94
+ "light": "frappeGreen"
95
+ },
96
+ "diffRemoved": {
97
+ "dark": "frappeRed",
98
+ "light": "frappeRed"
99
+ },
100
+ "diffContext": {
101
+ "dark": "frappeOverlay2",
102
+ "light": "frappeOverlay2"
103
+ },
104
+ "diffHunkHeader": {
105
+ "dark": "frappePeach",
106
+ "light": "frappePeach"
107
+ },
108
+ "diffHighlightAdded": {
109
+ "dark": "frappeGreen",
110
+ "light": "frappeGreen"
111
+ },
112
+ "diffHighlightRemoved": {
113
+ "dark": "frappeRed",
114
+ "light": "frappeRed"
115
+ },
116
+ "diffAddedBg": {
117
+ "dark": "#29342b",
118
+ "light": "#29342b"
119
+ },
120
+ "diffRemovedBg": {
121
+ "dark": "#3a2a31",
122
+ "light": "#3a2a31"
123
+ },
124
+ "diffContextBg": {
125
+ "dark": "frappeMantle",
126
+ "light": "frappeMantle"
127
+ },
128
+ "diffLineNumber": {
129
+ "dark": "frappeSurface1",
130
+ "light": "frappeSurface1"
131
+ },
132
+ "diffAddedLineNumberBg": {
133
+ "dark": "#223025",
134
+ "light": "#223025"
135
+ },
136
+ "diffRemovedLineNumberBg": {
137
+ "dark": "#2f242b",
138
+ "light": "#2f242b"
139
+ },
140
+ "markdownText": {
141
+ "dark": "frappeText",
142
+ "light": "frappeText"
143
+ },
144
+ "markdownHeading": {
145
+ "dark": "frappeMauve",
146
+ "light": "frappeMauve"
147
+ },
148
+ "markdownLink": {
149
+ "dark": "frappeBlue",
150
+ "light": "frappeBlue"
151
+ },
152
+ "markdownLinkText": {
153
+ "dark": "frappeSky",
154
+ "light": "frappeSky"
155
+ },
156
+ "markdownCode": {
157
+ "dark": "frappeGreen",
158
+ "light": "frappeGreen"
159
+ },
160
+ "markdownBlockQuote": {
161
+ "dark": "frappeYellow",
162
+ "light": "frappeYellow"
163
+ },
164
+ "markdownEmph": {
165
+ "dark": "frappeYellow",
166
+ "light": "frappeYellow"
167
+ },
168
+ "markdownStrong": {
169
+ "dark": "frappePeach",
170
+ "light": "frappePeach"
171
+ },
172
+ "markdownHorizontalRule": {
173
+ "dark": "frappeSubtext0",
174
+ "light": "frappeSubtext0"
175
+ },
176
+ "markdownListItem": {
177
+ "dark": "frappeBlue",
178
+ "light": "frappeBlue"
179
+ },
180
+ "markdownListEnumeration": {
181
+ "dark": "frappeSky",
182
+ "light": "frappeSky"
183
+ },
184
+ "markdownImage": {
185
+ "dark": "frappeBlue",
186
+ "light": "frappeBlue"
187
+ },
188
+ "markdownImageText": {
189
+ "dark": "frappeSky",
190
+ "light": "frappeSky"
191
+ },
192
+ "markdownCodeBlock": {
193
+ "dark": "frappeText",
194
+ "light": "frappeText"
195
+ },
196
+ "syntaxComment": {
197
+ "dark": "frappeOverlay2",
198
+ "light": "frappeOverlay2"
199
+ },
200
+ "syntaxKeyword": {
201
+ "dark": "frappeMauve",
202
+ "light": "frappeMauve"
203
+ },
204
+ "syntaxFunction": {
205
+ "dark": "frappeBlue",
206
+ "light": "frappeBlue"
207
+ },
208
+ "syntaxVariable": {
209
+ "dark": "frappeRed",
210
+ "light": "frappeRed"
211
+ },
212
+ "syntaxString": {
213
+ "dark": "frappeGreen",
214
+ "light": "frappeGreen"
215
+ },
216
+ "syntaxNumber": {
217
+ "dark": "frappePeach",
218
+ "light": "frappePeach"
219
+ },
220
+ "syntaxType": {
221
+ "dark": "frappeYellow",
222
+ "light": "frappeYellow"
223
+ },
224
+ "syntaxOperator": {
225
+ "dark": "frappeSky",
226
+ "light": "frappeSky"
227
+ },
228
+ "syntaxPunctuation": {
229
+ "dark": "frappeText",
230
+ "light": "frappeText"
231
+ }
232
+ }
233
+ }
@@ -0,0 +1,233 @@
1
+ {
2
+ "$schema": "https://opencode.ai/theme.json",
3
+ "defs": {
4
+ "macRosewater": "#f4dbd6",
5
+ "macFlamingo": "#f0c6c6",
6
+ "macPink": "#f5bde6",
7
+ "macMauve": "#c6a0f6",
8
+ "macRed": "#ed8796",
9
+ "macMaroon": "#ee99a0",
10
+ "macPeach": "#f5a97f",
11
+ "macYellow": "#eed49f",
12
+ "macGreen": "#a6da95",
13
+ "macTeal": "#8bd5ca",
14
+ "macSky": "#91d7e3",
15
+ "macSapphire": "#7dc4e4",
16
+ "macBlue": "#8aadf4",
17
+ "macLavender": "#b7bdf8",
18
+ "macText": "#cad3f5",
19
+ "macSubtext1": "#b8c0e0",
20
+ "macSubtext0": "#a5adcb",
21
+ "macOverlay2": "#939ab7",
22
+ "macOverlay1": "#8087a2",
23
+ "macOverlay0": "#6e738d",
24
+ "macSurface2": "#5b6078",
25
+ "macSurface1": "#494d64",
26
+ "macSurface0": "#363a4f",
27
+ "macBase": "#24273a",
28
+ "macMantle": "#1e2030",
29
+ "macCrust": "#181926"
30
+ },
31
+ "theme": {
32
+ "primary": {
33
+ "dark": "macBlue",
34
+ "light": "macBlue"
35
+ },
36
+ "secondary": {
37
+ "dark": "macMauve",
38
+ "light": "macMauve"
39
+ },
40
+ "accent": {
41
+ "dark": "macPink",
42
+ "light": "macPink"
43
+ },
44
+ "error": {
45
+ "dark": "macRed",
46
+ "light": "macRed"
47
+ },
48
+ "warning": {
49
+ "dark": "macYellow",
50
+ "light": "macYellow"
51
+ },
52
+ "success": {
53
+ "dark": "macGreen",
54
+ "light": "macGreen"
55
+ },
56
+ "info": {
57
+ "dark": "macTeal",
58
+ "light": "macTeal"
59
+ },
60
+ "text": {
61
+ "dark": "macText",
62
+ "light": "macText"
63
+ },
64
+ "textMuted": {
65
+ "dark": "macSubtext1",
66
+ "light": "macSubtext1"
67
+ },
68
+ "background": {
69
+ "dark": "macBase",
70
+ "light": "macBase"
71
+ },
72
+ "backgroundPanel": {
73
+ "dark": "macMantle",
74
+ "light": "macMantle"
75
+ },
76
+ "backgroundElement": {
77
+ "dark": "macCrust",
78
+ "light": "macCrust"
79
+ },
80
+ "border": {
81
+ "dark": "macSurface0",
82
+ "light": "macSurface0"
83
+ },
84
+ "borderActive": {
85
+ "dark": "macSurface1",
86
+ "light": "macSurface1"
87
+ },
88
+ "borderSubtle": {
89
+ "dark": "macSurface2",
90
+ "light": "macSurface2"
91
+ },
92
+ "diffAdded": {
93
+ "dark": "macGreen",
94
+ "light": "macGreen"
95
+ },
96
+ "diffRemoved": {
97
+ "dark": "macRed",
98
+ "light": "macRed"
99
+ },
100
+ "diffContext": {
101
+ "dark": "macOverlay2",
102
+ "light": "macOverlay2"
103
+ },
104
+ "diffHunkHeader": {
105
+ "dark": "macPeach",
106
+ "light": "macPeach"
107
+ },
108
+ "diffHighlightAdded": {
109
+ "dark": "macGreen",
110
+ "light": "macGreen"
111
+ },
112
+ "diffHighlightRemoved": {
113
+ "dark": "macRed",
114
+ "light": "macRed"
115
+ },
116
+ "diffAddedBg": {
117
+ "dark": "#29342b",
118
+ "light": "#29342b"
119
+ },
120
+ "diffRemovedBg": {
121
+ "dark": "#3a2a31",
122
+ "light": "#3a2a31"
123
+ },
124
+ "diffContextBg": {
125
+ "dark": "macMantle",
126
+ "light": "macMantle"
127
+ },
128
+ "diffLineNumber": {
129
+ "dark": "macSurface1",
130
+ "light": "macSurface1"
131
+ },
132
+ "diffAddedLineNumberBg": {
133
+ "dark": "#223025",
134
+ "light": "#223025"
135
+ },
136
+ "diffRemovedLineNumberBg": {
137
+ "dark": "#2f242b",
138
+ "light": "#2f242b"
139
+ },
140
+ "markdownText": {
141
+ "dark": "macText",
142
+ "light": "macText"
143
+ },
144
+ "markdownHeading": {
145
+ "dark": "macMauve",
146
+ "light": "macMauve"
147
+ },
148
+ "markdownLink": {
149
+ "dark": "macBlue",
150
+ "light": "macBlue"
151
+ },
152
+ "markdownLinkText": {
153
+ "dark": "macSky",
154
+ "light": "macSky"
155
+ },
156
+ "markdownCode": {
157
+ "dark": "macGreen",
158
+ "light": "macGreen"
159
+ },
160
+ "markdownBlockQuote": {
161
+ "dark": "macYellow",
162
+ "light": "macYellow"
163
+ },
164
+ "markdownEmph": {
165
+ "dark": "macYellow",
166
+ "light": "macYellow"
167
+ },
168
+ "markdownStrong": {
169
+ "dark": "macPeach",
170
+ "light": "macPeach"
171
+ },
172
+ "markdownHorizontalRule": {
173
+ "dark": "macSubtext0",
174
+ "light": "macSubtext0"
175
+ },
176
+ "markdownListItem": {
177
+ "dark": "macBlue",
178
+ "light": "macBlue"
179
+ },
180
+ "markdownListEnumeration": {
181
+ "dark": "macSky",
182
+ "light": "macSky"
183
+ },
184
+ "markdownImage": {
185
+ "dark": "macBlue",
186
+ "light": "macBlue"
187
+ },
188
+ "markdownImageText": {
189
+ "dark": "macSky",
190
+ "light": "macSky"
191
+ },
192
+ "markdownCodeBlock": {
193
+ "dark": "macText",
194
+ "light": "macText"
195
+ },
196
+ "syntaxComment": {
197
+ "dark": "macOverlay2",
198
+ "light": "macOverlay2"
199
+ },
200
+ "syntaxKeyword": {
201
+ "dark": "macMauve",
202
+ "light": "macMauve"
203
+ },
204
+ "syntaxFunction": {
205
+ "dark": "macBlue",
206
+ "light": "macBlue"
207
+ },
208
+ "syntaxVariable": {
209
+ "dark": "macRed",
210
+ "light": "macRed"
211
+ },
212
+ "syntaxString": {
213
+ "dark": "macGreen",
214
+ "light": "macGreen"
215
+ },
216
+ "syntaxNumber": {
217
+ "dark": "macPeach",
218
+ "light": "macPeach"
219
+ },
220
+ "syntaxType": {
221
+ "dark": "macYellow",
222
+ "light": "macYellow"
223
+ },
224
+ "syntaxOperator": {
225
+ "dark": "macSky",
226
+ "light": "macSky"
227
+ },
228
+ "syntaxPunctuation": {
229
+ "dark": "macText",
230
+ "light": "macText"
231
+ }
232
+ }
233
+ }