theme: apply ruins palette and typography

quartz.config.ts

@@ -8,7 +8,7 @@ import * as Plugin from "./quartz/plugins"
  */
 const config: QuartzConfig = {
   configuration: {
-    pageTitle: "Quartz 4",
+    pageTitle: "The Ruins",
     pageTitleSuffix: "",
     enableSPA: true,
     enablePopovers: true,
@@ -23,32 +23,34 @@ const config: QuartzConfig = {
       fontOrigin: "googleFonts",
       cdnCaching: true,
       typography: {
-        header: "Schibsted Grotesk",
-        body: "Source Sans Pro",
-        code: "IBM Plex Mono",
+        title: "Playfair Display",
+        header: "Crimson Text",
+        body: "Karla",
+        meta: "Caveat",
+        code: "JetBrains Mono",
       },
       colors: {
         lightMode: {
-          light: "#faf8f8",
-          lightgray: "#e5e5e5",
-          gray: "#b8b8b8",
-          darkgray: "#4e4e4e",
-          dark: "#2b2b2b",
-          secondary: "#284b63",
-          tertiary: "#84a59d",
+          light: "#E0E1DA",
+          lightgray: "#afb0a9",
+          gray: "#80817a",
+          darkgray: "#353630",
+          dark: "#171717",
+          secondary: "#2F3026",
+          tertiary: "#91a29c",
           highlight: "rgba(143, 159, 169, 0.15)",
           textHighlight: "#fff23688",
         },
         darkMode: {
-          light: "#161618",
-          lightgray: "#393639",
-          gray: "#646464",
-          darkgray: "#d4d4d4",
-          dark: "#ebebec",
-          secondary: "#7b97aa",
-          tertiary: "#84a59d",
-          highlight: "rgba(143, 159, 169, 0.15)",
-          textHighlight: "#b3aa0288",
+          light: "#1B1B1B",
+          lightgray: "#7E7E7E",
+          gray: "#7D7D7D",
+          darkgray: "#CACACA",
+          dark: "#D0D0D0",
+          secondary: "#fff",
+          tertiary: "#CACACA",
+          highlight: "#313B4A",
+          textHighlight: "#313B4A",
         },
       },
     },