gorb/frontend
4
0
Fork 0
Code Issues 7 Pull requests 3 Projects Releases Packages 1 Wiki Activity Actions

chore: pascalCase

Browse source
This commit is contained in:
Twig 2025-07-05 19:02:57 +02:00
parent 441dc0c15c
commit 6abfd8e44b
No known key found for this signature in database
4 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

16
components/Settings/AppSettings/Appearance.vue
View file

@ -8,7 +8,7 @@
<span class="theme-preview" <span class="theme-preview"
:title="theme.displayName" :title="theme.displayName"
:style="{background:`linear-gradient(${theme.previewGradient})`}" :style="{background:`linear-gradient(${theme.previewGradient})`}"
@click="changeTheme(theme.ID, theme.themeURL)" @click="changeTheme(theme.id, theme.themeUrl)"
> >
<span class="theme-title" :style="{color:`${theme.complementaryColor}`}"> <span class="theme-title" :style="{color:`${theme.complementaryColor}`}">
{{ theme.displayName }} {{ theme.displayName }}
@ -34,19 +34,19 @@ let themeLinkElement: HTMLLinkElement | null = null;
const themes: Array<Theme> = [] const themes: Array<Theme> = []
interface Theme { interface Theme {
ID: string id: string
displayName: string displayName: string
previewGradient: string previewGradient: string
complementaryColor: string complementaryColor: string
themeURL: string themeUrl: string
} }
function changeTheme(ID: string, URL: string) { function changeTheme(id: string, url: string) {
if (themeLinkElement && themeLinkElement.getAttribute('href') === `${baseURL}themes/${URL}`) { if (themeLinkElement && themeLinkElement.getAttribute('href') === `${baseURL}themes/${url}`) {
return; return;
} }
localStorage.setItem("selectedTheme", ID); localStorage.setItem("selectedTheme", id);
// if the theme didn't originally load for some reason, create it // if the theme didn't originally load for some reason, create it
if (!themeLinkElement) { if (!themeLinkElement) {
@ -55,14 +55,14 @@ function changeTheme(ID: string, URL: string) {
document.head.appendChild(themeLinkElement); document.head.appendChild(themeLinkElement);
} }
themeLinkElement.href = `${baseURL}themes/${URL}`; themeLinkElement.href = `${baseURL}themes/${url}`;
} }
const fetchThemes = async () => { const fetchThemes = async () => {
for (const theme of defaultThemes) { for (const theme of defaultThemes) {
const themeConfig = await fetch(`${baseURL}themes/${theme}.json`) const themeConfig = await fetch(`${baseURL}themes/${theme}.json`)
const themeConfigJson = await themeConfig.json() as Theme const themeConfigJson = await themeConfig.json() as Theme
themeConfigJson.ID = theme themeConfigJson.id = theme
themes.push(themeConfigJson) themes.push(themeConfigJson)
} }

2
public/themes/ash.json
View file

@ -2,5 +2,5 @@
"displayName": "Ash", "displayName": "Ash",
"previewGradient": "45deg, #2f2e2d, #46423b", "previewGradient": "45deg, #2f2e2d, #46423b",
"complementaryColor": "white", "complementaryColor": "white",
"themeURL": "ash.css" "themeUrl": "ash.css"
} }

2
public/themes/dark.json
View file

@ -2,5 +2,5 @@
"displayName": "Dark", "displayName": "Dark",
"previewGradient": "45deg, #1f1e1d, #36322b", "previewGradient": "45deg, #1f1e1d, #36322b",
"complementaryColor": "white", "complementaryColor": "white",
"themeURL": "dark.css" "themeUrl": "dark.css"
} }

2
public/themes/light.json
View file

@ -2,5 +2,5 @@
"displayName": "Light", "displayName": "Light",
"previewGradient": "45deg, #f0ebe8, #d4d0ca", "previewGradient": "45deg, #f0ebe8, #d4d0ca",
"complementaryColor": "black", "complementaryColor": "black",
"themeURL": "light.css" "themeUrl": "light.css"
} }