feat: 修改默认主题颜色为紫色，并更新私有页面的登录链接方式

README.md

@@ -70,7 +70,7 @@
 | 磨砂玻璃背景色 | `blurBackgroundColor` | `string` | `rgba(255, 255, 255, 0.5)\|rgba(0, 0, 0, 0.5)` | 调整模糊背景色，推荐 rgba 颜色值，使用“\|”分隔亮色模式和暗色模式的颜色值（eg: rgba(255, 255, 255, 0.5)\|rgba(0, 0, 0, 0.5)） |
 | 启用标签透明背景 | `enableTransparentTags` | `switch` | `true` | 启用后标签将使用较为透明的背景色，当背景情况复杂导致标签难以辨识时建议关闭 |
 | 标签默认颜色列表 | `tagDefaultColorList` | `string` | `ruby,gray,gold,bronze,brown,yellow,amber,orange,tomato,red` | 标签默认颜色列表，展示的标签将按顺序调用该颜色池，逗号分隔（可用的颜色列表请参考：https://www.radix-ui.com/themes/docs/theme/color ，改完没有生效则说明填写有误） |
-| 默认主题颜色 | `selectThemeColor` | `select` | `gray` | 设置默认主题颜色，颜色对照请参考：https://www.radix-ui.com/themes/docs/theme/color |
+| 默认主题颜色 | `selectThemeColor` | `select` | `violet` | 设置默认主题颜色，颜色对照请参考：https://www.radix-ui.com/themes/docs/theme/color |
 | 启用 localStorage 配置 | `enableLocalStorage` | `switch` | `true` | 启用后将优先使用用户浏览器本地配置的视图和外观设置。关闭后将强制使用下方的主题配置，本地可调整但刷新即恢复 |
 | 默认展示视图 | `selectedDefaultView` | `select` | `grid` | 设置默认展示视图为网格或表格 |
 | 默认外观 | `selectedDefaultAppearance` | `select` | `system` | 设置默认外观为浅色、深色或系统主题 |

komari-theme.json

@@ -74,7 +74,7 @@
                 "name": "默认主题颜色",
                 "type": "select",
                 "options": "gray,gold,bronze,brown,yellow,amber,orange,tomato,red,ruby,crimson,pink,plum,purple,violet,iris,indigo,blue,cyan,teal,jade,green,grass,lime,mint,sky",
-                "default": "gray",
+                "default": "violet",
                 "help": "设置默认主题颜色，颜色对照请参考：https://www.radix-ui.com/themes/docs/theme/color"
             },
             {

src/config/default.ts

@@ -39,7 +39,7 @@ export const DEFAULT_CONFIG: ConfigOptions = {
   enableTransparentTags: true,
   tagDefaultColorList:
     "ruby,gray,gold,bronze,brown,yellow,amber,orange,tomato,red",
-  selectThemeColor: "gray",
+  selectThemeColor: "violet",
   enableLocalStorage: true,
   selectedDefaultView: "grid",
   selectedDefaultAppearance: "system",

src/pages/Private.tsx

@@ -6,11 +6,7 @@ import {
   CardHeader,
   CardTitle,
 } from "@/components/ui/card";
-import { useNavigate } from "react-router-dom";
-
 export default function Private() {
-  const navigate = useNavigate();
-
   return (
     <div className="fixed inset-0 flex items-center justify-center">
       <Card className="w-full max-w-md">
@@ -19,9 +15,13 @@ export default function Private() {
           <CardDescription>登录后才能获取数据</CardDescription>
         </CardHeader>
         <CardFooter>
-          <Button onClick={() => navigate("/admin")} className="w-full">
-            前往登录
-          </Button>
+          <a
+            href="/admin"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="w-full">
+            <Button className="w-full">前往登录</Button>
+          </a>
         </CardFooter>
       </Card>
     </div>