@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,56 @@
1
+ {
2
+ "$schema": "https://opencode.ai/theme.json",
3
+ "defs": {
4
+ "bg": "#ffffff",
5
+ "bgPanel": "#ffffff",
6
+ "bgElement": "#f0f3f6",
7
+ "fg": "#24292f",
8
+ "fgMuted": "#57606a",
9
+ "blue": "#0969da",
10
+ "green": "#1a7f37",
11
+ "red": "#cf222e",
12
+ "orange": "#bc4c00",
13
+ "purple": "#8250df",
14
+ "pink": "#bf3989",
15
+ "yellow": "#9a6700",
16
+ "cyan": "#1b7c83"
17
+ },
18
+ "theme": {
19
+ "primary": "blue",
20
+ "secondary": "purple",
21
+ "accent": "cyan",
22
+ "error": "red",
23
+ "warning": "yellow",
24
+ "success": "green",
25
+ "info": "orange",
26
+ "text": "fg",
27
+ "textMuted": "fgMuted",
28
+ "background": "bg",
29
+ "backgroundPanel": "bgPanel",
30
+ "backgroundElement": "bgElement",
31
+ "border": "#d0d7de",
32
+ "borderActive": "blue",
33
+ "borderSubtle": "#d8dee4",
34
+ "diffAdded": "green",
35
+ "diffRemoved": "red",
36
+ "diffContext": "fgMuted",
37
+ "diffHunkHeader": "blue",
38
+ "diffHighlightAdded": "#1a7f37",
39
+ "diffHighlightRemoved": "#cf222e",
40
+ "diffAddedBg": "#e6ffec",
41
+ "diffRemovedBg": "#fff0ee",
42
+ "diffContextBg": "bg",
43
+ "diffLineNumber": "fgMuted",
44
+ "diffAddedLineNumberBg": "#dafbe1",
45
+ "diffRemovedLineNumberBg": "#ffebe9",
46
+ "syntaxComment": "fgMuted",
47
+ "syntaxKeyword": "red",
48
+ "syntaxFunction": "purple",
49
+ "syntaxVariable": "orange",
50
+ "syntaxString": "blue",
51
+ "syntaxNumber": "cyan",
52
+ "syntaxType": "orange",
53
+ "syntaxOperator": "red",
54
+ "syntaxPunctuation": "fg"
55
+ }
56
+ }
@@ -0,0 +1,233 @@
1
+ {
2
+ "$schema": "https://opencode.ai/theme.json",
3
+ "defs": {
4
+ "darkBg": "#0d1117",
5
+ "darkBgAlt": "#010409",
6
+ "darkBgPanel": "#161b22",
7
+ "darkFg": "#c9d1d9",
8
+ "darkFgMuted": "#8b949e",
9
+ "darkBlue": "#58a6ff",
10
+ "darkGreen": "#3fb950",
11
+ "darkRed": "#f85149",
12
+ "darkOrange": "#d29922",
13
+ "darkPurple": "#bc8cff",
14
+ "darkPink": "#ff7b72",
15
+ "darkYellow": "#e3b341",
16
+ "darkCyan": "#39c5cf",
17
+ "lightBg": "#ffffff",
18
+ "lightBgAlt": "#f6f8fa",
19
+ "lightBgPanel": "#f0f3f6",
20
+ "lightFg": "#24292f",
21
+ "lightFgMuted": "#57606a",
22
+ "lightBlue": "#0969da",
23
+ "lightGreen": "#1a7f37",
24
+ "lightRed": "#cf222e",
25
+ "lightOrange": "#bc4c00",
26
+ "lightPurple": "#8250df",
27
+ "lightPink": "#bf3989",
28
+ "lightYellow": "#9a6700",
29
+ "lightCyan": "#1b7c83"
30
+ },
31
+ "theme": {
32
+ "primary": {
33
+ "dark": "darkBlue",
34
+ "light": "lightBlue"
35
+ },
36
+ "secondary": {
37
+ "dark": "darkPurple",
38
+ "light": "lightPurple"
39
+ },
40
+ "accent": {
41
+ "dark": "darkCyan",
42
+ "light": "lightCyan"
43
+ },
44
+ "error": {
45
+ "dark": "darkRed",
46
+ "light": "lightRed"
47
+ },
48
+ "warning": {
49
+ "dark": "darkYellow",
50
+ "light": "lightYellow"
51
+ },
52
+ "success": {
53
+ "dark": "darkGreen",
54
+ "light": "lightGreen"
55
+ },
56
+ "info": {
57
+ "dark": "darkOrange",
58
+ "light": "lightOrange"
59
+ },
60
+ "text": {
61
+ "dark": "darkFg",
62
+ "light": "lightFg"
63
+ },
64
+ "textMuted": {
65
+ "dark": "darkFgMuted",
66
+ "light": "lightFgMuted"
67
+ },
68
+ "background": {
69
+ "dark": "darkBg",
70
+ "light": "lightBg"
71
+ },
72
+ "backgroundPanel": {
73
+ "dark": "darkBgAlt",
74
+ "light": "lightBgAlt"
75
+ },
76
+ "backgroundElement": {
77
+ "dark": "darkBgPanel",
78
+ "light": "lightBgPanel"
79
+ },
80
+ "border": {
81
+ "dark": "#30363d",
82
+ "light": "#d0d7de"
83
+ },
84
+ "borderActive": {
85
+ "dark": "darkBlue",
86
+ "light": "lightBlue"
87
+ },
88
+ "borderSubtle": {
89
+ "dark": "#21262d",
90
+ "light": "#d8dee4"
91
+ },
92
+ "diffAdded": {
93
+ "dark": "darkGreen",
94
+ "light": "lightGreen"
95
+ },
96
+ "diffRemoved": {
97
+ "dark": "darkRed",
98
+ "light": "lightRed"
99
+ },
100
+ "diffContext": {
101
+ "dark": "darkFgMuted",
102
+ "light": "lightFgMuted"
103
+ },
104
+ "diffHunkHeader": {
105
+ "dark": "darkBlue",
106
+ "light": "lightBlue"
107
+ },
108
+ "diffHighlightAdded": {
109
+ "dark": "#3fb950",
110
+ "light": "#1a7f37"
111
+ },
112
+ "diffHighlightRemoved": {
113
+ "dark": "#f85149",
114
+ "light": "#cf222e"
115
+ },
116
+ "diffAddedBg": {
117
+ "dark": "#033a16",
118
+ "light": "#dafbe1"
119
+ },
120
+ "diffRemovedBg": {
121
+ "dark": "#67060c",
122
+ "light": "#ffebe9"
123
+ },
124
+ "diffContextBg": {
125
+ "dark": "darkBgAlt",
126
+ "light": "lightBgAlt"
127
+ },
128
+ "diffLineNumber": {
129
+ "dark": "#484f58",
130
+ "light": "#afb8c1"
131
+ },
132
+ "diffAddedLineNumberBg": {
133
+ "dark": "#033a16",
134
+ "light": "#dafbe1"
135
+ },
136
+ "diffRemovedLineNumberBg": {
137
+ "dark": "#67060c",
138
+ "light": "#ffebe9"
139
+ },
140
+ "markdownText": {
141
+ "dark": "darkFg",
142
+ "light": "lightFg"
143
+ },
144
+ "markdownHeading": {
145
+ "dark": "darkBlue",
146
+ "light": "lightBlue"
147
+ },
148
+ "markdownLink": {
149
+ "dark": "darkBlue",
150
+ "light": "lightBlue"
151
+ },
152
+ "markdownLinkText": {
153
+ "dark": "darkCyan",
154
+ "light": "lightCyan"
155
+ },
156
+ "markdownCode": {
157
+ "dark": "darkPink",
158
+ "light": "lightPink"
159
+ },
160
+ "markdownBlockQuote": {
161
+ "dark": "darkFgMuted",
162
+ "light": "lightFgMuted"
163
+ },
164
+ "markdownEmph": {
165
+ "dark": "darkYellow",
166
+ "light": "lightYellow"
167
+ },
168
+ "markdownStrong": {
169
+ "dark": "darkOrange",
170
+ "light": "lightOrange"
171
+ },
172
+ "markdownHorizontalRule": {
173
+ "dark": "#30363d",
174
+ "light": "#d0d7de"
175
+ },
176
+ "markdownListItem": {
177
+ "dark": "darkBlue",
178
+ "light": "lightBlue"
179
+ },
180
+ "markdownListEnumeration": {
181
+ "dark": "darkCyan",
182
+ "light": "lightCyan"
183
+ },
184
+ "markdownImage": {
185
+ "dark": "darkBlue",
186
+ "light": "lightBlue"
187
+ },
188
+ "markdownImageText": {
189
+ "dark": "darkCyan",
190
+ "light": "lightCyan"
191
+ },
192
+ "markdownCodeBlock": {
193
+ "dark": "darkFg",
194
+ "light": "lightFg"
195
+ },
196
+ "syntaxComment": {
197
+ "dark": "darkFgMuted",
198
+ "light": "lightFgMuted"
199
+ },
200
+ "syntaxKeyword": {
201
+ "dark": "darkPink",
202
+ "light": "lightRed"
203
+ },
204
+ "syntaxFunction": {
205
+ "dark": "darkPurple",
206
+ "light": "lightPurple"
207
+ },
208
+ "syntaxVariable": {
209
+ "dark": "darkOrange",
210
+ "light": "lightOrange"
211
+ },
212
+ "syntaxString": {
213
+ "dark": "darkCyan",
214
+ "light": "lightBlue"
215
+ },
216
+ "syntaxNumber": {
217
+ "dark": "darkBlue",
218
+ "light": "lightCyan"
219
+ },
220
+ "syntaxType": {
221
+ "dark": "darkOrange",
222
+ "light": "lightOrange"
223
+ },
224
+ "syntaxOperator": {
225
+ "dark": "darkPink",
226
+ "light": "lightRed"
227
+ },
228
+ "syntaxPunctuation": {
229
+ "dark": "darkFg",
230
+ "light": "lightFg"
231
+ }
232
+ }
233
+ }
@@ -0,0 +1,95 @@
1
+ {
2
+ "$schema": "https://opencode.ai/theme.json",
3
+ "defs": {
4
+ "darkBg0": "#282828",
5
+ "darkBg1": "#3c3836",
6
+ "darkBg2": "#504945",
7
+ "darkBg3": "#665c54",
8
+ "darkFg0": "#fbf1c7",
9
+ "darkFg1": "#ebdbb2",
10
+ "darkGray": "#928374",
11
+ "darkRed": "#cc241d",
12
+ "darkGreen": "#98971a",
13
+ "darkYellow": "#d79921",
14
+ "darkBlue": "#458588",
15
+ "darkPurple": "#b16286",
16
+ "darkAqua": "#689d6a",
17
+ "darkOrange": "#d65d0e",
18
+ "darkRedBright": "#fb4934",
19
+ "darkGreenBright": "#b8bb26",
20
+ "darkYellowBright": "#fabd2f",
21
+ "darkBlueBright": "#83a598",
22
+ "darkPurpleBright": "#d3869b",
23
+ "darkAquaBright": "#8ec07c",
24
+ "darkOrangeBright": "#fe8019",
25
+ "lightBg0": "#fbf1c7",
26
+ "lightBg1": "#ebdbb2",
27
+ "lightBg2": "#d5c4a1",
28
+ "lightBg3": "#bdae93",
29
+ "lightFg0": "#282828",
30
+ "lightFg1": "#3c3836",
31
+ "lightGray": "#7c6f64",
32
+ "lightRed": "#9d0006",
33
+ "lightGreen": "#79740e",
34
+ "lightYellow": "#b57614",
35
+ "lightBlue": "#076678",
36
+ "lightPurple": "#8f3f71",
37
+ "lightAqua": "#427b58",
38
+ "lightOrange": "#af3a03"
39
+ },
40
+ "theme": {
41
+ "primary": { "dark": "darkBlueBright", "light": "lightBlue" },
42
+ "secondary": { "dark": "darkPurpleBright", "light": "lightPurple" },
43
+ "accent": { "dark": "darkAquaBright", "light": "lightAqua" },
44
+ "error": { "dark": "darkRedBright", "light": "lightRed" },
45
+ "warning": { "dark": "darkOrangeBright", "light": "lightOrange" },
46
+ "success": { "dark": "darkGreenBright", "light": "lightGreen" },
47
+ "info": { "dark": "darkYellowBright", "light": "lightYellow" },
48
+ "text": { "dark": "darkFg1", "light": "lightFg1" },
49
+ "textMuted": { "dark": "darkGray", "light": "lightGray" },
50
+ "background": { "dark": "darkBg0", "light": "lightBg0" },
51
+ "backgroundPanel": { "dark": "darkBg1", "light": "lightBg1" },
52
+ "backgroundElement": { "dark": "darkBg2", "light": "lightBg2" },
53
+ "border": { "dark": "darkBg3", "light": "lightBg3" },
54
+ "borderActive": { "dark": "darkFg1", "light": "lightFg1" },
55
+ "borderSubtle": { "dark": "darkBg2", "light": "lightBg2" },
56
+ "diffAdded": { "dark": "darkGreen", "light": "lightGreen" },
57
+ "diffRemoved": { "dark": "darkRed", "light": "lightRed" },
58
+ "diffContext": { "dark": "darkGray", "light": "lightGray" },
59
+ "diffHunkHeader": { "dark": "darkAqua", "light": "lightAqua" },
60
+ "diffHighlightAdded": { "dark": "darkGreenBright", "light": "lightGreen" },
61
+ "diffHighlightRemoved": { "dark": "darkRedBright", "light": "lightRed" },
62
+ "diffAddedBg": { "dark": "#32302f", "light": "#e2e0b5" },
63
+ "diffRemovedBg": { "dark": "#322929", "light": "#e9d8d5" },
64
+ "diffContextBg": { "dark": "darkBg1", "light": "lightBg1" },
65
+ "diffLineNumber": { "dark": "darkBg3", "light": "lightBg3" },
66
+ "diffAddedLineNumberBg": { "dark": "#2a2827", "light": "#d4d2a9" },
67
+ "diffRemovedLineNumberBg": { "dark": "#2a2222", "light": "#d8cbc8" },
68
+ "markdownText": { "dark": "darkFg1", "light": "lightFg1" },
69
+ "markdownHeading": { "dark": "darkBlueBright", "light": "lightBlue" },
70
+ "markdownLink": { "dark": "darkAquaBright", "light": "lightAqua" },
71
+ "markdownLinkText": { "dark": "darkGreenBright", "light": "lightGreen" },
72
+ "markdownCode": { "dark": "darkYellowBright", "light": "lightYellow" },
73
+ "markdownBlockQuote": { "dark": "darkGray", "light": "lightGray" },
74
+ "markdownEmph": { "dark": "darkPurpleBright", "light": "lightPurple" },
75
+ "markdownStrong": { "dark": "darkOrangeBright", "light": "lightOrange" },
76
+ "markdownHorizontalRule": { "dark": "darkGray", "light": "lightGray" },
77
+ "markdownListItem": { "dark": "darkBlueBright", "light": "lightBlue" },
78
+ "markdownListEnumeration": {
79
+ "dark": "darkAquaBright",
80
+ "light": "lightAqua"
81
+ },
82
+ "markdownImage": { "dark": "darkAquaBright", "light": "lightAqua" },
83
+ "markdownImageText": { "dark": "darkGreenBright", "light": "lightGreen" },
84
+ "markdownCodeBlock": { "dark": "darkFg1", "light": "lightFg1" },
85
+ "syntaxComment": { "dark": "darkGray", "light": "lightGray" },
86
+ "syntaxKeyword": { "dark": "darkRedBright", "light": "lightRed" },
87
+ "syntaxFunction": { "dark": "darkGreenBright", "light": "lightGreen" },
88
+ "syntaxVariable": { "dark": "darkBlueBright", "light": "lightBlue" },
89
+ "syntaxString": { "dark": "darkYellowBright", "light": "lightYellow" },
90
+ "syntaxNumber": { "dark": "darkPurpleBright", "light": "lightPurple" },
91
+ "syntaxType": { "dark": "darkAquaBright", "light": "lightAqua" },
92
+ "syntaxOperator": { "dark": "darkOrangeBright", "light": "lightOrange" },
93
+ "syntaxPunctuation": { "dark": "darkFg1", "light": "lightFg1" }
94
+ }
95
+ }
@@ -0,0 +1,77 @@
1
+ {
2
+ "$schema": "https://opencode.ai/theme.json",
3
+ "defs": {
4
+ "sumiInk0": "#1F1F28",
5
+ "sumiInk1": "#2A2A37",
6
+ "sumiInk2": "#363646",
7
+ "sumiInk3": "#54546D",
8
+ "fujiWhite": "#DCD7BA",
9
+ "oldWhite": "#C8C093",
10
+ "fujiGray": "#727169",
11
+ "oniViolet": "#957FB8",
12
+ "crystalBlue": "#7E9CD8",
13
+ "carpYellow": "#C38D9D",
14
+ "sakuraPink": "#D27E99",
15
+ "waveAqua": "#76946A",
16
+ "roninYellow": "#D7A657",
17
+ "dragonRed": "#E82424",
18
+ "lotusGreen": "#98BB6C",
19
+ "waveBlue": "#2D4F67",
20
+ "lightBg": "#F2E9DE",
21
+ "lightPaper": "#EAE4D7",
22
+ "lightText": "#54433A",
23
+ "lightGray": "#9E9389"
24
+ },
25
+ "theme": {
26
+ "primary": { "dark": "crystalBlue", "light": "waveBlue" },
27
+ "secondary": { "dark": "oniViolet", "light": "oniViolet" },
28
+ "accent": { "dark": "sakuraPink", "light": "sakuraPink" },
29
+ "error": { "dark": "dragonRed", "light": "dragonRed" },
30
+ "warning": { "dark": "roninYellow", "light": "roninYellow" },
31
+ "success": { "dark": "lotusGreen", "light": "lotusGreen" },
32
+ "info": { "dark": "waveAqua", "light": "waveAqua" },
33
+ "text": { "dark": "fujiWhite", "light": "lightText" },
34
+ "textMuted": { "dark": "fujiGray", "light": "lightGray" },
35
+ "background": { "dark": "sumiInk0", "light": "lightBg" },
36
+ "backgroundPanel": { "dark": "sumiInk1", "light": "lightPaper" },
37
+ "backgroundElement": { "dark": "sumiInk2", "light": "#E3DCD2" },
38
+ "border": { "dark": "sumiInk3", "light": "#D4CBBF" },
39
+ "borderActive": { "dark": "carpYellow", "light": "carpYellow" },
40
+ "borderSubtle": { "dark": "sumiInk2", "light": "#DCD4C9" },
41
+ "diffAdded": { "dark": "lotusGreen", "light": "lotusGreen" },
42
+ "diffRemoved": { "dark": "dragonRed", "light": "dragonRed" },
43
+ "diffContext": { "dark": "fujiGray", "light": "lightGray" },
44
+ "diffHunkHeader": { "dark": "waveBlue", "light": "waveBlue" },
45
+ "diffHighlightAdded": { "dark": "#A9D977", "light": "#89AF5B" },
46
+ "diffHighlightRemoved": { "dark": "#F24A4A", "light": "#D61F1F" },
47
+ "diffAddedBg": { "dark": "#252E25", "light": "#EAF3E4" },
48
+ "diffRemovedBg": { "dark": "#362020", "light": "#FBE6E6" },
49
+ "diffContextBg": { "dark": "sumiInk1", "light": "lightPaper" },
50
+ "diffLineNumber": { "dark": "sumiInk3", "light": "#C7BEB4" },
51
+ "diffAddedLineNumberBg": { "dark": "#202820", "light": "#DDE8D6" },
52
+ "diffRemovedLineNumberBg": { "dark": "#2D1C1C", "light": "#F2DADA" },
53
+ "markdownText": { "dark": "fujiWhite", "light": "lightText" },
54
+ "markdownHeading": { "dark": "oniViolet", "light": "oniViolet" },
55
+ "markdownLink": { "dark": "crystalBlue", "light": "waveBlue" },
56
+ "markdownLinkText": { "dark": "waveAqua", "light": "waveAqua" },
57
+ "markdownCode": { "dark": "lotusGreen", "light": "lotusGreen" },
58
+ "markdownBlockQuote": { "dark": "fujiGray", "light": "lightGray" },
59
+ "markdownEmph": { "dark": "carpYellow", "light": "carpYellow" },
60
+ "markdownStrong": { "dark": "roninYellow", "light": "roninYellow" },
61
+ "markdownHorizontalRule": { "dark": "fujiGray", "light": "lightGray" },
62
+ "markdownListItem": { "dark": "crystalBlue", "light": "waveBlue" },
63
+ "markdownListEnumeration": { "dark": "waveAqua", "light": "waveAqua" },
64
+ "markdownImage": { "dark": "crystalBlue", "light": "waveBlue" },
65
+ "markdownImageText": { "dark": "waveAqua", "light": "waveAqua" },
66
+ "markdownCodeBlock": { "dark": "fujiWhite", "light": "lightText" },
67
+ "syntaxComment": { "dark": "fujiGray", "light": "lightGray" },
68
+ "syntaxKeyword": { "dark": "oniViolet", "light": "oniViolet" },
69
+ "syntaxFunction": { "dark": "crystalBlue", "light": "waveBlue" },
70
+ "syntaxVariable": { "dark": "fujiWhite", "light": "lightText" },
71
+ "syntaxString": { "dark": "lotusGreen", "light": "lotusGreen" },
72
+ "syntaxNumber": { "dark": "roninYellow", "light": "roninYellow" },
73
+ "syntaxType": { "dark": "carpYellow", "light": "carpYellow" },
74
+ "syntaxOperator": { "dark": "sakuraPink", "light": "sakuraPink" },
75
+ "syntaxPunctuation": { "dark": "fujiWhite", "light": "lightText" }
76
+ }
77
+ }