mirror of
https://gitea.toothfairyai.com/ToothFairyAI/tf_code.git
synced 2026-03-29 21:33:54 +00:00
feat: themes
This commit is contained in:
Gab
parent
7b81c4db73
commit
2ad192a312
@ -10,6 +10,7 @@ import catppuccinFrappe from "./theme/catppuccin-frappe.json" with { type: "json
|
|||||||
import catppuccinMacchiato from "./theme/catppuccin-macchiato.json" with { type: "json" }
|
import catppuccinMacchiato from "./theme/catppuccin-macchiato.json" with { type: "json" }
|
||||||
import cobalt2 from "./theme/cobalt2.json" with { type: "json" }
|
import cobalt2 from "./theme/cobalt2.json" with { type: "json" }
|
||||||
import cursor from "./theme/cursor.json" with { type: "json" }
|
import cursor from "./theme/cursor.json" with { type: "json" }
|
||||||
|
import toothfairyai from "./theme/toothfairyai.json" with { type: "json" }
|
||||||
import dracula from "./theme/dracula.json" with { type: "json" }
|
import dracula from "./theme/dracula.json" with { type: "json" }
|
||||||
import everforest from "./theme/everforest.json" with { type: "json" }
|
import everforest from "./theme/everforest.json" with { type: "json" }
|
||||||
import flexoki from "./theme/flexoki.json" with { type: "json" }
|
import flexoki from "./theme/flexoki.json" with { type: "json" }
|
||||||
@ -139,6 +140,7 @@ type ThemeJson = {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export const DEFAULT_THEMES: Record<string, ThemeJson> = {
|
export const DEFAULT_THEMES: Record<string, ThemeJson> = {
|
||||||
|
toothfairyai,
|
||||||
aura,
|
aura,
|
||||||
ayu,
|
ayu,
|
||||||
catppuccin,
|
catppuccin,
|
||||||
@ -286,7 +288,7 @@ export const { use: useTheme, provider: ThemeProvider } = createSimpleContext({
|
|||||||
const [store, setStore] = createStore({
|
const [store, setStore] = createStore({
|
||||||
themes: DEFAULT_THEMES,
|
themes: DEFAULT_THEMES,
|
||||||
mode: kv.get("theme_mode", props.mode),
|
mode: kv.get("theme_mode", props.mode),
|
||||||
active: (config.theme ?? kv.get("theme", "opencode")) as string,
|
active: (config.theme ?? kv.get("theme", "toothfairyai")) as string,
|
||||||
ready: false,
|
ready: false,
|
||||||
})
|
})
|
||||||
|
|
||||||
@ -306,7 +308,7 @@ export const { use: useTheme, provider: ThemeProvider } = createSimpleContext({
|
|||||||
)
|
)
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
setStore("active", "opencode")
|
setStore("active", "toothfairyai")
|
||||||
})
|
})
|
||||||
.finally(() => {
|
.finally(() => {
|
||||||
if (store.active !== "system") {
|
if (store.active !== "system") {
|
||||||
@ -327,7 +329,7 @@ export const { use: useTheme, provider: ThemeProvider } = createSimpleContext({
|
|||||||
if (store.active === "system") {
|
if (store.active === "system") {
|
||||||
setStore(
|
setStore(
|
||||||
produce((draft) => {
|
produce((draft) => {
|
||||||
draft.active = "opencode"
|
draft.active = "toothfairyai"
|
||||||
draft.ready = true
|
draft.ready = true
|
||||||
}),
|
}),
|
||||||
)
|
)
|
||||||
@ -362,7 +364,7 @@ export const { use: useTheme, provider: ThemeProvider } = createSimpleContext({
|
|||||||
})
|
})
|
||||||
|
|
||||||
const values = createMemo(() => {
|
const values = createMemo(() => {
|
||||||
return resolveTheme(store.themes[store.active] ?? store.themes.opencode, store.mode)
|
return resolveTheme(store.themes[store.active] ?? store.themes.toothfairyai, store.mode)
|
||||||
})
|
})
|
||||||
|
|
||||||
createEffect(() => {
|
createEffect(() => {
|
||||||
|
|||||||
251
packages/tfcode/src/cli/cmd/tui/context/theme/toothfairyai.json
Normal file
251
packages/tfcode/src/cli/cmd/tui/context/theme/toothfairyai.json
Normal file
@ -0,0 +1,251 @@
|
|||||||
|
{
|
||||||
|
"$schema": "https://opencode.ai/theme.json",
|
||||||
|
"defs": {
|
||||||
|
"darkBg": "#181818",
|
||||||
|
"darkPanel": "#141414",
|
||||||
|
"darkElement": "#262626",
|
||||||
|
"darkFg": "#e4e4e4",
|
||||||
|
"darkMuted": "#e4e4e45e",
|
||||||
|
"darkBorder": "#e4e4e413",
|
||||||
|
"darkBorderActive": "#e4e4e426",
|
||||||
|
"darkPrimary": "#1db8c6",
|
||||||
|
"darkPrimaryBright": "#29e8f8",
|
||||||
|
"darkPrimaryDim": "#158a95",
|
||||||
|
"darkBlue": "#81a1c1",
|
||||||
|
"darkGreen": "#3fa266",
|
||||||
|
"darkGreenBright": "#70b489",
|
||||||
|
"darkRed": "#e34671",
|
||||||
|
"darkRedBright": "#fc6b83",
|
||||||
|
"darkYellow": "#f1b467",
|
||||||
|
"darkOrange": "#d2943e",
|
||||||
|
"darkPink": "#E394DC",
|
||||||
|
"darkPurple": "#AAA0FA",
|
||||||
|
"darkTeal": "#1db8c6",
|
||||||
|
"darkSyntaxYellow": "#F8C762",
|
||||||
|
"darkSyntaxOrange": "#EFB080",
|
||||||
|
"darkSyntaxGreen": "#A8CC7C",
|
||||||
|
"darkSyntaxBlue": "#87C3FF",
|
||||||
|
"lightBg": "#fcfcfc",
|
||||||
|
"lightPanel": "#f3f3f3",
|
||||||
|
"lightElement": "#ededed",
|
||||||
|
"lightFg": "#141414",
|
||||||
|
"lightMuted": "#141414ad",
|
||||||
|
"lightBorder": "#14141413",
|
||||||
|
"lightPrimary": "#1db8c6",
|
||||||
|
"lightPrimaryDim": "#158a95",
|
||||||
|
"lightBlue": "#3c7cab",
|
||||||
|
"lightBlueDark": "#206595",
|
||||||
|
"lightGreen": "#1f8a65",
|
||||||
|
"lightGreenBright": "#55a583",
|
||||||
|
"lightRed": "#cf2d56",
|
||||||
|
"lightRedBright": "#e75e78",
|
||||||
|
"lightOrange": "#db704b",
|
||||||
|
"lightYellow": "#c08532",
|
||||||
|
"lightPurple": "#9e94d5",
|
||||||
|
"lightPurpleDark": "#6049b3",
|
||||||
|
"lightPink": "#b8448b",
|
||||||
|
"lightMagenta": "#b3003f"
|
||||||
|
},
|
||||||
|
"theme": {
|
||||||
|
"primary": {
|
||||||
|
"dark": "darkPrimary",
|
||||||
|
"light": "lightPrimary"
|
||||||
|
},
|
||||||
|
"secondary": {
|
||||||
|
"dark": "darkBlue",
|
||||||
|
"light": "lightBlue"
|
||||||
|
},
|
||||||
|
"accent": {
|
||||||
|
"dark": "darkPrimary",
|
||||||
|
"light": "lightPrimary"
|
||||||
|
},
|
||||||
|
"error": {
|
||||||
|
"dark": "darkRed",
|
||||||
|
"light": "lightRed"
|
||||||
|
},
|
||||||
|
"warning": {
|
||||||
|
"dark": "darkYellow",
|
||||||
|
"light": "lightOrange"
|
||||||
|
},
|
||||||
|
"success": {
|
||||||
|
"dark": "darkGreen",
|
||||||
|
"light": "lightGreen"
|
||||||
|
},
|
||||||
|
"info": {
|
||||||
|
"dark": "darkBlue",
|
||||||
|
"light": "lightBlue"
|
||||||
|
},
|
||||||
|
"text": {
|
||||||
|
"dark": "darkFg",
|
||||||
|
"light": "lightFg"
|
||||||
|
},
|
||||||
|
"textMuted": {
|
||||||
|
"dark": "darkMuted",
|
||||||
|
"light": "lightMuted"
|
||||||
|
},
|
||||||
|
"background": {
|
||||||
|
"dark": "darkBg",
|
||||||
|
"light": "lightBg"
|
||||||
|
},
|
||||||
|
"backgroundPanel": {
|
||||||
|
"dark": "darkPanel",
|
||||||
|
"light": "lightPanel"
|
||||||
|
},
|
||||||
|
"backgroundElement": {
|
||||||
|
"dark": "darkElement",
|
||||||
|
"light": "lightElement"
|
||||||
|
},
|
||||||
|
"border": {
|
||||||
|
"dark": "darkBorder",
|
||||||
|
"light": "lightBorder"
|
||||||
|
},
|
||||||
|
"borderActive": {
|
||||||
|
"dark": "darkPrimary",
|
||||||
|
"light": "lightPrimary"
|
||||||
|
},
|
||||||
|
"borderSubtle": {
|
||||||
|
"dark": "#0f0f0f",
|
||||||
|
"light": "#e0e0e0"
|
||||||
|
},
|
||||||
|
"diffAdded": {
|
||||||
|
"dark": "darkGreen",
|
||||||
|
"light": "lightGreen"
|
||||||
|
},
|
||||||
|
"diffRemoved": {
|
||||||
|
"dark": "darkRed",
|
||||||
|
"light": "lightRed"
|
||||||
|
},
|
||||||
|
"diffContext": {
|
||||||
|
"dark": "darkMuted",
|
||||||
|
"light": "lightMuted"
|
||||||
|
},
|
||||||
|
"diffHunkHeader": {
|
||||||
|
"dark": "darkMuted",
|
||||||
|
"light": "lightMuted"
|
||||||
|
},
|
||||||
|
"diffHighlightAdded": {
|
||||||
|
"dark": "darkGreenBright",
|
||||||
|
"light": "lightGreenBright"
|
||||||
|
},
|
||||||
|
"diffHighlightRemoved": {
|
||||||
|
"dark": "darkRedBright",
|
||||||
|
"light": "lightRedBright"
|
||||||
|
},
|
||||||
|
"diffAddedBg": {
|
||||||
|
"dark": "#3fa26633",
|
||||||
|
"light": "#1f8a651f"
|
||||||
|
},
|
||||||
|
"diffRemovedBg": {
|
||||||
|
"dark": "#b8004933",
|
||||||
|
"light": "#cf2d5614"
|
||||||
|
},
|
||||||
|
"diffContextBg": {
|
||||||
|
"dark": "darkPanel",
|
||||||
|
"light": "lightPanel"
|
||||||
|
},
|
||||||
|
"diffLineNumber": {
|
||||||
|
"dark": "#e4e4e442",
|
||||||
|
"light": "#1414147a"
|
||||||
|
},
|
||||||
|
"diffAddedLineNumberBg": {
|
||||||
|
"dark": "#3fa26633",
|
||||||
|
"light": "#1f8a651f"
|
||||||
|
},
|
||||||
|
"diffRemovedLineNumberBg": {
|
||||||
|
"dark": "#b8004933",
|
||||||
|
"light": "#cf2d5614"
|
||||||
|
},
|
||||||
|
"markdownText": {
|
||||||
|
"dark": "darkFg",
|
||||||
|
"light": "lightFg"
|
||||||
|
},
|
||||||
|
"markdownHeading": {
|
||||||
|
"dark": "darkPurple",
|
||||||
|
"light": "lightBlueDark"
|
||||||
|
},
|
||||||
|
"markdownLink": {
|
||||||
|
"dark": "darkPrimary",
|
||||||
|
"light": "lightPrimary"
|
||||||
|
},
|
||||||
|
"markdownLinkText": {
|
||||||
|
"dark": "darkBlue",
|
||||||
|
"light": "lightMuted"
|
||||||
|
},
|
||||||
|
"markdownCode": {
|
||||||
|
"dark": "darkPink",
|
||||||
|
"light": "lightGreen"
|
||||||
|
},
|
||||||
|
"markdownBlockQuote": {
|
||||||
|
"dark": "darkMuted",
|
||||||
|
"light": "lightMuted"
|
||||||
|
},
|
||||||
|
"markdownEmph": {
|
||||||
|
"dark": "darkPrimary",
|
||||||
|
"light": "lightFg"
|
||||||
|
},
|
||||||
|
"markdownStrong": {
|
||||||
|
"dark": "darkSyntaxYellow",
|
||||||
|
"light": "lightFg"
|
||||||
|
},
|
||||||
|
"markdownHorizontalRule": {
|
||||||
|
"dark": "darkMuted",
|
||||||
|
"light": "lightMuted"
|
||||||
|
},
|
||||||
|
"markdownListItem": {
|
||||||
|
"dark": "darkFg",
|
||||||
|
"light": "lightFg"
|
||||||
|
},
|
||||||
|
"markdownListEnumeration": {
|
||||||
|
"dark": "darkPrimary",
|
||||||
|
"light": "lightMuted"
|
||||||
|
},
|
||||||
|
"markdownImage": {
|
||||||
|
"dark": "darkPrimary",
|
||||||
|
"light": "lightBlueDark"
|
||||||
|
},
|
||||||
|
"markdownImageText": {
|
||||||
|
"dark": "darkBlue",
|
||||||
|
"light": "lightMuted"
|
||||||
|
},
|
||||||
|
"markdownCodeBlock": {
|
||||||
|
"dark": "darkFg",
|
||||||
|
"light": "lightFg"
|
||||||
|
},
|
||||||
|
"syntaxComment": {
|
||||||
|
"dark": "darkMuted",
|
||||||
|
"light": "lightMuted"
|
||||||
|
},
|
||||||
|
"syntaxKeyword": {
|
||||||
|
"dark": "darkPrimary",
|
||||||
|
"light": "lightMagenta"
|
||||||
|
},
|
||||||
|
"syntaxFunction": {
|
||||||
|
"dark": "darkSyntaxOrange",
|
||||||
|
"light": "lightOrange"
|
||||||
|
},
|
||||||
|
"syntaxVariable": {
|
||||||
|
"dark": "darkFg",
|
||||||
|
"light": "lightFg"
|
||||||
|
},
|
||||||
|
"syntaxString": {
|
||||||
|
"dark": "darkPink",
|
||||||
|
"light": "lightPurple"
|
||||||
|
},
|
||||||
|
"syntaxNumber": {
|
||||||
|
"dark": "darkSyntaxYellow",
|
||||||
|
"light": "lightPink"
|
||||||
|
},
|
||||||
|
"syntaxType": {
|
||||||
|
"dark": "darkSyntaxOrange",
|
||||||
|
"light": "lightBlueDark"
|
||||||
|
},
|
||||||
|
"syntaxOperator": {
|
||||||
|
"dark": "darkFg",
|
||||||
|
"light": "lightFg"
|
||||||
|
},
|
||||||
|
"syntaxPunctuation": {
|
||||||
|
"dark": "darkFg",
|
||||||
|
"light": "lightFg"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user