导航栏右侧添加切换模式

settings.yaml

@@ -73,6 +73,15 @@ spec:
                   value: true
                 - label: 关闭
                   value: false
+            - $formkit: radio
+              name: darkMode
+              label: 切换模式
+              value: true
+              options:
+                - label: 打开
+                  value: true
+                - label: 关闭
+                  value: false
 
     - group: top
       label: 顶部
@@ -121,6 +130,8 @@ spec:
                   value: false
             - $formkit: attachment
               name: index_video
+              key: index_video
+              id: index_video
               if: $get(enable_above).value  &&  $get(enable_above_video).value
               label: 动态壁纸
               placeholder: 请填写动态壁纸地址

templates/modules/widgets/nav-right.html

@@ -20,6 +20,14 @@
         </a>
     </div>
 
+    <!-- 切换模式 -->
+    <div class="nav-button" th:if="${theme.config.nav.right.darkMode}">
+        <a class="console_switchbutton" href="javascript:void(0);"  onclick="rm.switchDarkMode()" rel="external nofollow"
+           title="切换模式 - 日夜交替，黑白互换。">
+            <i class="haofont hao-icon-circle-half-stroke" style="font-size: 1rem; font-weight: 700;"></i>
+        </a>
+    </div>
+
     <!-- 搜索使用搜索插件 -->
     <div class="nav-button" id="search-button" th:if="${pluginFinder.available('PluginSearchWidget')}">
         <a class="site-page social-icon search" href="javascript:SearchWidget.open();" rel="external nofollow"
@@ -28,14 +36,6 @@
         </a>
     </div>
 
-    <!-- 切换模式 -->
-    <!-- <div class="nav-button" th:if="${theme.config.nav.enableChangeColorScheme}">
-        <a class="console_switchbutton" href="javascript:void(0);"  onclick="rm.switchDarkMode()" rel="external nofollow"
-           title="切换模式 - 日夜交替，黑白互换。">
-           <i class="haofont hao-icon-circle-half-stroke" style="font-size: 1rem; font-weight: 700;"></i>
-        </a>
-    </div> -->
-
     <div class="nav-button" id="nav-console">
         <a class="console_switchbutton" href="javascript:void(0);"
            onclick="heo.showConsole()" rel="external nofollow" title="显示中控台">