From 8fd75ffbfda30edd5a134a1fbf9b81ac3cebb2ff Mon Sep 17 00:00:00 2001
From: Jacky Zhao <j.zhao2k19@gmail.com>
Date: Mon, 24 Jul 2023 00:42:00 +0000
Subject: [PATCH] support attachments folder
---
quartz/theme.ts | 39 ++++++++++++++++++++-------------------
1 files changed, 20 insertions(+), 19 deletions(-)
diff --git a/quartz/theme.ts b/quartz/theme.ts
index 7677b25..2860e2c 100644
--- a/quartz/theme.ts
+++ b/quartz/theme.ts
@@ -1,34 +1,36 @@
export interface ColorScheme {
- light: string,
- lightgray: string,
- gray: string,
- darkgray: string,
- dark: string,
- secondary: string,
- tertiary: string,
+ light: string
+ lightgray: string
+ gray: string
+ darkgray: string
+ dark: string
+ secondary: string
+ tertiary: string
highlight: string
}
export interface Theme {
typography: {
- header: string,
- body: string,
+ header: string
+ body: string
code: string
- },
+ }
colors: {
- lightMode: ColorScheme,
+ lightMode: ColorScheme
darkMode: ColorScheme
}
}
+const DEFAULT_SANS_SERIF =
+ '-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif'
+const DEFAULT_MONO = "ui-monospace, SFMono-Regular, SF Mono, Menlo, monospace"
export function googleFontHref(theme: Theme) {
const { code, header, body } = theme.typography
return `https://fonts.googleapis.com/css2?family=${code}&family=${header}:wght@400;700&family=${body}:ital,wght@0,400;0,600;1,400;1,600&display=swap`
}
-export function templateThemeStyles(theme: Theme, stylesheet: string) {
- return `
-:root {
+export function joinStyles(theme: Theme, ...stylesheet: string[]) {
+ return `:root {
--light: ${theme.colors.lightMode.light};
--lightgray: ${theme.colors.lightMode.lightgray};
--gray: ${theme.colors.lightMode.gray};
@@ -38,9 +40,9 @@
--tertiary: ${theme.colors.lightMode.tertiary};
--highlight: ${theme.colors.lightMode.highlight};
- --headerFont: ${theme.typography.header};
- --bodyFont: ${theme.typography.body};
- --codeFont: ${theme.typography.code};
+ --headerFont: ${theme.typography.header}, ${DEFAULT_SANS_SERIF};
+ --bodyFont: ${theme.typography.body}, ${DEFAULT_SANS_SERIF};
+ --codeFont: ${theme.typography.code}, ${DEFAULT_MONO};
}
:root[saved-theme="dark"] {
@@ -54,6 +56,5 @@
--highlight: ${theme.colors.darkMode.highlight};
}
-${stylesheet}
-`
+${stylesheet.join("\n\n")}`
}
--
Gitblit v1.10.0