trying new theme from Discord server

quartz.config.ts

@@ -14,31 +14,30 @@ const config: QuartzConfig = {
     defaultDateType: "created",
     theme: {
       typography: {
-        header: "Schibsted Grotesk",
-        body: "Source Sans Pro",
-        code: "IBM Plex Mono",
+        header: "Lora",
+        body: "Inter",
+        code: "Fira Code",
       },
       colors: {
         lightMode: {
-          light: "#faf8f8",
-          lightgray: "#e5e5e5",
-          gray: "#b8b8b8",
-          darkgray: "#4e4e4e",
-          dark: "#2b2b2b",
-          secondary: "#284b63",
-          tertiary: "#84a59d",
-          highlight: "#8f9fa926", // rgba(143, 159, 169, 0.15)
+          light: "#eff1f5",
+          lightgray: "#dce0e8",
+          gray: "#8c8fa1",
+          darkgray: "#4c4f69",
+          dark: "#4f4f7f",
+          secondary: "#40a02b",
+          tertiary: "#209fb5",
+          highlight: "rgba(143, 159, 169, 0.15)",
         },
         darkMode: {
-          // #161618 #494f5c #3b3e48 #343a40 #2a303c
-          light: "#161618",
-          lightgray: "#393639",
-          gray: "#646464",
-          darkgray: "#d4d4d4",
-          dark: "#ebebec",
-          secondary: "#7b97aa",
-          tertiary: "#84a59d",
-          highlight: "#8f9fa926", // #8f9fa926
+          light: "#1e1e2e",
+          lightgray: "#6c7086",
+          gray: "#a6adc8",
+          darkgray: "#cdd6f4",
+          dark: "#cdd6f4",
+          secondary: "#a6e3a1",
+          tertiary: "#89dceb",
+          highlight: "rgba(143, 159, 169, 0.15)",
         },
       },
     },

quartz.layout.ts

@@ -30,6 +30,7 @@ export const defaultContentPageLayout: PageLayout = {
     Component.Search(),
     Component.Darkmode(),
     Component.DesktopOnly(Component.Explorer()),
+    Component.RecentNotes(),
   ],
   right: [
     Component.Graph(),