nexus/ProxmoxVE
2
0
Fork 0
mirror of https://github.com/community-scripts/ProxmoxVE.git synced 2026-05-13 12:15:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(frontend): theme respective syntax highlighting (#11565)

Browse Source 
Now if the user is in light mode the syntax highlighting
switches to light mode too.
This commit is contained in:
ls-root
2026-02-05 12:37:22 +01:00
committed by GitHub
parent 833a6a248b
commit 8f97908896
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/app/json-editor/page.tsx
+4 -2
View File
@@ -29,9 +29,10 @@ import { ScriptSchema } from "./_schemas/schemas";
import Categories from "./_components/categories"; import Categories from "./_components/categories";
import Note from "./_components/note"; import Note from "./_components/note";
import { nord } from "react-syntax-highlighter/dist/esm/styles/hljs"; import { githubGist, nord } from "react-syntax-highlighter/dist/esm/styles/hljs";
import SyntaxHighlighter from "react-syntax-highlighter"; import SyntaxHighlighter from "react-syntax-highlighter";
import { ScriptItem } from "../scripts/_components/script-item"; import { ScriptItem } from "../scripts/_components/script-item";
import { useTheme } from "next-themes";
const initialScript: Script = { const initialScript: Script = {
name: "", name: "",
@@ -58,6 +59,7 @@ const initialScript: Script = {
}; };
export default function JSONGenerator() { export default function JSONGenerator() {
const { theme } = useTheme();
const [script, setScript] = useState<Script>(initialScript); const [script, setScript] = useState<Script>(initialScript);
const [isCopied, setIsCopied] = useState(false); const [isCopied, setIsCopied] = useState(false);
const [isValid, setIsValid] = useState(false); const [isValid, setIsValid] = useState(false);
@@ -357,7 +359,7 @@ export default function JSONGenerator() {
<SyntaxHighlighter <SyntaxHighlighter
language="json" language="json"
style={nord} style={theme === "light" ? githubGist : nord}
className="mt-4 p-4 bg-secondary rounded shadow overflow-x-scroll" className="mt-4 p-4 bg-secondary rounded shadow overflow-x-scroll"
> >
{JSON.stringify(script, null, 2)} {JSON.stringify(script, null, 2)}