From 0f119d1f6ad2ac3f0e84f43945ef6a1685868f8b Mon Sep 17 00:00:00 2001 From: Julien Calixte Date: Tue, 11 Feb 2025 22:21:32 +0100 Subject: [PATCH] prune: remove theme in litenote config --- src/hooks/useNoteView.hook.ts | 22 +++++++-------- src/modules/repo/interfaces/UserSettings.ts | 1 - .../user/hooks/useUserSettings.hook.ts | 28 ++++--------------- 3 files changed, 15 insertions(+), 36 deletions(-) diff --git a/src/hooks/useNoteView.hook.ts b/src/hooks/useNoteView.hook.ts index ebe79b9..3ac9a84 100644 --- a/src/hooks/useNoteView.hook.ts +++ b/src/hooks/useNoteView.hook.ts @@ -13,19 +13,17 @@ export const useNoteView = (containerClass: string) => { const { isMobile } = useOverlay(false) const { stackedNotes, addStackedNote } = useRouteQueryStackedNotes() - const titles = computed( - () => - stackedNotes.value?.reduce((obj: Record, note) => { - if (!note) { - return obj - } - const filePath = - store.files.find((file) => file.sha === note)?.path ?? '' - - obj[note] = pathToNotePathTitle(filePath) - + const titles = computed(() => + stackedNotes.value?.reduce((obj: Record, note) => { + if (!note) { return obj - }, {}) + } + const filePath = store.files.find((file) => file.sha === note)?.path ?? '' + + obj[note] = pathToNotePathTitle(filePath) + + return obj + }, {}) ) const unsubscribeLink = noteEventBus.addEventBusListener( diff --git a/src/modules/repo/interfaces/UserSettings.ts b/src/modules/repo/interfaces/UserSettings.ts index 11693e4..11e5569 100644 --- a/src/modules/repo/interfaces/UserSettings.ts +++ b/src/modules/repo/interfaces/UserSettings.ts @@ -4,6 +4,5 @@ import { Model } from '@/data/models/Model' export interface UserSettings extends Model { fontFamily?: string fontSize?: string - mode?: 'light' | 'dark' backlink?: boolean } diff --git a/src/modules/user/hooks/useUserSettings.hook.ts b/src/modules/user/hooks/useUserSettings.hook.ts index 8bafcc5..34a5c46 100644 --- a/src/modules/user/hooks/useUserSettings.hook.ts +++ b/src/modules/user/hooks/useUserSettings.hook.ts @@ -4,12 +4,7 @@ import { useUserRepoStore } from '@/modules/repo/store/userRepo.store' import { downloadGoogleFont } from '@/utils/downloadGoogleFont' const DEFAULT_FONT_POLICY = 'Courier Prime, monospace' - -const LIGHT_FONT_COLOR = '#4a4a4a' -const LIGHT_BACKGROUND = '#ffffff' - -const DARK_FONT_COLOR = '#f7f1e3' -const DARK_BACKGROUND = '#202020' +const DEFAULT_FONT_SIZE = '16px' export const useUserSettings = () => { const store = useUserRepoStore() @@ -19,25 +14,12 @@ export const useUserSettings = () => { return } - const fontFamily = store.userSettings?.fontFamily - const fontSize = store.userSettings?.fontSize - const mode = store.userSettings?.mode const root = document.documentElement + const fontFamily = store.userSettings?.fontFamily + const fontSize = store.userSettings?.fontSize + downloadGoogleFont(fontFamily || DEFAULT_FONT_POLICY) - - root.style.setProperty('--font-size', fontSize || '16px') - - switch (mode) { - case 'dark': - root.style.setProperty('--font-color', DARK_FONT_COLOR) - root.style.setProperty('--background-color', DARK_BACKGROUND) - break - case 'light': - default: - root.style.setProperty('--font-color', LIGHT_FONT_COLOR) - root.style.setProperty('--background-color', LIGHT_BACKGROUND) - break - } + root.style.setProperty('--font-size', fontSize || DEFAULT_FONT_SIZE) }) }