hexo-theme-shokax 0.3.10 → 0.3.12

package/source/js/_app/fireworks.js

@@ -1,141 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initFireworks = void 0;
-const theme_shokax_anime_1 = __importDefault(require("theme-shokax-anime"));
-const canvasEl = document.createElement('canvas');
-canvasEl.style.cssText = 'position:fixed;top:0;left:0;pointer-events:none;z-index:9999999';
-document.body.appendChild(canvasEl);
-const ctx = canvasEl.getContext('2d');
-const numberOfParticles = 30;
-let pointerX = 0;
-let pointerY = 0;
-const tap = 'click';
-const colors = CONFIG.fireworks;
-function setCanvasSize() {
-    canvasEl.width = window.innerWidth * 2;
-    canvasEl.height = window.innerHeight * 2;
-    canvasEl.style.width = window.innerWidth + 'px';
-    canvasEl.style.height = window.innerHeight + 'px';
-    canvasEl.getContext('2d').scale(2, 2);
-}
-function updateCoords(e) {
-    pointerX = e.clientX || (e.touches && e.touches[0].clientX);
-    pointerY = e.clientY || (e.touches && e.touches[0].clientY);
-}
-function setParticleDirection(p) {
-    const angle = theme_shokax_anime_1.default.random(0, 360) * Math.PI / 180;
-    const value = theme_shokax_anime_1.default.random(50, 180);
-    const radius = [-1, 1][theme_shokax_anime_1.default.random(0, 1)] * value;
-    return {
-        x: p.x + radius * Math.cos(angle),
-        y: p.y + radius * Math.sin(angle)
-    };
-}
-function createParticle(x, y) {
-    const p = {
-        x,
-        y,
-        color: undefined,
-        radius: undefined,
-        endPos: undefined,
-        draw() {
-            ctx.beginPath();
-            ctx.arc(p.x, p.y, p.radius, 0, 2 * Math.PI, true);
-            ctx.fillStyle = p.color;
-            ctx.fill();
-        }
-    };
-    p.color = colors[theme_shokax_anime_1.default.random(0, colors.length - 1)];
-    p.radius = theme_shokax_anime_1.default.random(16, 32);
-    p.endPos = setParticleDirection(p);
-    return p;
-}
-function createCircle(x, y) {
-    const p = {
-        x,
-        y,
-        color: '#FFF',
-        radius: 0.1,
-        endPos: undefined,
-        alpha: 0.5,
-        lineWidth: 6,
-        draw() {
-            ctx.globalAlpha = p.alpha;
-            ctx.beginPath();
-            ctx.arc(p.x, p.y, p.radius, 0, 2 * Math.PI, true);
-            ctx.lineWidth = p.lineWidth;
-            ctx.strokeStyle = p.color;
-            ctx.stroke();
-            ctx.globalAlpha = 1;
-        }
-    };
-    return p;
-}
-function renderParticle(targets) {
-    for (const target of targets) {
-        target.draw();
-    }
-}
-function animateParticles(x, y) {
-    const circle = createCircle(x, y);
-    const particles = [];
-    for (let i = 0; i < numberOfParticles; i++) {
-        particles.push(createParticle(x, y));
-    }
-    (0, theme_shokax_anime_1.default)().timeline().add({
-        targets: particles,
-        duration: theme_shokax_anime_1.default.random(1200, 1800),
-        easing: 'easeOutExpo',
-        update: renderParticle,
-        x: p => p.endPos.x,
-        y: p => p.endPos.y,
-        radius: 0.1
-    }).add({
-        targets: circle,
-        duration: theme_shokax_anime_1.default.random(1200, 1800),
-        easing: 'easeOutExpo',
-        update: renderParticle,
-        radius: theme_shokax_anime_1.default.random(80, 160),
-        lineWidth: 0,
-        alpha: {
-            value: 0,
-            easing: 'linear',
-            duration: theme_shokax_anime_1.default.random(600, 800)
-        }
-    }).play();
-}
-const render = (0, theme_shokax_anime_1.default)({
-    duration: Infinity,
-    update() {
-        ctx.clearRect(0, 0, canvasEl.width, canvasEl.height);
-    }
-});
-const hasAncestor = (node, name) => {
-    name = name.toUpperCase();
-    do {
-        if (node === null || node === undefined)
-            break;
-        if (node.nodeName === name)
-            return true;
-    } while ((node = node.parentNode) !== null);
-    return false;
-};
-function initFireworks() {
+import firework from 'mouse-firework';
+/*
+*  烟花分区
+*/
+export function initFireworks() {
     if (typeof CONFIG.fireworks === 'undefined') {
         return;
     }
-    document.addEventListener(tap, (e) => {
-        if (hasAncestor(e.target, 'a')) {
-            return;
-        }
-        render.play();
-        updateCoords(e);
-        animateParticles(pointerX, pointerY);
-    }, false);
-    setCanvasSize();
-    window.addEventListener('resize', setCanvasSize, false);
+    firework(CONFIG.fireworks);
 }
-exports.initFireworks = initFireworks;

package/source/js/_app/globals/globalVars.js

@@ -1,96 +1,80 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setSiteSearch = exports.setToolBtn = exports.setShowContents = exports.setGoToComment = exports.setBackToTop = exports.setToolPlayer = exports.setOriginTitle = exports.setPjax = exports.setLocalUrl = exports.setLocalHash = exports.setTitleTime = exports.setDiffY = exports.setOWinWidth = exports.setOWinHeight = exports.setHeaderHight = exports.setHeaderHightInner = exports.setSiteNavHeight = exports.pjax = exports.LOCAL_URL = exports.LOCAL_HASH = exports.oWinWidth = exports.oWinHeight = exports.headerHight = exports.headerHightInner = exports.siteNavHeight = exports.siteSearch = exports.showContents = exports.goToComment = exports.backToTop = exports.toolPlayer = exports.toolBtn = exports.siteBrand = exports.sideBar = exports.quickBtn = exports.menuToggle = exports.siteHeader = exports.siteNav = exports.loadCat = exports.Container = exports.HTML = exports.BODY = exports.titleTime = exports.originTitle = exports.diffY = exports.scrollAction = exports.statics = void 0;
-const dom_1 = require("../library/dom");
-const proto_1 = __importDefault(require("../library/proto"));
-(0, proto_1.default)();
-exports.statics = CONFIG.statics.indexOf('//') > 0 ? CONFIG.statics : CONFIG.root;
-exports.scrollAction = { x: 0, y: 0 };
-exports.diffY = 0;
-exports.BODY = document.getElementsByTagName('body')[0];
-exports.HTML = document.documentElement;
-exports.Container = (0, dom_1.$dom)('#container');
-exports.loadCat = (0, dom_1.$dom)('#loading');
-exports.siteNav = (0, dom_1.$dom)('#nav');
-exports.siteHeader = (0, dom_1.$dom)('#header');
-exports.menuToggle = exports.siteNav.child('.toggle');
-exports.quickBtn = (0, dom_1.$dom)('#quick');
-exports.sideBar = (0, dom_1.$dom)('#sidebar');
-exports.siteBrand = (0, dom_1.$dom)('#brand');
-exports.toolBtn = (0, dom_1.$dom)('#tool');
-exports.siteSearch = (0, dom_1.$dom)('#search');
-exports.oWinHeight = window.innerHeight;
-exports.oWinWidth = window.innerWidth;
-exports.LOCAL_HASH = 0;
-exports.LOCAL_URL = window.location.href;
-function setSiteNavHeight(value) {
-    exports.siteNavHeight = value;
-}
-exports.setSiteNavHeight = setSiteNavHeight;
-function setHeaderHightInner(value) {
-    exports.headerHightInner = value;
-}
-exports.setHeaderHightInner = setHeaderHightInner;
-function setHeaderHight(value) {
-    exports.headerHight = value;
-}
-exports.setHeaderHight = setHeaderHight;
-function setOWinHeight(value) {
-    exports.oWinHeight = value;
-}
-exports.setOWinHeight = setOWinHeight;
-function setOWinWidth(value) {
-    exports.oWinWidth = value;
-}
-exports.setOWinWidth = setOWinWidth;
-function setDiffY(value) {
-    exports.diffY = value;
-}
-exports.setDiffY = setDiffY;
-function setTitleTime(value) {
-    exports.titleTime = value;
-}
-exports.setTitleTime = setTitleTime;
-function setLocalHash(value) {
-    exports.LOCAL_HASH = value;
-}
-exports.setLocalHash = setLocalHash;
-function setLocalUrl(value) {
-    exports.LOCAL_URL = value;
-}
-exports.setLocalUrl = setLocalUrl;
-function setPjax(value) {
-    exports.pjax = value;
-}
-exports.setPjax = setPjax;
-function setOriginTitle(value) {
-    exports.originTitle = value;
-}
-exports.setOriginTitle = setOriginTitle;
-function setToolPlayer(value) {
-    exports.toolPlayer = value;
-}
-exports.setToolPlayer = setToolPlayer;
-function setBackToTop(value) {
-    exports.backToTop = value;
-}
-exports.setBackToTop = setBackToTop;
-function setGoToComment(value) {
-    exports.goToComment = value;
-}
-exports.setGoToComment = setGoToComment;
-function setShowContents(value) {
-    exports.showContents = value;
-}
-exports.setShowContents = setShowContents;
-function setToolBtn(value) {
-    exports.toolBtn = value;
-}
-exports.setToolBtn = setToolBtn;
-function setSiteSearch(value) {
-    exports.siteSearch = value;
-}
-exports.setSiteSearch = setSiteSearch;
+import { $dom } from '../library/dom';
+import initProto from '../library/proto';
+initProto();
+export const statics = CONFIG.statics.indexOf('//') > 0 ? CONFIG.statics : CONFIG.root;
+export const scrollAction = { x: 0, y: 0 };
+export let diffY = 0;
+export let originTitle, titleTime;
+export const BODY = document.getElementsByTagName('body')[0];
+export const HTML = document.documentElement;
+export const Container = $dom('#container');
+export const loadCat = $dom('#loading');
+export const siteNav = $dom('#nav');
+export const siteHeader = $dom('#header');
+export const menuToggle = siteNav.child('.toggle');
+export const quickBtn = $dom('#quick');
+export const sideBar = $dom('#sidebar');
+export const siteBrand = $dom('#brand');
+export let toolBtn = $dom('#tool');
+export let toolPlayer;
+export let backToTop;
+export let goToComment;
+export let showContents;
+export let siteSearch = $dom('#search');
+export let siteNavHeight, headerHightInner, headerHight;
+export let oWinHeight = window.innerHeight;
+export let oWinWidth = window.innerWidth;
+export let LOCAL_HASH = 0;
+export let LOCAL_URL = window.location.href;
+export let pjax;
+export function setSiteNavHeight(value) {
+    siteNavHeight = value;
+}
+export function setHeaderHightInner(value) {
+    headerHightInner = value;
+}
+export function setHeaderHight(value) {
+    headerHight = value;
+}
+export function setOWinHeight(value) {
+    oWinHeight = value;
+}
+export function setOWinWidth(value) {
+    oWinWidth = value;
+}
+export function setDiffY(value) {
+    diffY = value;
+}
+export function setTitleTime(value) {
+    titleTime = value;
+}
+export function setLocalHash(value) {
+    LOCAL_HASH = value;
+}
+export function setLocalUrl(value) {
+    LOCAL_URL = value;
+}
+export function setPjax(value) {
+    pjax = value;
+}
+export function setOriginTitle(value) {
+    originTitle = value;
+}
+export function setToolPlayer(value) {
+    toolPlayer = value;
+}
+export function setBackToTop(value) {
+    backToTop = value;
+}
+export function setGoToComment(value) {
+    goToComment = value;
+}
+export function setShowContents(value) {
+    showContents = value;
+}
+export function setToolBtn(value) {
+    toolBtn = value;
+}
+export function setSiteSearch(value) {
+    siteSearch = value;
+}

package/source/js/_app/globals/handles.js

@@ -1,80 +1,102 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.visibilityListener = exports.clickMenu = exports.scrollHandle = exports.resizeHandle = void 0;
-const sidebar_1 = require("../components/sidebar");
-const dom_1 = require("../library/dom");
-const globalVars_1 = require("./globalVars");
-const themeColor_1 = require("./themeColor");
-const thirdparty_1 = require("./thirdparty");
-const resizeHandle = () => {
-    (0, globalVars_1.setSiteNavHeight)(globalVars_1.siteNav.changeOrGetHeight());
-    (0, globalVars_1.setHeaderHightInner)(globalVars_1.siteHeader.changeOrGetHeight());
-    (0, globalVars_1.setHeaderHight)(globalVars_1.headerHightInner + (0, dom_1.$dom)('#waves').changeOrGetHeight());
-    if (globalVars_1.oWinWidth !== window.innerWidth) {
-        (0, sidebar_1.sideBarToggleHandle)(null, 1);
+import { sideBarToggleHandle } from '../components/sidebar';
+import { $dom, getDocHeight } from '../library/dom';
+import { backToTop, diffY, headerHight, headerHightInner, oWinWidth, originTitle, scrollAction, sideBar, siteBrand, siteHeader, siteNav, statics, titleTime, toolBtn, setSiteNavHeight, setHeaderHightInner, setHeaderHight, setOWinHeight, setOWinWidth, setDiffY, setTitleTime } from './globalVars';
+import { changeMetaTheme } from './themeColor';
+import { Loader } from './thirdparty';
+export const resizeHandle = () => {
+    // 获取 siteNav 的高度
+    setSiteNavHeight(siteNav.changeOrGetHeight());
+    // 获取 siteHeader 的高度
+    setHeaderHightInner(siteHeader.changeOrGetHeight());
+    // 获取 #waves 的高度
+    setHeaderHight(headerHightInner + $dom('#waves').changeOrGetHeight());
+    // 判断窗口宽度是否改变
+    if (oWinWidth !== window.innerWidth) {
+        sideBarToggleHandle(null, 1);
     }
-    (0, globalVars_1.setOWinHeight)(window.innerHeight);
-    (0, globalVars_1.setOWinWidth)(window.innerWidth);
+    // 记录窗口高度和宽度
+    setOWinHeight(window.innerHeight);
+    setOWinWidth(window.innerWidth);
 };
-exports.resizeHandle = resizeHandle;
-const scrollHandle = () => {
+export const scrollHandle = () => {
+    // 获取窗口高度
     const winHeight = window.innerHeight;
-    const docHeight = (0, dom_1.getDocHeight)();
+    // 获取文档高度
+    const docHeight = getDocHeight();
+    // 计算可见内容高度
     const contentVisibilityHeight = docHeight > winHeight ? docHeight - winHeight : document.body.scrollHeight - winHeight;
-    const SHOW = window.scrollY > globalVars_1.headerHightInner;
+    // 判断页面是否滚动超过 headerHightInner
+    const SHOW = window.scrollY > headerHightInner;
+    // 判断页面是否开始滚动
     const startScroll = window.scrollY > 0;
+    // 根据条件修改 meta theme
     if (SHOW) {
-        (0, themeColor_1.changeMetaTheme)('#FFF');
+        changeMetaTheme('#FFF');
     }
     else {
-        (0, themeColor_1.changeMetaTheme)('#222');
+        changeMetaTheme('#222');
     }
-    globalVars_1.siteNav.toggleClass('show', SHOW);
-    globalVars_1.toolBtn.toggleClass('affix', startScroll);
-    globalVars_1.siteBrand.toggleClass('affix', startScroll);
-    globalVars_1.sideBar.toggleClass('affix', window.scrollY > globalVars_1.headerHight && document.body.offsetWidth > 991);
-    if (typeof globalVars_1.scrollAction.y === 'undefined') {
-        globalVars_1.scrollAction.y = window.scrollY;
+    // 控制导航栏的显示隐藏
+    siteNav.toggleClass('show', SHOW);
+    // 控制网站 logo 的显示隐藏
+    toolBtn.toggleClass('affix', startScroll);
+    // 控制侧边栏的显示隐藏，当滚动高度大于 headerHight 且窗口宽度大于 991px 时显示
+    siteBrand.toggleClass('affix', startScroll);
+    sideBar.toggleClass('affix', window.scrollY > headerHight && document.body.offsetWidth > 991);
+    // 初始化滚动时导航栏的显示方向
+    if (typeof scrollAction.y === 'undefined') {
+        scrollAction.y = window.scrollY;
     }
-    (0, globalVars_1.setDiffY)(globalVars_1.scrollAction.y - window.scrollY);
-    if (globalVars_1.diffY < 0) {
-        globalVars_1.siteNav.removeClass('up');
-        globalVars_1.siteNav.toggleClass('down', SHOW);
+    setDiffY(scrollAction.y - window.scrollY);
+    // 控制滑动时导航栏显示
+    if (diffY < 0) {
+        siteNav.removeClass('up');
+        siteNav.toggleClass('down', SHOW);
     }
-    else if (globalVars_1.diffY > 0) {
-        globalVars_1.siteNav.removeClass('down');
-        globalVars_1.siteNav.toggleClass('up', SHOW);
+    else if (diffY > 0) {
+        siteNav.removeClass('down');
+        siteNav.toggleClass('up', SHOW);
     }
-    else { }
-    globalVars_1.scrollAction.y = window.scrollY;
+    else { /* empty */ }
+    scrollAction.y = window.scrollY;
+    // 计算滚动百分比
     const scrollPercent = Math.round(Math.min(100 * window.scrollY / contentVisibilityHeight, 100)) + '%';
-    if (globalVars_1.backToTop.child('span').innerText !== scrollPercent) {
-        globalVars_1.backToTop.child('span').innerText = scrollPercent;
+    // 更新回到顶部按钮的文字
+    if (backToTop.child('span').innerText !== scrollPercent) {
+        backToTop.child('span').innerText = scrollPercent;
     }
-    if ((0, dom_1.$dom)('#sidebar').hasClass('affix') || (0, dom_1.$dom)('#sidebar').hasClass('on')) {
-        (0, dom_1.$dom)('.percent').changeOrGetWidth(scrollPercent);
+    // 更新百分比进度条的宽度
+    if ($dom('#sidebar').hasClass('affix') || $dom('#sidebar').hasClass('on')) {
+        $dom('.percent').changeOrGetWidth(scrollPercent);
     }
 };
-exports.scrollHandle = scrollHandle;
-const clickMenu = () => {
-    const menuElement = (0, dom_1.$dom)('#clickMenu');
+/**
+ * 此函数用于修改右键点击显示菜单 <br/>
+ * 需要在document下存在如下元素:
+ * - id为clickMenu的容器(右键菜单容器)
+ * - class为clickSubmenu的容器(可以有0到无限个)(子菜单容器)
+ * CSS应有如下class:
+ * - clickMenu的active类(控制显示)
+ */
+export const clickMenu = () => {
+    const menuElement = $dom('#clickMenu');
     window.oncontextmenu = function (event) {
-        if (event.ctrlKey) {
+        if (event.ctrlKey) { // 当按下ctrl键时不触发自定义菜单
             return;
         }
         event.preventDefault();
-        let x = event.offsetX;
+        let x = event.offsetX; // 触发点到页面窗口左边的距离
         let y = event.offsetY;
-        const winWidth = window.innerWidth;
+        const winWidth = window.innerWidth; // 窗口的内部宽度（包括滚动条）
         const winHeight = window.innerHeight;
-        const menuWidth = menuElement.offsetWidth;
+        const menuWidth = menuElement.offsetWidth; // 菜单宽度
         const menuHeight = menuElement.offsetHeight;
         x = winWidth - menuWidth >= x ? x : winWidth - menuWidth;
         y = winHeight - menuHeight >= y ? y : winHeight - menuHeight;
         menuElement.style.top = y + 'px';
         menuElement.style.left = x + 'px';
         menuElement.classList.add('active');
-        dom_1.$dom.each('.clickSubmenu', (submenu) => {
+        $dom.each('.clickSubmenu', (submenu) => {
             if (x > (winWidth - menuWidth - submenu.offsetWidth)) {
                 submenu.style.left = '-200px';
             }
@@ -88,30 +110,29 @@ const clickMenu = () => {
         menuElement.classList.remove('active');
     });
 };
-exports.clickMenu = clickMenu;
-const visibilityListener = () => {
-    const iconNode = (0, dom_1.$dom)('[rel="icon"]');
+// 可见度监听(离开页面和返回时更改document的title)
+export const visibilityListener = () => {
+    const iconNode = $dom('[rel="icon"]');
     document.addEventListener('visibilitychange', () => {
         switch (document.visibilityState) {
             case 'hidden':
-                iconNode.attr('href', globalVars_1.statics + CONFIG.favicon.hidden);
+                iconNode.attr('href', statics + CONFIG.favicon.hidden);
                 document.title = LOCAL.favicon.hide;
                 if (CONFIG.loader.switch) {
-                    thirdparty_1.Loader.show();
+                    Loader.show();
                 }
-                clearTimeout(globalVars_1.titleTime);
+                clearTimeout(titleTime);
                 break;
             case 'visible':
-                iconNode.attr('href', globalVars_1.statics + CONFIG.favicon.normal);
+                iconNode.attr('href', statics + CONFIG.favicon.normal);
                 document.title = LOCAL.favicon.show;
                 if (CONFIG.loader.switch) {
-                    thirdparty_1.Loader.hide(1000);
+                    Loader.hide(1000);
                 }
-                (0, globalVars_1.setTitleTime)(setTimeout(() => {
-                    document.title = globalVars_1.originTitle;
+                setTitleTime(setTimeout(() => {
+                    document.title = originTitle;
                 }, 2000));
                 break;
         }
     });
 };
-exports.visibilityListener = visibilityListener;

package/source/js/_app/globals/themeColor.js

@@ -1,58 +1,62 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.themeColorListener = exports.changeMetaTheme = exports.autoDarkmode = exports.changeTheme = void 0;
-const storage_1 = require("../library/storage");
-const dom_1 = require("../library/dom");
-const globalVars_1 = require("./globalVars");
-const changeTheme = (type) => {
-    const btn = (0, dom_1.$dom)('.theme .ic');
+import { $storage } from '../library/storage';
+import { $dom } from '../library/dom';
+import { HTML } from './globalVars';
+/**
+ * 更改日夜模式
+ */
+export const changeTheme = (type) => {
+    const btn = $dom('.theme .ic');
     if (type === 'dark') {
-        globalVars_1.HTML.attr('data-theme', type);
+        HTML.attr('data-theme', type);
         btn.removeClass('i-sun');
         btn.addClass('i-moon');
     }
     else {
-        globalVars_1.HTML.attr('data-theme', null);
+        HTML.attr('data-theme', null);
         btn.removeClass('i-moon');
         btn.addClass('i-sun');
     }
 };
-exports.changeTheme = changeTheme;
-const autoDarkmode = () => {
+/**
+ * 自动调整黑夜白天
+ * 优先级: 手动选择>时间>跟随系统
+ */
+export const autoDarkmode = () => {
     if (CONFIG.auto_dark.enable) {
         if (new Date().getHours() >= CONFIG.auto_dark.start || new Date().getHours() <= CONFIG.auto_dark.end) {
-            (0, exports.changeTheme)('dark');
+            changeTheme('dark');
         }
         else {
-            (0, exports.changeTheme)();
+            changeTheme();
         }
     }
 };
-exports.autoDarkmode = autoDarkmode;
-const changeMetaTheme = (color) => {
-    if (globalVars_1.HTML.attr('data-theme') === 'dark') {
+/**
+ * 更改主题的meta
+ */
+export const changeMetaTheme = (color) => {
+    if (HTML.attr('data-theme') === 'dark') {
         color = '#222';
     }
-    (0, dom_1.$dom)('meta[name="theme-color"]').attr('content', color);
+    $dom('meta[name="theme-color"]').attr('content', color);
 };
-exports.changeMetaTheme = changeMetaTheme;
-const themeColorListener = () => {
+// 记忆日夜模式切换和系统亮暗模式监听
+export const themeColorListener = () => {
     window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (mediaQueryList) => {
         if (mediaQueryList.matches) {
-            (0, exports.changeTheme)('dark');
+            changeTheme('dark');
         }
         else {
-            (0, exports.changeTheme)();
+            changeTheme();
         }
     });
-    const t = storage_1.$storage.get('theme');
+    const t = $storage.get('theme');
     if (t) {
-        (0, exports.changeTheme)(t);
+        changeTheme(t);
     }
     else {
         if (CONFIG.darkmode) {
-            (0, exports.changeTheme)('dark');
+            changeTheme('dark');
         }
     }
 };
-exports.themeColorListener = themeColorListener;