mincomk/risuai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add error handling for colorscheme

Browse Source
This commit is contained in:
kwaroran
2025-04-14 16:17:09 +09:00
parent 46c45238e5
commit cf039b86af
1 changed files with 33 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

62
src/ts/gui/colorscheme.ts
View File

@@ -115,39 +115,43 @@ export const ColorSchemeTypeStore = writable('dark' as 'dark'|'light')
export const colorSchemeList = Object.keys(colorShemes) as (keyof typeof colorShemes)[]
export function changeColorScheme(colorScheme: string){
let db = getDatabase()
if(colorScheme !== 'custom'){
db.colorScheme = safeStructuredClone(colorShemes[colorScheme])
}
db.colorSchemeName = colorScheme
setDatabase(db)
updateColorScheme()
try {
let db = getDatabase()
if(colorScheme !== 'custom'){
db.colorScheme = safeStructuredClone(colorShemes[colorScheme])
}
db.colorSchemeName = colorScheme
setDatabase(db)
updateColorScheme()
} catch (error) {}
}
export function updateColorScheme(){
let db = getDatabase()
try {
let db = getDatabase()
let colorScheme = db.colorScheme
if(colorScheme == null){
colorScheme = safeStructuredClone(defaultColorScheme)
}
if(get(isLite)){
colorScheme = safeStructuredClone(colorShemes.lite)
}
//set css variables
document.documentElement.style.setProperty("--risu-theme-bgcolor", colorScheme.bgcolor);
document.documentElement.style.setProperty("--risu-theme-darkbg", colorScheme.darkbg);
document.documentElement.style.setProperty("--risu-theme-borderc", colorScheme.borderc);
document.documentElement.style.setProperty("--risu-theme-selected", colorScheme.selected);
document.documentElement.style.setProperty("--risu-theme-draculared", colorScheme.draculared);
document.documentElement.style.setProperty("--risu-theme-textcolor", colorScheme.textcolor);
document.documentElement.style.setProperty("--risu-theme-textcolor2", colorScheme.textcolor2);
document.documentElement.style.setProperty("--risu-theme-darkborderc", colorScheme.darkBorderc);
document.documentElement.style.setProperty("--risu-theme-darkbutton", colorScheme.darkbutton);
ColorSchemeTypeStore.set(colorScheme.type)
let colorScheme = db.colorScheme
if(colorScheme == null){
colorScheme = safeStructuredClone(defaultColorScheme)
}
if(get(isLite)){
colorScheme = safeStructuredClone(colorShemes.lite)
}
//set css variables
document.documentElement.style.setProperty("--risu-theme-bgcolor", colorScheme.bgcolor);
document.documentElement.style.setProperty("--risu-theme-darkbg", colorScheme.darkbg);
document.documentElement.style.setProperty("--risu-theme-borderc", colorScheme.borderc);
document.documentElement.style.setProperty("--risu-theme-selected", colorScheme.selected);
document.documentElement.style.setProperty("--risu-theme-draculared", colorScheme.draculared);
document.documentElement.style.setProperty("--risu-theme-textcolor", colorScheme.textcolor);
document.documentElement.style.setProperty("--risu-theme-textcolor2", colorScheme.textcolor2);
document.documentElement.style.setProperty("--risu-theme-darkborderc", colorScheme.darkBorderc);
document.documentElement.style.setProperty("--risu-theme-darkbutton", colorScheme.darkbutton);
ColorSchemeTypeStore.set(colorScheme.type)
} catch (error) {}
}
export function exportColorScheme(){