diff --git a/README.md b/README.md
index 1184d1020..248192649 100644
--- a/README.md
+++ b/README.md
@@ -26,6 +26,70 @@ Source code for Forgetful Notes—my digital garden of knowledge. It serves as a
 | `npx quartz sync`          | Save Local Changes to Repo |
 | `npx quartz sync --help`   | Find Help                  |
 
+## Style
+
+
+
+### Fonts
+
+
+| Use    | Font              |
+| ------ | ----------------- |
+| Header | Schibsted Grotesk |
+| Body   | Source Sans Pro   |
+| Code   | IBM Plex Mono     |
+
+
+- Header: Schibsted Grotesk
+- Body: Source Sans Pro
+- Code IBM Plex Mono
+
+### Light Mode
+
+
+| Variable  | Color      |
+| --------- | ---------- |
+| Light     | \#faf8f8   |
+| Lightgray | \#e5e5e5   |
+| Gray      | \#b8b8b8   |
+| Darkgray  | \#4e4e4e   |
+| Dark      | \#2b2b2b   |
+| Secondary | \#284b63   |
+| Terciary  | \#84a59d   |
+| Highlight | \#8f9fa926 |
+
+
+- Light: \#faf8f8
+- Lightgray: \#e5e5e5
+- Gray: \#b8b8b8
+- Darkgray: \#4e4e4e
+- Dark: \#2b2b2b
+- Secondary: \#284b63
+- Tertiary: \#84a59d
+- Highlight: \#8f9fa926
+
+### Dark Mode
+
+| Variable  | Color      |
+| --------- | ---------- |
+| Light     | \#1e1e2e   |
+| Lightgray | \#6c7086   |
+| Gray      | \#a6adc8   |
+| Darkgray  | \#cdd6f4   |
+| Dark      | \#cdd6f4   |
+| Secondary | \#a6e3a1   |
+| Terciary  | \#89dceb   |
+| Highlight | \#8f9fa926 |
+
+- Light: \#1e1e2e
+- Lightgray: \#6c7086
+- Gray: \#a6adc8
+- Darkgray: \#cdd6f4
+- Dark: \#cdd6f4
+- Secondary: \#a6e3a1
+- Tertiary: \#89dceb
+- Highlight: \#8f9fa926
+
 ## License
 
 Source code is available under [MIT](LICENSE).
diff --git a/quartz.config.ts b/quartz.config.ts
index 92a89d71d..283639d7a 100644
--- a/quartz.config.ts
+++ b/quartz.config.ts
@@ -14,20 +14,20 @@ const config: QuartzConfig = {
     defaultDateType: "created",
     theme: {
       typography: {
-        header: "Lora",
-        body: "Inter",
-        code: "Fira Code",
+        header: "Schibsted Grotesk",
+        body: "Source Sans Pro",
+        code: "IBM Plex Mono",
       },
       colors: {
         lightMode: {
-          light: "#eff1f5",
-          lightgray: "#dce0e8",
-          gray: "#8c8fa1",
-          darkgray: "#4c4f69",
-          dark: "#4f4f7f",
-          secondary: "#40a02b",
-          tertiary: "#209fb5",
-          highlight: "rgba(143, 159, 169, 0.15)",
+          light: "#faf8f8",
+          lightgray: "#e5e5e5",
+          gray: "#b8b8b8",
+          darkgray: "#4e4e4e",
+          dark: "#2b2b2b",
+          secondary: "#284b63",
+          tertiary: "#84a59d",
+          highlight: "#8f9fa926",
         },
         darkMode: {
           light: "#1e1e2e",
@@ -46,9 +46,7 @@ const config: QuartzConfig = {
     transformers: [
       Plugin.FrontMatter(),
       Plugin.TableOfContents(),
-      Plugin.CreatedModifiedDate({
-        priority: ["frontmatter", "filesystem"], // you can add 'git' here for last modified from Git but this makes the build slower
-      }),
+      // Plugin.CreatedModifiedDate({ priority: ["frontmatter", "filesystem"], }),
       Plugin.SyntaxHighlighting(),
       Plugin.ObsidianFlavoredMarkdown({ enableInHtmlEmbed: false }),
       Plugin.GitHubFlavoredMarkdown(),
diff --git a/quartz.layout.ts b/quartz.layout.ts
index d78ed257a..c5d13520f 100644
--- a/quartz.layout.ts
+++ b/quartz.layout.ts
@@ -30,7 +30,7 @@ export const defaultContentPageLayout: PageLayout = {
     Component.Search(),
     Component.Darkmode(),
     Component.DesktopOnly(Component.Explorer()),
-    Component.RecentNotes(),
+    // Component.RecentNotes(),
   ],
   right: [
     Component.Graph(),