Skip to content

Commit f49cf9c

Browse files
ssdeanxssdeanx
committed
feat: add multiple themes and agent tool component
- Added new theme files for Monaco Editor: - Vibrant Ink - Xcode Default - Zenburnesque - iPlastic - Idle Fingers - krTheme - Monoindustrial - Updated themelist.json to include new themes. - Implemented the AgentTool component in agent-tool.tsx to display agent data with a structured UI, including ToolHeader, ToolContent, and ToolOutput components.
1 parent e6f8a9f commit f49cf9c

76 files changed

Lines changed: 16534 additions & 299 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎app/components/monaco/monaco-themes.d.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import type { editor } from 'monaco-editor';
22

3-
declare module 'monaco-themes/themes/*.json' {
3+
declare module './themes/*.json' {
44
const value: editor.IStandaloneThemeData
55
export default value
66
}

‎app/components/monaco/theme-loader.ts‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,10 +4,10 @@ import { loader } from '@monaco-editor/react'
44
import type * as Monaco from 'monaco-editor'
55

66
const themeLoaders = {
7-
github: () => import('monaco-themes/themes/GitHub.json', { assert: { type: 'json' } }),
8-
monokai: () => import('monaco-themes/themes/Monokai.json', { assert: { type: 'json' } }),
9-
dracula: () => import('monaco-themes/themes/Dracula.json', { assert: { type: 'json' } }),
10-
solarizedDark: () => import('monaco-themes/themes/Solarized-dark.json', { assert: { type: 'json' } }),
7+
github: () => import('./themes/GitHub.json', { assert: { type: 'json' } }),
8+
monokai: () => import('./themes/Monokai.json', { assert: { type: 'json' } }),
9+
dracula: () => import('./themes/Dracula.json', { assert: { type: 'json' } }),
10+
solarizedDark: () => import('./themes/Solarized-dark.json', { assert: { type: 'json' } }),
1111
} satisfies Record<string, () => Promise<unknown>>
1212

1313
const registeredThemes = new Set<string>()

‎app/components/monaco/themes/Active4D.json‎

Lines changed: 154 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
1+
{
2+
"base": "vs",
3+
"inherit": true,
4+
"rules": [
5+
{
6+
"background": "FFFFFF",
7+
"token": ""
8+
},
9+
{
10+
"background": "e2e9ff5e",
11+
"token": "text.html source.active4d"
12+
},
13+
{
14+
"foreground": "000000",
15+
"token": "text.xml"
16+
},
17+
{
18+
"foreground": "af82d4",
19+
"token": "comment.line"
20+
},
21+
{
22+
"foreground": "af82d4",
23+
"token": "comment.block"
24+
},
25+
{
26+
"foreground": "666666",
27+
"token": "string"
28+
},
29+
{
30+
"foreground": "66ccff",
31+
"fontStyle": "bold",
32+
"token": "string.interpolated variable"
33+
},
34+
{
35+
"foreground": "a8017e",
36+
"token": "constant.numeric"
37+
},
38+
{
39+
"foreground": "66ccff",
40+
"fontStyle": "bold",
41+
"token": "constant.other.date"
42+
},
43+
{
44+
"foreground": "66ccff",
45+
"fontStyle": "bold",
46+
"token": "constant.other.time"
47+
},
48+
{
49+
"foreground": "a535ae",
50+
"token": "constant.language"
51+
},
52+
{
53+
"foreground": "6392ff",
54+
"fontStyle": "bold",
55+
"token": "variable.other.local"
56+
},
57+
{
58+
"foreground": "0053ff",
59+
"fontStyle": "bold",
60+
"token": "variable"
61+
},
62+
{
63+
"foreground": "6988ae",
64+
"token": "variable.other.table-field"
65+
},
66+
{
67+
"foreground": "006699",
68+
"fontStyle": "bold",
69+
"token": "keyword"
70+
},
71+
{
72+
"foreground": "ff5600",
73+
"token": "storage"
74+
},
75+
{
76+
"foreground": "21439c",
77+
"token": "entity.name.type"
78+
},
79+
{
80+
"foreground": "21439c",
81+
"token": "entity.name.function"
82+
},
83+
{
84+
"foreground": "7a7a7a",
85+
"token": "meta.tag"
86+
},
87+
{
88+
"foreground": "016cff",
89+
"token": "entity.name.tag"
90+
},
91+
{
92+
"foreground": "963dff",
93+
"token": "entity.other.attribute-name"
94+
},
95+
{
96+
"foreground": "45ae34",
97+
"fontStyle": "bold",
98+
"token": "support.function"
99+
},
100+
{
101+
"foreground": "b7734c",
102+
"token": "support.constant"
103+
},
104+
{
105+
"foreground": "a535ae",
106+
"token": "support.type"
107+
},
108+
{
109+
"foreground": "a535ae",
110+
"token": "support.class"
111+
},
112+
{
113+
"foreground": "a535ae",
114+
"token": "support.variable"
115+
},
116+
{
117+
"foreground": "ffffff",
118+
"background": "990000",
119+
"token": "invalid"
120+
},
121+
{
122+
"foreground": "ffffff",
123+
"background": "656565",
124+
"token": "meta.diff"
125+
},
126+
{
127+
"foreground": "ffffff",
128+
"background": "1b63ff",
129+
"token": "meta.diff.range"
130+
},
131+
{
132+
"foreground": "000000",
133+
"background": "ff7880",
134+
"token": "markup.deleted.diff"
135+
},
136+
{
137+
"foreground": "000000",
138+
"background": "98ff9a",
139+
"token": "markup.inserted.diff"
140+
},
141+
{
142+
"foreground": "5e5e5e",
143+
"token": "source.diff"
144+
}
145+
],
146+
"colors": {
147+
"editor.foreground": "#3B3B3B",
148+
"editor.background": "#FFFFFF",
149+
"editor.selectionBackground": "#BAD6FD",
150+
"editor.lineHighlightBackground": "#00000012",
151+
"editorCursor.foreground": "#000000",
152+
"editorWhitespace.foreground": "#BFBFBF"
153+
}
154+
}

‎app/components/monaco/themes/All Hallows Eve.json‎

Lines changed: 94 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,94 @@
1+
{
2+
"base": "vs-dark",
3+
"inherit": true,
4+
"rules": [
5+
{
6+
"background": "000000",
7+
"token": ""
8+
},
9+
{
10+
"foreground": "ffffff",
11+
"background": "434242",
12+
"token": "text"
13+
},
14+
{
15+
"foreground": "ffffff",
16+
"background": "000000",
17+
"token": "source"
18+
},
19+
{
20+
"foreground": "9933cc",
21+
"token": "comment"
22+
},
23+
{
24+
"foreground": "3387cc",
25+
"token": "constant"
26+
},
27+
{
28+
"foreground": "cc7833",
29+
"token": "keyword"
30+
},
31+
{
32+
"foreground": "d0d0ff",
33+
"token": "meta.preprocessor.c"
34+
},
35+
{
36+
"fontStyle": "italic",
37+
"token": "variable.parameter"
38+
},
39+
{
40+
"foreground": "ffffff",
41+
"background": "9b9b9b",
42+
"token": "source comment.block"
43+
},
44+
{
45+
"foreground": "66cc33",
46+
"token": "string"
47+
},
48+
{
49+
"foreground": "aaaaaa",
50+
"token": "string constant.character.escape"
51+
},
52+
{
53+
"foreground": "000000",
54+
"background": "cccc33",
55+
"token": "string.interpolated"
56+
},
57+
{
58+
"foreground": "cccc33",
59+
"token": "string.regexp"
60+
},
61+
{
62+
"foreground": "cccc33",
63+
"token": "string.literal"
64+
},
65+
{
66+
"foreground": "555555",
67+
"token": "string.interpolated constant.character.escape"
68+
},
69+
{
70+
"fontStyle": "underline",
71+
"token": "entity.name.type"
72+
},
73+
{
74+
"fontStyle": "italic underline",
75+
"token": "entity.other.inherited-class"
76+
},
77+
{
78+
"fontStyle": "underline",
79+
"token": "entity.name.tag"
80+
},
81+
{
82+
"foreground": "c83730",
83+
"token": "support.function"
84+
}
85+
],
86+
"colors": {
87+
"editor.foreground": "#FFFFFF",
88+
"editor.background": "#000000",
89+
"editor.selectionBackground": "#73597EE0",
90+
"editor.lineHighlightBackground": "#333300",
91+
"editorCursor.foreground": "#FFFFFF",
92+
"editorWhitespace.foreground": "#404040"
93+
}
94+
}

0 commit comments

Comments
 (0)