Skip to content

Commit d346e41

Browse files
mythzmythz
committed
Add theme .json docs
1 parent b285dda commit d346e41

File tree

4 files changed

+485
-0
lines changed

4 files changed

+485
-0
lines changed

‎llms/extensions/app/themes/dark.json‎

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
{
2+
"preview": {
3+
"chromeBorder": "border-gray-700",
4+
"bgBody": "bg-gray-900",
5+
"bgSidebar": "bg-gray-800/50",
6+
"icon": "text-gray-400",
7+
"heading": "text-indigo-200"
8+
},
9+
"vars": {
10+
"colorScheme": "dark",
11+
"--background": "#111827",
12+
"--border": "#1f2937",
13+
"--input": "#1f2937",
14+
"--ring": "#d1d5db",
15+
"--scrollbar-track-bg": "#1f2937",
16+
"--scrollbar-thumb-bg": "#4b5563",
17+
"--primary-bg": "#1f2937",
18+
"--secondary-bg": "#1f2937",
19+
"--secondary-border": "#374151"
20+
},
21+
"styles": {
22+
"chromeBorder": "border-gray-700",
23+
"heading": "text-gray-200",
24+
"muted": "text-gray-400",
25+
"mutedActive": "text-gray-300",
26+
"mutedHover": "hover:text-gray-200",
27+
"highlighted": "text-blue-400",
28+
"link": "text-blue-600 hover:text-blue-400",
29+
"linkHover": "hover:text-blue-400 group-hover:text-blue-400",
30+
"bgBody": "bg-gray-900",
31+
"bgSidebar": "bg-gray-800/50",
32+
"bgChat": "bg-gray-800",
33+
"bgPage": "bg-gray-900",
34+
"bgSuccess": "bg-green-900 text-green-200",
35+
"bgWarning": "bg-orange-900 text-orange-200",
36+
"bgInput": "bg-gray-950",
37+
"bgSelect": "bg-gray-950",
38+
"textInput": "text-gray-100 placeholder-gray-500",
39+
"borderInput": "border-gray-600 focus:border-blue-500 focus:ring-blue-500",
40+
"labelInput": "text-gray-300",
41+
"helpInput": "text-gray-400",
42+
"draggingInput": "border-blue-500 bg-blue-900/30 ring-1 ring-blue-500",
43+
"dropdownButton": "border border-gray-600 bg-gray-900 hover:bg-gray-800 text-gray-300 focus:outline-none",
44+
"bgPopover": "bg-gray-800 border border-gray-700",
45+
"popoverButton": "hover:bg-gray-700",
46+
"popoverButtonActive": "bg-blue-900/30",
47+
"codeTag": "text-gray-300 bg-gray-700",
48+
"codeTagStrong": "border border-blue-800 text-gray-300 bg-blue-900/30",
49+
"tagButtonGroup": "rounded-xl bg-white/5 border border-gray-700",
50+
"tagButton": "cursor-pointer border border-transparent text-gray-300",
51+
"tagButtonActive": "border border-blue-800 text-blue-300 bg-blue-900/50",
52+
"tagButtonStrongActive": "bg-green-900/40 text-green-300 border-green-800",
53+
"tagLabel": "text-gray-300 border border-gray-600",
54+
"tagLabelHover": "hover:bg-gray-800 hover:text-gray-100 hover:border-gray-500",
55+
"panel": "border-gray-700 bg-gray-800",
56+
"card": "rounded-lg bg-gray-800 border border-gray-700",
57+
"infoCard": "rounded-lg bg-gray-800 border border-gray-700",
58+
"cardTitle": "border-b border-gray-700 bg-gray-800/50",
59+
"cardActive": "rounded-lg shadow-sm bg-gray-800 border border-blue-800",
60+
"cardActiveTitleBar": "border-b border-blue-800 bg-blue-900/30",
61+
"textBlock": "text-gray-100",
62+
"primaryButton": "border border-transparent shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-900 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed rounded-md",
63+
"secondaryButton": "text-gray-300 bg-gray-800 border border-gray-600 hover:bg-gray-700 rounded-md",
64+
"textLink": "underline hover:text-gray-100",
65+
"bgIcon": "bg-gray-400",
66+
"icon": "text-gray-400",
67+
"iconHover": "hover:text-gray-300",
68+
"iconActive": "bg-gray-700",
69+
"iconPartial": "text-indigo-300!",
70+
"iconFull": "text-green-300!",
71+
"mutedIcon": "text-gray-400",
72+
"mutedIconHover": "hover:text-gray-200",
73+
"chatButton": "border border-gray-600 text-gray-400 bg-gray-800 hover:bg-gray-700 disabled:text-gray-400 disabled:cursor-not-allowed disabled:border-gray-700 transition-colors",
74+
"voiceButtonDefault": "bg-gray-800 text-gray-400 hover:text-gray-200",
75+
"voiceButtonRecording": "border border-red-600 bg-red-900/30 text-red-400 animate-pulse",
76+
"voiceButtonProcessing": "bg-blue-900/30 text-blue-400 animate-spin",
77+
"threadItemActiveBorder": "border-blue-600",
78+
"threadItemActive": "bg-blue-900 border-blue-700",
79+
"threadItem": "border-transparent hover:bg-gray-800",
80+
"tabButton": "text-gray-400 hover:text-white hover:bg-white",
81+
"messageUser": "bg-blue-900 text-gray-100 border border-blue-700",
82+
"messageAssistant": "bg-gray-800 text-gray-100 border border-gray-700"
83+
}
84+
}

‎llms/extensions/app/themes/light.json‎

Lines changed: 84 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,84 @@
1+
{
2+
"preview": {
3+
"chromeBorder": "border-gray-200",
4+
"bgBody": "bg-white",
5+
"bgSidebar": "bg-gray-50",
6+
"icon": "text-gray-500",
7+
"heading": "text-gray-900"
8+
},
9+
"vars": {
10+
"colorScheme": "light",
11+
"--background": "#ffffff",
12+
"--border": "#e5e7eb",
13+
"--input": "#e5e7eb",
14+
"--ring": "#2563eb",
15+
"--scrollbar-track-bg": "#f9fafb",
16+
"--scrollbar-thumb-bg": "#d1d5db",
17+
"--primary-bg": "#ffffff",
18+
"--secondary-bg": "#f9fafb",
19+
"--secondary-border": "#e5e7eb"
20+
},
21+
"styles": {
22+
"chromeBorder": "border-gray-200",
23+
"heading": "text-gray-900",
24+
"muted": "text-gray-500",
25+
"mutedHover": "hover:text-gray-600",
26+
"mutedActive": "text-gray-600",
27+
"highlighted": "text-blue-600",
28+
"link": "text-blue-300 hover:text-blue-600",
29+
"linkHover": "hover:text-blue-600 group-hover:text-blue-600",
30+
"bgBody": "bg-white",
31+
"bgSidebar": "bg-gray-50",
32+
"bgChat": "bg-gray-50",
33+
"bgPage": "bg-gray-50",
34+
"bgSuccess": "bg-green-100 text-green-800",
35+
"bgWarning": "bg-orange-100 text-orange-800",
36+
"bgInput": "bg-white",
37+
"bgSelect": "bg-white",
38+
"textInput": "text-gray-900 placeholder-gray-500",
39+
"borderInput": "border-gray-300 focus:border-blue-500 focus:ring-blue-500",
40+
"labelInput": "text-gray-700",
41+
"helpInput": "text-gray-500",
42+
"draggingInput": "border-blue-500 bg-blue-50 ring-1 ring-blue-500",
43+
"dropdownButton": "border border-gray-300 bg-white hover:bg-gray-50 text-gray-700 focus:outline-none",
44+
"bgPopover": "bg-white border border-gray-200",
45+
"popoverButton": "hover:bg-gray-100",
46+
"popoverButtonActive": "bg-blue-50",
47+
"codeTag": "text-gray-700 bg-gray-100",
48+
"codeTagStrong": "border border-blue-200 text-gray-700 bg-blue-50",
49+
"tagButtonGroup": "rounded-xl bg-black/5 shadow-inner",
50+
"tagButton": "cursor-pointer border border-gray-300 text-gray-700",
51+
"tagButtonActive": "border border-blue-200 text-blue-700 bg-blue-100",
52+
"tagButtonStrongActive": "bg-green-100 text-green-800 border-green-300",
53+
"tagLabel": "text-gray-600 border border-gray-300",
54+
"tagLabelHover": "hover:bg-gray-100 hover:text-gray-900 hover:border-gray-400",
55+
"panel": "border-gray-200 bg-gray-50",
56+
"card": "rounded-lg bg-white border border-gray-200",
57+
"infoCard": "rounded-lg bg-white border border-gray-200",
58+
"cardTitle": "border-b border-gray-200 bg-gray-50",
59+
"cardActive": "rounded-lg shadow-sm bg-white border border-blue-200",
60+
"cardActiveTitleBar": "border-b border-blue-100 bg-blue-50",
61+
"textBlock": "text-gray-900",
62+
"primaryButton": "border border-transparent shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed rounded-md",
63+
"secondaryButton": "text-gray-700 bg-white border border-gray-300 hover:bg-gray-50 rounded-md",
64+
"textLink": "underline hover:text-gray-900",
65+
"bgIcon": "bg-gray-500",
66+
"icon": "text-gray-500",
67+
"iconHover": "hover:text-gray-700",
68+
"iconActive": "bg-gray-200",
69+
"iconPartial": "text-indigo-800/80!",
70+
"iconFull": "text-green-600!",
71+
"mutedIcon": "text-gray-500",
72+
"mutedIconHover": "hover:text-gray-700",
73+
"chatButton": "border border-gray-300 text-gray-600 bg-white hover:bg-gray-50 disabled:text-gray-400 disabled:cursor-not-allowed disabled:border-gray-200 transition-colors",
74+
"voiceButtonDefault": "bg-white text-gray-400 hover:text-gray-600",
75+
"voiceButtonRecording": "border bg-red-100 border-red-400 text-red-600 animate-pulse",
76+
"voiceButtonProcessing": "bg-blue-100 text-blue-600 animate-spin",
77+
"threadItemActiveBorder": "border-blue-300",
78+
"threadItemActive": "bg-blue-100 border-blue-200",
79+
"threadItem": "border-transparent hover:bg-gray-100",
80+
"tabButton": "text-gray-500 hover:text-gray-900 hover:bg-gray-200",
81+
"messageUser": "bg-blue-100 text-gray-900 border border-blue-200",
82+
"messageAssistant": "bg-gray-100 text-gray-900 border border-gray-200"
83+
}
84+
}

‎llms/extensions/app/themes/shared.json‎

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
{
2+
"vars": {
3+
"--tw-prose-body": "#374151",
4+
"--tw-prose-headings": "#111827",
5+
"--tw-prose-lead": "#4b5563",
6+
"--tw-prose-links": "#111827",
7+
"--tw-prose-bold": "#111827",
8+
"--tw-prose-counters": "#6b7280",
9+
"--tw-prose-bullets": "#d1d5db",
10+
"--tw-prose-hr": "#e5e7eb",
11+
"--tw-prose-quotes": "#111827",
12+
"--tw-prose-quote-borders": "#e5e7eb",
13+
"--tw-prose-captions": "#6b7280",
14+
"--tw-prose-code": "#111827",
15+
"--tw-prose-pre-code": "#e5e7eb",
16+
"--tw-prose-pre-bg": "#282c34",
17+
"--tw-prose-th-borders": "#d1d5db",
18+
"--tw-prose-td-borders": "#e5e7eb",
19+
"--tw-prose-invert-body": "#d1d5db",
20+
"--tw-prose-invert-headings": "#fff",
21+
"--tw-prose-invert-lead": "#9ca3af",
22+
"--tw-prose-invert-links": "#fff",
23+
"--tw-prose-invert-bold": "#fff",
24+
"--tw-prose-invert-counters": "#9ca3af",
25+
"--tw-prose-invert-bullets": "#4b5563",
26+
"--tw-prose-invert-hr": "#374151",
27+
"--tw-prose-invert-quotes": "#f3f4f6",
28+
"--tw-prose-invert-quote-borders": "#374151",
29+
"--tw-prose-invert-captions": "#9ca3af",
30+
"--tw-prose-invert-code": "#fff",
31+
"--tw-prose-invert-pre-code": "#d1d5db",
32+
"--tw-prose-invert-pre-bg": "rgb(0 0 0 / 50%)",
33+
"--tw-prose-invert-th-borders": "#4b5563",
34+
"--tw-prose-invert-td-borders": "#374151"
35+
},
36+
"styles": {
37+
"app": "bg-[image:var(--background-image)] bg-cover",
38+
"appInner": "",
39+
"tagButtonLarge": "rounded-xl shadow-sm",
40+
"tagButtonSmall": "rounded-full shadow-sm"
41+
}
42+
}

0 commit comments

Comments
 (0)