From de36b3885114097b0e0691d54a85463c9f32690e Mon Sep 17 00:00:00 2001 From: s1to Date: Fri, 17 Jul 2026 17:03:47 +0200 Subject: [PATCH] Fix Oasis-Mobile-UX theme not loading on mobile Load the theme unconditionally on mobile and ship it as the default, so the mobile styles (scroll fix, hexagons, bottom bar) always apply. --- src/configs/oasis-config.json | 2 +- src/views/main_views.js | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/configs/oasis-config.json b/src/configs/oasis-config.json index 4e835c6..146e017 100644 --- a/src/configs/oasis-config.json +++ b/src/configs/oasis-config.json @@ -1,6 +1,6 @@ { "themes": { - "current": "OasisMobile" + "current": "OasisMobileUX" }, "ux": { "current": "blocks" diff --git a/src/views/main_views.js b/src/views/main_views.js index c362d59..dab3c0d 100644 --- a/src/views/main_views.js +++ b/src/views/main_views.js @@ -1300,7 +1300,7 @@ const template = (titlePrefix, ...elements) => { const theme = currentConfig.themes.current || "Dark-SNH"; const uxMode = currentConfig.ux?.current === "ainav" ? "ainav" : "blocks"; const baseTheme = theme === "OasisMobileUX" ? "Dark-SNH" : theme; - const mobileUXActive = process.env.OASIS_MOBILE === '1' ? theme !== "OasisMobile" : theme === "OasisMobileUX"; + const mobileUXActive = (process.env.OASIS_MOBILE === '1') || (theme === "OasisMobileUX"); const mobileUXLink = mobileUXActive ? link({ rel: "stylesheet", href: "/assets/themes/OasisMobileUX.css", ...(process.env.OASIS_MOBILE === '1' ? {} : { media: "(max-width: 768px)" }) }) : ""; @@ -1632,7 +1632,7 @@ exports.ainavHomeView = ({ recentTags = [] } = {}) => { const currentConfig = getConfig(); const theme = currentConfig.themes.current || "Dark-SNH"; const baseTheme = theme === "OasisMobileUX" ? "Dark-SNH" : theme; - const mobileUXActive = process.env.OASIS_MOBILE === '1' ? theme !== "OasisMobile" : theme === "OasisMobileUX"; + const mobileUXActive = (process.env.OASIS_MOBILE === '1') || (theme === "OasisMobileUX"); const mobileUXLink = mobileUXActive ? link({ rel: "stylesheet", href: "/assets/themes/OasisMobileUX.css", ...(process.env.OASIS_MOBILE === '1' ? {} : { media: "(max-width: 768px)" }) }) : "";