GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-20 11:24:05 -06:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

minor tweaks on graph, explorer, toc

Browse Source
This commit is contained in:
vintro 2024-12-13 17:09:13 -08:00
parent 2cad4961d9
commit 8ad993bfc2
No known key found for this signature in database
4 changed files with 35 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
quartz.config.ts
View File

@ -28,25 +28,25 @@ const config: QuartzConfig = {
colors: { colors: {
lightMode: { lightMode: {
light: "#E2E2E2", light: "#E2E2E2",
lightgray: "#D3D3D3", //code, graph, outline lightgray: "#4e4e4e", //code, graph, outline
gray: "#4e4e4e", // graph links gray: "#4e4e4e", // graph nodes
darkgray: "#4e4e4e", darkgray: "#4e4e4e",
dark: "#4E4E4E", dark: "#4E4E4E",
secondary: "#4e4e4e", secondary: "#4e4e4e",
tertiary: "#C0FFE1", tertiary: "#C0FFE1",
customCallout: "rgba(183, 255, 236, 0.35)", customCallout: "rgba(183, 255, 236, 0.35)",
highlight: "rgba(128, 128, 128, 0.35)", highlight: "rgba(128, 128, 128, 0.35)", //code bg, note bg, graph bg (ONLY ON LIGHT MODE)
searchBackground: "#D3D3D3", searchBackground: "#D3D3D3",
}, },
darkMode: { darkMode: {
light: "#191919", light: "#191919",
lightgray: "#393639", lightgray: "#393639", //code, graph edges, outline
gray: "#646464", gray: "#E2E2E2", //graph nodes
darkgray: "#E2E2E2", darkgray: "#E2E2E2",
dark: "#ebebec", dark: "#ebebec",
secondary: "#7C7C7C", secondary: "#7C7C7C",
tertiary: "#C0FFE1", tertiary: "#C0FFE1",
highlight: "rgba(125, 125, 125, 0.15)", highlight: "rgba(125, 125, 125, 0.15)", //code bg, note bg
customCallout: "#00b8d410", customCallout: "#00b8d410",
searchBackground: "#252525", searchBackground: "#252525",
}, },

6
quartz/components/styles/explorer.scss
View File

@ -65,6 +65,12 @@ button#explorer {
color: var(--dark); color: var(--dark);
opacity: 0.75; opacity: 0.75;
pointer-events: all; pointer-events: all;
transition: all 0.2s ease;
&:hover {
opacity: 1;
color: var(--tertiary);
}
} }
} }
} }

11
quartz/components/styles/graph.scss
View File

@ -14,6 +14,11 @@
margin: 0.5em 0; margin: 0.5em 0;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
background-color: var(--highlight);
[saved-theme="dark"] & {
background-color: var(--light);
}
& > #global-graph-icon { & > #global-graph-icon {
color: var(--dark); color: var(--dark);
@ -52,7 +57,7 @@
& > #global-graph-container { & > #global-graph-container {
border: 1px solid var(--lightgray); border: 1px solid var(--lightgray);
background-color: var(--light); background-color: var(--highlight);
border-radius: 5px; border-radius: 5px;
box-sizing: border-box; box-sizing: border-box;
position: fixed; position: fixed;
@ -62,6 +67,10 @@
height: 60vh; height: 60vh;
width: 50vw; width: 50vw;
[saved-theme="dark"] & {
background-color: var(--light);
}
@media all and (max-width: $fullPageWidth) { @media all and (max-width: $fullPageWidth) {
width: 90%; width: 90%;
} }

15
quartz/components/styles/toc.scss
View File

@ -44,10 +44,21 @@ button#toc {
color: var(--dark); color: var(--dark);
opacity: 0.35; opacity: 0.35;
transition: transition:
0.5s ease opacity, 0.2s ease opacity,
0.3s ease color; 0.2s ease color;
&:hover {
opacity: 1;
color: var(--tertiary);
}
&.in-view { &.in-view {
opacity: 0.75; opacity: 0.75;
&:hover {
opacity: 1;
color: var(--tertiary);
}
} }
} }
} }