feat(reader): wire up reading progress save and restore
The web reader had all the infrastructure for progress persistence
(updateReadingProgress/getReadingProgress API functions, PUT/GET
endpoints, database queries) but the reader.ts never called them.
Changes:
- Add debounced (2s) saveProgress call on every relocate event that
PUTs percentage, current_page, total_pages, and epubcfi to the
existing /api/media-items/:id/progress endpoint
- Replace renderer.next() with view.init({ lastLocation }) to restore
the reader to the last saved position on load (CFI first, then
fraction fallback, then default first page)
- Pass savedPercentage and savedCfi from server-side progress data
through readerInitExpr config to the JS initReader function
- Add mediaItemId and saveTimeout to the Alpine data object
This fixes both the blank /progress page and the missing progress
section on book detail pages — both were empty because the
reading_progress table never received any data from the web reader.
This commit is contained in:
+262
-104
@@ -22,28 +22,138 @@ interface FontFile {
|
||||
}
|
||||
|
||||
const FONT_FILES: FontFile[] = [
|
||||
{ family: '"Literata"', url: "/static/fonts/literata/Literata-Variable.woff2", weight: "100 900", style: "normal" },
|
||||
{ family: '"Literata"', url: "/static/fonts/literata/Literata-Italic-Variable.woff2", weight: "100 900", style: "italic" },
|
||||
{ family: '"Crimson Pro"', url: "/static/fonts/crimson/CrimsonPro-Variable.woff2", weight: "100 900", style: "normal" },
|
||||
{ family: '"Crimson Pro"', url: "/static/fonts/crimson/CrimsonPro-Italic-Variable.woff2", weight: "100 900", style: "italic" },
|
||||
{ family: '"Source Serif 4"', url: "/static/fonts/source-serif/SourceSerif4-Variable.woff2", weight: "100 900", style: "normal" },
|
||||
{ family: '"Source Serif 4"', url: "/static/fonts/source-serif/SourceSerif4-Italic-Variable.woff2", weight: "100 900", style: "italic" },
|
||||
{ family: '"EB Garamond"', url: "/static/fonts/eb-garamond/EBGaramond-Variable.woff2", weight: "100 900", style: "normal" },
|
||||
{ family: '"EB Garamond"', url: "/static/fonts/eb-garamond/EBGaramond-Italic-Variable.woff2", weight: "100 900", style: "italic" },
|
||||
{ family: '"Libertinus Serif"', url: "/static/fonts/libertinus/LibertinusSerif-Regular.woff2", weight: "400", style: "normal" },
|
||||
{ family: '"Libertinus Serif"', url: "/static/fonts/libertinus/LibertinusSerif-Bold.woff2", weight: "700", style: "normal" },
|
||||
{ family: '"Libertinus Serif"', url: "/static/fonts/libertinus/LibertinusSerif-Italic.woff2", weight: "400", style: "italic" },
|
||||
{ family: '"Libertinus Serif"', url: "/static/fonts/libertinus/LibertinusSerif-BoldItalic.woff2", weight: "700", style: "italic" },
|
||||
{ family: '"Noto Serif"', url: "/static/fonts/noto-serif/NotoSerif-Variable.woff2", weight: "100 900", style: "normal" },
|
||||
{ family: '"Noto Serif"', url: "/static/fonts/noto-serif/NotoSerif-Italic-Variable.woff2", weight: "100 900", style: "italic" },
|
||||
{ family: '"Charis SIL"', url: "/static/fonts/charis-sil/CharisSIL-Regular.woff2", weight: "400", style: "normal" },
|
||||
{ family: '"Charis SIL"', url: "/static/fonts/charis-sil/CharisSIL-Bold.woff2", weight: "700", style: "normal" },
|
||||
{ family: '"Charis SIL"', url: "/static/fonts/charis-sil/CharisSIL-Italic.woff2", weight: "400", style: "italic" },
|
||||
{ family: '"Charis SIL"', url: "/static/fonts/charis-sil/CharisSIL-BoldItalic.woff2", weight: "700", style: "italic" },
|
||||
{ family: '"IBM Plex Serif"', url: "/static/fonts/ibm-plex/IBMPlexSerif-Regular.woff2", weight: "400", style: "normal" },
|
||||
{ family: '"IBM Plex Serif"', url: "/static/fonts/ibm-plex/IBMPlexSerif-Bold.woff2", weight: "700", style: "normal" },
|
||||
{ family: '"IBM Plex Serif"', url: "/static/fonts/ibm-plex/IBMPlexSerif-Italic.woff2", weight: "400", style: "italic" },
|
||||
{ family: '"IBM Plex Serif"', url: "/static/fonts/ibm-plex/IBMPlexSerif-BoldItalic.woff2", weight: "700", style: "italic" },
|
||||
{
|
||||
family: '"Literata"',
|
||||
url: "/static/fonts/literata/Literata-Variable.woff2",
|
||||
weight: "100 900",
|
||||
style: "normal",
|
||||
},
|
||||
{
|
||||
family: '"Literata"',
|
||||
url: "/static/fonts/literata/Literata-Italic-Variable.woff2",
|
||||
weight: "100 900",
|
||||
style: "italic",
|
||||
},
|
||||
{
|
||||
family: '"Crimson Pro"',
|
||||
url: "/static/fonts/crimson/CrimsonPro-Variable.woff2",
|
||||
weight: "100 900",
|
||||
style: "normal",
|
||||
},
|
||||
{
|
||||
family: '"Crimson Pro"',
|
||||
url: "/static/fonts/crimson/CrimsonPro-Italic-Variable.woff2",
|
||||
weight: "100 900",
|
||||
style: "italic",
|
||||
},
|
||||
{
|
||||
family: '"Source Serif 4"',
|
||||
url: "/static/fonts/source-serif/SourceSerif4-Variable.woff2",
|
||||
weight: "100 900",
|
||||
style: "normal",
|
||||
},
|
||||
{
|
||||
family: '"Source Serif 4"',
|
||||
url: "/static/fonts/source-serif/SourceSerif4-Italic-Variable.woff2",
|
||||
weight: "100 900",
|
||||
style: "italic",
|
||||
},
|
||||
{
|
||||
family: '"EB Garamond"',
|
||||
url: "/static/fonts/eb-garamond/EBGaramond-Variable.woff2",
|
||||
weight: "100 900",
|
||||
style: "normal",
|
||||
},
|
||||
{
|
||||
family: '"EB Garamond"',
|
||||
url: "/static/fonts/eb-garamond/EBGaramond-Italic-Variable.woff2",
|
||||
weight: "100 900",
|
||||
style: "italic",
|
||||
},
|
||||
{
|
||||
family: '"Libertinus Serif"',
|
||||
url: "/static/fonts/libertinus/LibertinusSerif-Regular.woff2",
|
||||
weight: "400",
|
||||
style: "normal",
|
||||
},
|
||||
{
|
||||
family: '"Libertinus Serif"',
|
||||
url: "/static/fonts/libertinus/LibertinusSerif-Bold.woff2",
|
||||
weight: "700",
|
||||
style: "normal",
|
||||
},
|
||||
{
|
||||
family: '"Libertinus Serif"',
|
||||
url: "/static/fonts/libertinus/LibertinusSerif-Italic.woff2",
|
||||
weight: "400",
|
||||
style: "italic",
|
||||
},
|
||||
{
|
||||
family: '"Libertinus Serif"',
|
||||
url: "/static/fonts/libertinus/LibertinusSerif-BoldItalic.woff2",
|
||||
weight: "700",
|
||||
style: "italic",
|
||||
},
|
||||
{
|
||||
family: '"Noto Serif"',
|
||||
url: "/static/fonts/noto-serif/NotoSerif-Variable.woff2",
|
||||
weight: "100 900",
|
||||
style: "normal",
|
||||
},
|
||||
{
|
||||
family: '"Noto Serif"',
|
||||
url: "/static/fonts/noto-serif/NotoSerif-Italic-Variable.woff2",
|
||||
weight: "100 900",
|
||||
style: "italic",
|
||||
},
|
||||
{
|
||||
family: '"Charis SIL"',
|
||||
url: "/static/fonts/charis-sil/CharisSIL-Regular.woff2",
|
||||
weight: "400",
|
||||
style: "normal",
|
||||
},
|
||||
{
|
||||
family: '"Charis SIL"',
|
||||
url: "/static/fonts/charis-sil/CharisSIL-Bold.woff2",
|
||||
weight: "700",
|
||||
style: "normal",
|
||||
},
|
||||
{
|
||||
family: '"Charis SIL"',
|
||||
url: "/static/fonts/charis-sil/CharisSIL-Italic.woff2",
|
||||
weight: "400",
|
||||
style: "italic",
|
||||
},
|
||||
{
|
||||
family: '"Charis SIL"',
|
||||
url: "/static/fonts/charis-sil/CharisSIL-BoldItalic.woff2",
|
||||
weight: "700",
|
||||
style: "italic",
|
||||
},
|
||||
{
|
||||
family: '"IBM Plex Serif"',
|
||||
url: "/static/fonts/ibm-plex/IBMPlexSerif-Regular.woff2",
|
||||
weight: "400",
|
||||
style: "normal",
|
||||
},
|
||||
{
|
||||
family: '"IBM Plex Serif"',
|
||||
url: "/static/fonts/ibm-plex/IBMPlexSerif-Bold.woff2",
|
||||
weight: "700",
|
||||
style: "normal",
|
||||
},
|
||||
{
|
||||
family: '"IBM Plex Serif"',
|
||||
url: "/static/fonts/ibm-plex/IBMPlexSerif-Italic.woff2",
|
||||
weight: "400",
|
||||
style: "italic",
|
||||
},
|
||||
{
|
||||
family: '"IBM Plex Serif"',
|
||||
url: "/static/fonts/ibm-plex/IBMPlexSerif-BoldItalic.woff2",
|
||||
weight: "700",
|
||||
style: "italic",
|
||||
},
|
||||
];
|
||||
|
||||
let fontBlobUrls: Record<string, string> = {};
|
||||
@@ -87,80 +197,81 @@ interface ThemeColors {
|
||||
link: string;
|
||||
}
|
||||
|
||||
const THEME_COLORS: Record<string, { light: ThemeColors; dark: ThemeColors }> = {
|
||||
light: {
|
||||
light: { fg: "#1a1a1a", bg: "#fafafa", link: "#0066cc" },
|
||||
dark: { fg: "#e8e8e8", bg: "#1a1a1a", link: "#60a5fa" },
|
||||
},
|
||||
paper: {
|
||||
light: { fg: "#2d2d2d", bg: "#fdfbf7", link: "#0284c7" },
|
||||
dark: { fg: "#ebe5dd", bg: "#1c1917", link: "#38bdf8" },
|
||||
},
|
||||
sepia: {
|
||||
light: { fg: "#4a3728", bg: "#f4ecd8", link: "#8b4513" },
|
||||
dark: { fg: "#d4c4a8", bg: "#2b2420", link: "#d97706" },
|
||||
},
|
||||
parchment: {
|
||||
light: { fg: "#5c4033", bg: "#f0e6d3", link: "#92400e" },
|
||||
dark: { fg: "#e8dcc8", bg: "#3d2b1f", link: "#b45309" },
|
||||
},
|
||||
warm: {
|
||||
light: { fg: "#2b2b2b", bg: "#faf8f0", link: "#d97706" },
|
||||
dark: { fg: "#f5e6d3", bg: "#2d2416", link: "#fbbf24" },
|
||||
},
|
||||
candlelight: {
|
||||
light: { fg: "#3d2b1f", bg: "#fef3c7", link: "#b45309" },
|
||||
dark: { fg: "#fde68a", bg: "#451a03", link: "#fb923c" },
|
||||
},
|
||||
azure: {
|
||||
light: { fg: "#262d48", bg: "#cedef5", link: "#2d53e5" },
|
||||
dark: { fg: "#babee1", bg: "#282e47", link: "#0ea5e9" },
|
||||
},
|
||||
sky: {
|
||||
light: { fg: "#1e3a5f", bg: "#e0f2fe", link: "#0284c7" },
|
||||
dark: { fg: "#bae6fd", bg: "#0c4a6e", link: "#0ea5e9" },
|
||||
},
|
||||
arctic: {
|
||||
light: { fg: "#1e3a5f", bg: "#f0f9ff", link: "#0284c7" },
|
||||
dark: { fg: "#bfdbfe", bg: "#1e293b", link: "#38bdf8" },
|
||||
},
|
||||
frost: {
|
||||
light: { fg: "#334155", bg: "#f8fafc", link: "#38bdf8" },
|
||||
dark: { fg: "#e0f2fe", bg: "#0f172a", link: "#7dd3fc" },
|
||||
},
|
||||
dusk: {
|
||||
light: { fg: "#3d2914", bg: "#fef3e2", link: "#ea580c" },
|
||||
dark: { fg: "#f5d5b8", bg: "#2d1f14", link: "#fb923c" },
|
||||
},
|
||||
sunset: {
|
||||
light: { fg: "#4a1d1d", bg: "#fff7ed", link: "#f97316" },
|
||||
dark: { fg: "#fed7aa", bg: "#431407", link: "#fb923c" },
|
||||
},
|
||||
twilight: {
|
||||
light: { fg: "#4c1d95", bg: "#f5f3ff", link: "#8b5cf6" },
|
||||
dark: { fg: "#ddd6fe", bg: "#2e1065", link: "#a78bfa" },
|
||||
},
|
||||
forest: {
|
||||
light: { fg: "#1a2e1a", bg: "#e8efe8", link: "#15803d" },
|
||||
dark: { fg: "#c8dcc8", bg: "#1a2e1a", link: "#22c55e" },
|
||||
},
|
||||
moss: {
|
||||
light: { fg: "#14532d", bg: "#dcfce7", link: "#22c55e" },
|
||||
dark: { fg: "#86efac", bg: "#052e16", link: "#4ade80" },
|
||||
},
|
||||
slate: {
|
||||
light: { fg: "#334155", bg: "#f8fafc", link: "#475569" },
|
||||
dark: { fg: "#e2e8f0", bg: "#1e293b", link: "#94a3b8" },
|
||||
},
|
||||
oled: {
|
||||
light: { fg: "#000000", bg: "#ffffff", link: "#0066cc" },
|
||||
dark: { fg: "#ffffff", bg: "#000000", link: "#3b82f6" },
|
||||
},
|
||||
solarized: {
|
||||
light: { fg: "#657b83", bg: "#fdf6e3", link: "#268bd2" },
|
||||
dark: { fg: "#839496", bg: "#002b36", link: "#268bd2" },
|
||||
},
|
||||
};
|
||||
const THEME_COLORS: Record<string, { light: ThemeColors; dark: ThemeColors }> =
|
||||
{
|
||||
light: {
|
||||
light: { fg: "#1a1a1a", bg: "#fafafa", link: "#0066cc" },
|
||||
dark: { fg: "#e8e8e8", bg: "#1a1a1a", link: "#60a5fa" },
|
||||
},
|
||||
paper: {
|
||||
light: { fg: "#2d2d2d", bg: "#fdfbf7", link: "#0284c7" },
|
||||
dark: { fg: "#ebe5dd", bg: "#1c1917", link: "#38bdf8" },
|
||||
},
|
||||
sepia: {
|
||||
light: { fg: "#4a3728", bg: "#f4ecd8", link: "#8b4513" },
|
||||
dark: { fg: "#d4c4a8", bg: "#2b2420", link: "#d97706" },
|
||||
},
|
||||
parchment: {
|
||||
light: { fg: "#5c4033", bg: "#f0e6d3", link: "#92400e" },
|
||||
dark: { fg: "#e8dcc8", bg: "#3d2b1f", link: "#b45309" },
|
||||
},
|
||||
warm: {
|
||||
light: { fg: "#2b2b2b", bg: "#faf8f0", link: "#d97706" },
|
||||
dark: { fg: "#f5e6d3", bg: "#2d2416", link: "#fbbf24" },
|
||||
},
|
||||
candlelight: {
|
||||
light: { fg: "#3d2b1f", bg: "#fef3c7", link: "#b45309" },
|
||||
dark: { fg: "#fde68a", bg: "#451a03", link: "#fb923c" },
|
||||
},
|
||||
azure: {
|
||||
light: { fg: "#262d48", bg: "#cedef5", link: "#2d53e5" },
|
||||
dark: { fg: "#babee1", bg: "#282e47", link: "#0ea5e9" },
|
||||
},
|
||||
sky: {
|
||||
light: { fg: "#1e3a5f", bg: "#e0f2fe", link: "#0284c7" },
|
||||
dark: { fg: "#bae6fd", bg: "#0c4a6e", link: "#0ea5e9" },
|
||||
},
|
||||
arctic: {
|
||||
light: { fg: "#1e3a5f", bg: "#f0f9ff", link: "#0284c7" },
|
||||
dark: { fg: "#bfdbfe", bg: "#1e293b", link: "#38bdf8" },
|
||||
},
|
||||
frost: {
|
||||
light: { fg: "#334155", bg: "#f8fafc", link: "#38bdf8" },
|
||||
dark: { fg: "#e0f2fe", bg: "#0f172a", link: "#7dd3fc" },
|
||||
},
|
||||
dusk: {
|
||||
light: { fg: "#3d2914", bg: "#fef3e2", link: "#ea580c" },
|
||||
dark: { fg: "#f5d5b8", bg: "#2d1f14", link: "#fb923c" },
|
||||
},
|
||||
sunset: {
|
||||
light: { fg: "#4a1d1d", bg: "#fff7ed", link: "#f97316" },
|
||||
dark: { fg: "#fed7aa", bg: "#431407", link: "#fb923c" },
|
||||
},
|
||||
twilight: {
|
||||
light: { fg: "#4c1d95", bg: "#f5f3ff", link: "#8b5cf6" },
|
||||
dark: { fg: "#ddd6fe", bg: "#2e1065", link: "#a78bfa" },
|
||||
},
|
||||
forest: {
|
||||
light: { fg: "#1a2e1a", bg: "#e8efe8", link: "#15803d" },
|
||||
dark: { fg: "#c8dcc8", bg: "#1a2e1a", link: "#22c55e" },
|
||||
},
|
||||
moss: {
|
||||
light: { fg: "#14532d", bg: "#dcfce7", link: "#22c55e" },
|
||||
dark: { fg: "#86efac", bg: "#052e16", link: "#4ade80" },
|
||||
},
|
||||
slate: {
|
||||
light: { fg: "#334155", bg: "#f8fafc", link: "#475569" },
|
||||
dark: { fg: "#e2e8f0", bg: "#1e293b", link: "#94a3b8" },
|
||||
},
|
||||
oled: {
|
||||
light: { fg: "#000000", bg: "#ffffff", link: "#0066cc" },
|
||||
dark: { fg: "#ffffff", bg: "#000000", link: "#3b82f6" },
|
||||
},
|
||||
solarized: {
|
||||
light: { fg: "#657b83", bg: "#fdf6e3", link: "#268bd2" },
|
||||
dark: { fg: "#839496", bg: "#002b36", link: "#268bd2" },
|
||||
},
|
||||
};
|
||||
|
||||
const getCSS = ({
|
||||
fontFamily,
|
||||
@@ -182,13 +293,15 @@ const getCSS = ({
|
||||
const themeSet = THEME_COLORS[themeName] ?? THEME_COLORS.light;
|
||||
const theme = themeMode === "dark" ? themeSet.dark : themeSet.light;
|
||||
const font = FONT_MAP[fontFamily] ?? '"Literata"';
|
||||
const fontFamilyRule = fontFamily ? `
|
||||
const fontFamilyRule = fontFamily
|
||||
? `
|
||||
body {
|
||||
font-family: ${font}, serif !important;
|
||||
}
|
||||
body * {
|
||||
font-family: inherit !important;
|
||||
}` : "";
|
||||
}`
|
||||
: "";
|
||||
|
||||
return `
|
||||
${buildFontFaceCSS()}
|
||||
@@ -265,6 +378,8 @@ document.addEventListener("alpine:init", () => {
|
||||
bookmarksOpen: false,
|
||||
navigatorOpen: false,
|
||||
tocItems: [] as any[],
|
||||
mediaItemId: "" as string,
|
||||
saveTimeout: null as ReturnType<typeof setTimeout> | null,
|
||||
readingTheme: "light" as string,
|
||||
readingMode: "light" as string,
|
||||
readingFont: "literata" as string,
|
||||
@@ -276,7 +391,10 @@ document.addEventListener("alpine:init", () => {
|
||||
formatGroup: string;
|
||||
readingDirection: string;
|
||||
mangaType: string;
|
||||
savedPercentage?: number;
|
||||
savedCfi?: string;
|
||||
}) {
|
||||
this.mediaItemId = config.mediaItemId;
|
||||
this.settings = await loadSettings();
|
||||
if (this.settings) {
|
||||
this.readingTheme = this.settings.reading_theme || "light";
|
||||
@@ -291,7 +409,8 @@ document.addEventListener("alpine:init", () => {
|
||||
}
|
||||
const viewport = document.getElementById("reader-viewport")!;
|
||||
const themeSet = THEME_COLORS[this.readingTheme] ?? THEME_COLORS.light;
|
||||
const themeColors = this.readingMode === "dark" ? themeSet.dark : themeSet.light;
|
||||
const themeColors =
|
||||
this.readingMode === "dark" ? themeSet.dark : themeSet.light;
|
||||
viewport.style.backgroundColor = themeColors.bg;
|
||||
this.view = document.getElementById("reader-view") as any;
|
||||
await loadFontBlobUrls();
|
||||
@@ -324,7 +443,7 @@ document.addEventListener("alpine:init", () => {
|
||||
);
|
||||
});
|
||||
this.view.addEventListener("relocate", (e: any) => {
|
||||
const { fraction, location, pageItem } = e.detail;
|
||||
const { fraction, location, pageItem, cfi } = e.detail;
|
||||
const percent = new Intl.NumberFormat("en", {
|
||||
style: "percent",
|
||||
}).format(fraction);
|
||||
@@ -340,6 +459,7 @@ document.addEventListener("alpine:init", () => {
|
||||
slider.value = fraction;
|
||||
slider.title = `${percent} · ${loc}`;
|
||||
}
|
||||
this.debouncedSaveProgress(fraction, location, cfi);
|
||||
});
|
||||
const slider = document.getElementById(
|
||||
"progress-slider",
|
||||
@@ -360,7 +480,40 @@ document.addEventListener("alpine:init", () => {
|
||||
document.addEventListener("keydown", (ev: KeyboardEvent) =>
|
||||
this.handleKeydown(ev),
|
||||
);
|
||||
this.renderer.next();
|
||||
if (config.savedCfi) {
|
||||
await this.view.init({ lastLocation: config.savedCfi });
|
||||
} else if (config.savedPercentage && config.savedPercentage > 0) {
|
||||
await this.view.init({ lastLocation: { fraction: config.savedPercentage } });
|
||||
} else {
|
||||
await this.view.init({});
|
||||
}
|
||||
},
|
||||
debouncedSaveProgress(fraction: number, location: any, cfi: string) {
|
||||
if (this.saveTimeout) clearTimeout(this.saveTimeout);
|
||||
this.saveTimeout = setTimeout(() => {
|
||||
this.saveProgress(fraction, location, cfi);
|
||||
}, 2000);
|
||||
},
|
||||
async saveProgress(fraction: number, location: any, cfi: string) {
|
||||
const token = getToken();
|
||||
if (!token || !this.mediaItemId) return;
|
||||
try {
|
||||
await fetch(`/api/media-items/${this.mediaItemId}/progress`, {
|
||||
method: "PUT",
|
||||
headers: {
|
||||
Authorization: `Bearer ${token}`,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
percentage: fraction,
|
||||
current_page: location?.current ?? 0,
|
||||
total_pages: location?.total ?? 0,
|
||||
epubcfi: cfi || "",
|
||||
}),
|
||||
});
|
||||
} catch (_e) {
|
||||
// silent fail — progress save is non-critical
|
||||
}
|
||||
},
|
||||
zoomIn() {
|
||||
if (!this.isFixedLayout) return;
|
||||
@@ -451,7 +604,8 @@ document.addEventListener("alpine:init", () => {
|
||||
applyTheme() {
|
||||
const viewport = document.getElementById("reader-viewport")!;
|
||||
const themeSet = THEME_COLORS[this.readingTheme] ?? THEME_COLORS.light;
|
||||
const themeColors = this.readingMode === "dark" ? themeSet.dark : themeSet.light;
|
||||
const themeColors =
|
||||
this.readingMode === "dark" ? themeSet.dark : themeSet.light;
|
||||
viewport.style.backgroundColor = themeColors.bg;
|
||||
this.applyStyles();
|
||||
saveSettings({
|
||||
@@ -465,8 +619,12 @@ document.addEventListener("alpine:init", () => {
|
||||
},
|
||||
detectChromeDarkMode(): boolean {
|
||||
const darkChromeThemes = [
|
||||
"theme-tokyo-night", "theme-dracula", "theme-nord",
|
||||
"theme-monokai", "theme-one-dark", "theme-material",
|
||||
"theme-tokyo-night",
|
||||
"theme-dracula",
|
||||
"theme-nord",
|
||||
"theme-monokai",
|
||||
"theme-one-dark",
|
||||
"theme-material",
|
||||
"theme-catppuccin",
|
||||
];
|
||||
return darkChromeThemes.some((t) => document.body.classList.contains(t));
|
||||
|
||||
Reference in New Issue
Block a user