src/lib/appearance.svelte.ts — radicle-desktop

rad:z4D5UCArafTzTQpDZNQRuqswh3ury

Radicle desktop app

.. router appearance.svelte.ts auth.svelte.ts avatar.ts cached.ts checkRadicleCLI.svelte.ts draftReviewStorage.ts emojis.ts events.ts interval.ts invoke.ts issueCounts.svelte.ts markdown.ts modal.ts mutexExecutor.ts notification.ts notificationCount.svelte.ts patchCounts.svelte.ts portal.ts roles.ts router.ts sleep.ts startup.svelte.ts syntax.ts updateChecker.svelte.ts useLocalStorage.svelte.ts utils.ts

export const fontSettings = $state({ size: loadFontSize() });
const step = 2;
const minFontSize = 14;
const maxFontSize = 24;

export function increaseFontSize() {
  if (fontSettings.size + step <= maxFontSize) {
    setFontSize(fontSettings.size + step);
  }
}

export function decreaseFontSize() {
  if (fontSettings.size - step >= minFontSize) {
    setFontSize(fontSettings.size - step);
  }
}

export function resetFontSize() {
  setFontSize(16);
}

function loadFontSize(): number {
  const storedFontSize = localStorage ? localStorage.getItem("fontSize") : "16";

  if (storedFontSize === null) {
    return 16;
  } else {
    return parseInt(storedFontSize);
  }
}

function setFontSize(size: number) {
  fontSettings.size = size;
  localStorage.setItem("fontSize", size.toString());
}