fix(docs): cannot get theme config

GZTimeWalker · Apr 1, 2024 · 40ae612 · 40ae612
1 parent 133c3d3
commit 40ae612
Show file tree

Hide file tree

Showing 7 changed files with 15 additions and 28 deletions.
diff --git a/docs/components/LogoHeader.tsx b/docs/components/LogoHeader.tsx
@@ -1,16 +1,16 @@
 import { FC } from "react";
 import MainIcon from "@Components/icon/MainIcon";
-import { useTheme } from "next-themes";
+import { useTheme } from "nextra-theme-docs";
 
 export const LogoHeader: FC = () => {
   const { resolvedTheme } = useTheme();
-  const isDark = resolvedTheme === "dark";
-  const color = isDark ? "#fff" : "#414141";
-  const highlightColor = isDark ? "#0AD7AF" : "#02BFA5";
+  const darkMode = resolvedTheme === "dark";
+  const color = darkMode ? "#fff" : "#414141";
+  const highlightColor = darkMode ? "#0AD7AF" : "#02BFA5";
 
   return (
     <div style={{ display: "flex", alignItems: "center", gap: "2px" }}>
-      <MainIcon width={40} height={40}/>
+      <MainIcon width={40} height={40} />
       <span style={{ fontWeight: 800, fontSize: "30px", color }}>
         GZ<span style={{ color: highlightColor }}>::</span>CTF
       </span>

diff --git a/docs/components/icon/MainIcon.tsx b/docs/components/icon/MainIcon.tsx
@@ -1,5 +1,5 @@
+import { useTheme } from "nextra-theme-docs";
 import { SVGProps, FC } from "react";
-import { useTheme } from "next-themes";
 
 interface MainIconProps extends SVGProps<SVGSVGElement> {
   ignoreTheme?: boolean;
@@ -9,8 +9,9 @@ const MainIcon: FC<MainIconProps> = (props: MainIconProps) => {
   const { ignoreTheme, ...svgProps } = props;
 
   const { resolvedTheme } = useTheme();
-  const isDark = resolvedTheme === "dark";
-  const color = isDark ? "#fff" : "#414141";
+  const color = resolvedTheme === "dark" ? "#fff" : "#414141";
+
+  console.log("color", color, resolvedTheme);
 
   return (
     <svg width="480" height="480" viewBox="0 0 4800 4800" {...svgProps}>

diff --git a/docs/package.json b/docs/package.json
@@ -10,7 +10,6 @@
   "dependencies": {
     "@vercel/analytics": "^1.2.2",
     "next": "^14.1.4",
-    "next-themes": "^0.3.0",
     "nextra": "^2.13.4",
     "nextra-theme-docs": "^2.13.4",
     "react": "^18.2.0",

diff --git a/docs/pages/index.en.mdx b/docs/pages/index.en.mdx
@@ -27,19 +27,19 @@ During the rapid development of new features, it is not recommended to use the `
     - Dynamic Container: Automatically generate and issue flags through container environment variables, and flag of each team is unique.
 
   - Dynamic Scores
-    
+
     - Curve of scores:
 
       $$ f(S, r, d, x) = \left \lfloor S \times \left[r  + ( 1- r) \times \exp\left( \dfrac{1 - x}{d} \right) \right] \right \rfloor $$
 
       Where $S$ is the original score, $r$ is the minimum score ratio, $d$ is the difficulty coefficient, and $x$ is the number of submissions. The first three parameters can be customized to satisfy most of the dynamic score requirements.
 
-    - Bonus for first three solves: 
+    - Bonus for first three solves:
       The platform rewards 5%, 3%, and 1% of the current score for the first three solves respectively.
 
   - Disable or enable challenges during the competition, and release new challenges at any time.
   - Dynamic flag sharing detection, optional flag template, leet flag
-  
+
 
 - **Teams** score timeline, scoreboard. Teams can be grouped
 - Dynamic container distribution, management, and multiple port mapping methods based on **Docker or K8s**
@@ -57,4 +57,4 @@ During the rapid development of new features, it is not recommended to use the `
 
 ## Stars ✨
 
-[![Stargazers over time](https://starchart.cc/GZTimeWalker/GZCTF.svg)](https://starchart.cc/GZTimeWalker/GZCTF)
+[![Stargazers over time](https://starchart.cc/GZTimeWalker/GZCTF.svg?variant=adaptive)](https://starchart.cc/GZTimeWalker/GZCTF)
diff --git a/docs/pages/index.ja.mdx b/docs/pages/index.ja.mdx
@@ -56,4 +56,4 @@ GZ::CTF は AGPLv3 契約に基づいたオープンソースであり、その
 
 ## Stars ✨
 
-[![Stargazers over time](https://starchart.cc/GZTimeWalker/GZCTF.svg)](https://starchart.cc/GZTimeWalker/GZCTF)
+[![Stargazers over time](https://starchart.cc/GZTimeWalker/GZCTF.svg?variant=adaptive)](https://starchart.cc/GZTimeWalker/GZCTF)
diff --git a/docs/pages/index.zh.mdx b/docs/pages/index.zh.mdx
@@ -56,4 +56,4 @@ GZ::CTF 基于 AGPLv3 协议开源，使用和修改均需遵守开源协议。
 
 ## Stars ✨
 
-[![Stargazers over time](https://starchart.cc/GZTimeWalker/GZCTF.svg)](https://starchart.cc/GZTimeWalker/GZCTF)
+[![Stargazers over time](https://starchart.cc/GZTimeWalker/GZCTF.svg?variant=adaptive)](https://starchart.cc/GZTimeWalker/GZCTF)
diff --git a/docs/pnpm-lock.yaml b/docs/pnpm-lock.yaml
Original file line number	Diff line number	Diff line change
Expand Up		@@ -56,4 +56,4 @@ GZ::CTF は AGPLv3 契約に基づいたオープンソースであり、その

		## Stars ✨

		[![Stargazers over time](https://starchart.cc/GZTimeWalker/GZCTF.svg)](https://starchart.cc/GZTimeWalker/GZCTF)
		[![Stargazers over time](https://starchart.cc/GZTimeWalker/GZCTF.svg?variant=adaptive)](https://starchart.cc/GZTimeWalker/GZCTF)
Original file line number	Diff line number	Diff line change
Expand Up		@@ -56,4 +56,4 @@ GZ::CTF 基于 AGPLv3 协议开源，使用和修改均需遵守开源协议。

		## Stars ✨

		[![Stargazers over time](https://starchart.cc/GZTimeWalker/GZCTF.svg)](https://starchart.cc/GZTimeWalker/GZCTF)
		[![Stargazers over time](https://starchart.cc/GZTimeWalker/GZCTF.svg?variant=adaptive)](https://starchart.cc/GZTimeWalker/GZCTF)