diff --git a/quartz/quartz.config.ts b/quartz/quartz.config.ts
index 11c7c7b..7a2a7c8 100644
--- a/quartz/quartz.config.ts
+++ b/quartz/quartz.config.ts
@@ -22,9 +22,9 @@ const config: QuartzConfig = {
fontOrigin: "googleFonts",
cdnCaching: true,
typography: {
- header: "Poppins",
- body: "Lora",
- code: "Fira Code",
+ header: "Inter Tight",
+ body: "Inter Tight",
+ code: "Inter Tight",
},
colors: {
lightMode: {
@@ -36,18 +36,18 @@ const config: QuartzConfig = {
secondary: "#3498db", // Bright blue
tertiary: "#e74c3c", // Bright red
highlight: "rgba(52, 152, 219, 0.15)", // Light blue highlight
- textHighlight: "#f1c40f88", // Yellow text highlight
+ //textHighlight: "#f1c40f88", // Yellow text highlight
},
darkMode: {
- light: "#1e1e1e", // Very dark gray
- lightgray: "#2c2c2c", // Darker gray
+ light: "#05050A", // Very dark gray
+ lightgray: "#1C1C1D", // Darker gray
gray: "#575757", // Medium gray
- darkgray: "#d4d4d4", // Light gray
+ darkgray: "#8e8e93", // Light gray
dark: "#ecf0f1", // Very light gray
- secondary: "#2980b9", // Darker blue
- tertiary: "#c0392b", // Darker red
- highlight: "rgba(41, 128, 185, 0.15)", // Dark blue highlight
- textHighlight: "#f39c1288", // Orange text highlight
+ secondary: "#ffffff", // white
+ tertiary: "#ffffffcc", // Darker red
+ highlight: "transparent", // white opacity 0.8
+ //textHighlight: "green", // Orange text highlight
},
},
},
diff --git a/quartz/quartz/components/Darkmode.tsx b/quartz/quartz/components/Darkmode.tsx
index 8ed7c99..e78e4b6 100644
--- a/quartz/quartz/components/Darkmode.tsx
+++ b/quartz/quartz/components/Darkmode.tsx
@@ -8,8 +8,16 @@ import { i18n } from "../i18n"
import { classNames } from "../util/lang"
const Darkmode: QuartzComponent = ({ displayClass, cfg }: QuartzComponentProps) => {
- return (
-
+ return <>
+}
+
+Darkmode.beforeDOMLoaded = darkmodeScript
+Darkmode.css = styles
+
+export default (() => Darkmode) satisfies QuartzComponentConstructor
+
+{
+ /**
- )
+ */
}
-
-Darkmode.beforeDOMLoaded = darkmodeScript
-Darkmode.css = styles
-
-export default (() => Darkmode) satisfies QuartzComponentConstructor
diff --git a/quartz/quartz/components/PageTitle.tsx b/quartz/quartz/components/PageTitle.tsx
index 2362f10..741c690 100644
--- a/quartz/quartz/components/PageTitle.tsx
+++ b/quartz/quartz/components/PageTitle.tsx
@@ -7,9 +7,17 @@ const PageTitle: QuartzComponent = ({ fileData, cfg, displayClass }: QuartzCompo
const title = cfg?.pageTitle ?? i18n(cfg.locale).propertyDefaults.title
const baseDir = pathToRoot(fileData.slug!)
return (
-
+
)
}
diff --git a/quartz/quartz/components/Search.tsx b/quartz/quartz/components/Search.tsx
index 01e5a35..63ec97d 100644
--- a/quartz/quartz/components/Search.tsx
+++ b/quartz/quartz/components/Search.tsx
@@ -26,15 +26,31 @@ export default ((userOpts?: Partial
) => {
tabIndex={0}
aria-labelledby="title desc"
role="img"
+ width="20"
+ height="20"
+ viewBox="0 0 20 20"
+ fill="none"
xmlns="http://www.w3.org/2000/svg"
- viewBox="0 0 19.9 19.7"
>
Search
Search
-
-
-
-
+
+
+
diff --git a/quartz/quartz/components/scripts/darkmode.inline.ts b/quartz/quartz/components/scripts/darkmode.inline.ts
index 48e0aa1..5d4cfde 100644
--- a/quartz/quartz/components/scripts/darkmode.inline.ts
+++ b/quartz/quartz/components/scripts/darkmode.inline.ts
@@ -1,4 +1,4 @@
-const userPref = window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark"
+const userPref = window.matchMedia("(prefers-color-scheme: light)").matches ? "dark" : "dark"
const currentTheme = localStorage.getItem("theme") ?? userPref
document.documentElement.setAttribute("saved-theme", currentTheme)
diff --git a/quartz/quartz/components/styles/explorer.scss b/quartz/quartz/components/styles/explorer.scss
index 55ea8aa..4f7a0ca 100644
--- a/quartz/quartz/components/styles/explorer.scss
+++ b/quartz/quartz/components/styles/explorer.scss
@@ -55,8 +55,10 @@ button#explorer {
& ul {
list-style: none;
- margin: 0.08rem 0;
+ margin: 0.2rem 0;
padding: 0;
+ padding-left: 25px;
+ font-size: 17px;
transition:
max-height 0.35s ease,
transform 0.35s ease,
diff --git a/quartz/quartz/components/styles/footer.scss b/quartz/quartz/components/styles/footer.scss
index 9c8dbf8..4f089e9 100644
--- a/quartz/quartz/components/styles/footer.scss
+++ b/quartz/quartz/components/styles/footer.scss
@@ -4,12 +4,13 @@ footer {
opacity: 0.7;
& ul {
+ justify-content: center;
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
- gap: 1rem;
+ gap: 4rem;
margin-top: -1rem;
}
}
diff --git a/quartz/quartz/components/styles/search.scss b/quartz/quartz/components/styles/search.scss
index 8a9ec67..9729659 100644
--- a/quartz/quartz/components/styles/search.scss
+++ b/quartz/quartz/components/styles/search.scss
@@ -7,8 +7,8 @@
& > #search-icon {
background-color: var(--lightgray);
- border-radius: 4px;
- height: 2rem;
+ border-radius: 80px;
+ height: 48px;
display: flex;
align-items: center;
cursor: pointer;
@@ -20,14 +20,14 @@
& > p {
display: inline;
- padding: 0 1rem;
+ padding: 0 1.5rem;
}
& svg {
cursor: pointer;
width: 18px;
min-width: 18px;
- margin: 0 0.5rem;
+ margin: 0 1.5rem;
.search-path {
stroke: var(--darkgray);
diff --git a/quartz/quartz/styles/base.scss b/quartz/quartz/styles/base.scss
index 859bb43..365cf20 100644
--- a/quartz/quartz/styles/base.scss
+++ b/quartz/quartz/styles/base.scss
@@ -43,6 +43,10 @@ ul,
.math {
color: var(--darkgray);
fill: var(--darkgray);
+ //font-size: 15px;
+ font-weight: 400;
+ letter-spacing: -0.2px;
+ line-height: 20px !important;
overflow-wrap: anywhere;
hyphens: auto;
}
@@ -73,6 +77,7 @@ a {
padding: 0 0.1rem;
border-radius: 5px;
line-height: 1.4rem;
+ text-decoration-line: underline;
&:has(> img) {
background-color: none;
@@ -302,7 +307,7 @@ h1 {
}
h2 {
- font-size: 1.4rem;
+ font-size: 1.5rem;
margin-top: 1.9rem;
margin-bottom: 1rem;
}