From 22a2af1f7d0e952b05bbf7746597c5772f94cb32 Mon Sep 17 00:00:00 2001
From: wasabi315 <wasabi.nvim.st@gmail.com>
Date: Thu, 5 Dec 2024 14:43:50 +0900
Subject: [PATCH] Update styles

---
 src/components/MarkdownRenderer.astro | 8 ++++----
 src/content/works/hasche.md           | 2 +-
 src/layouts/BaseLayout.astro          | 2 +-
 src/layouts/WorkLayout.astro          | 6 +++++-
 src/pages/index.astro                 | 2 +-
 src/styles/global.css                 | 2 +-
 src/styles/variables.css              | 7 +++++--
 7 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/components/MarkdownRenderer.astro b/src/components/MarkdownRenderer.astro
index 8da37d9..5d3edb1 100644
--- a/src/components/MarkdownRenderer.astro
+++ b/src/components/MarkdownRenderer.astro
@@ -37,8 +37,8 @@
     }
 
     blockquote {
-      padding-left: 1rem;
-      border-left: 5px solid var(--ui2);
+      padding-left: 1.5rem;
+      border-left: 0.2em solid var(--ui3);
       color: var(--ui2);
     }
 
@@ -99,10 +99,10 @@
     :not(pre) > code {
       padding: 3px;
       border-radius: 3px;
-      background-color: var(--bg2);
+      background-color: var(--bg3);
     }
 
-    & > img {
+    p img {
       object-fit: cover;
       height: fit-content;
       width: fit-content;
diff --git a/src/content/works/hasche.md b/src/content/works/hasche.md
index 486aa05..09e4082 100644
--- a/src/content/works/hasche.md
+++ b/src/content/works/hasche.md
@@ -9,7 +9,7 @@ githubRepository: "wasabi315/Hasche"
 
 > Hasche (/hæʃ/): **Ha**skell + **Sche**me
 
-Hasche is a toy Scheme-ish language written in Haskell with REPL, `call/cc`, pattern-matching, and non-hygienic macros.
+Hasche is a toy Scheme-ish language interpreter written in Haskell with REPL, `call/cc`, pattern-matching, and non-hygienic macros.
 
 <https://github.com/wasabi315/Hasche>
 
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index b9b2474..bd08cb8 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -123,7 +123,7 @@ const socialLinks = [
       right: 0;
       top: 30px;
       border-radius: 8px;
-      box-shadow: 0 4px 8px rgba(var(--ui1), 0.25);
+      box-shadow: var(--box-shadow);
       padding: 12px;
       a {
         padding-left: 12px;
diff --git a/src/layouts/WorkLayout.astro b/src/layouts/WorkLayout.astro
index d083bfd..4a29568 100644
--- a/src/layouts/WorkLayout.astro
+++ b/src/layouts/WorkLayout.astro
@@ -29,7 +29,11 @@ const { frontmatter } = Astro.props;
           <h1>{frontmatter.title}</h1>
           <p>{frontmatter.description}</p>
         </div>
-        <a href={`https://github.com/${frontmatter.githubRepository}`}>
+        <a
+          href={`https://github.com/${frontmatter.githubRepository}`}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
           <Icon name="mdi:github" size={48} />
         </a>
       </header>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 93450e8..69186a9 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -124,7 +124,7 @@ const socialLinks = [
     margin: auto;
     width: 720px;
     max-width: 100%;
-    color: rgb(var(--ui1));
+    color: var(--ui1);
     font-size: 20px;
   }
   .postcard {
diff --git a/src/styles/global.css b/src/styles/global.css
index 9290a81..6c959af 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -3,7 +3,7 @@ body {
   letter-spacing: 0.5px;
   font-kerning: normal;
   font-family: var(--font-base);
-  color: rgb(var(--ui1));
+  color: var(--ui1);
   background: var(--bg1);
 }
 
diff --git a/src/styles/variables.css b/src/styles/variables.css
index 6050bd4..43f434a 100644
--- a/src/styles/variables.css
+++ b/src/styles/variables.css
@@ -2,11 +2,14 @@
   /* Colors */
   --accent1: #9db2a4;
   --accent2: #6a877d;
-  --ui1: 76, 86, 106;
+  --ui1: #4c566a;
   --ui2: #828997;
   --ui3: #b7bbc3;
   --bg1: #fff;
-  --bg2: #eceff4;
+  --bg2: #f2f4f8;
+  --bg3: #eceff4;
+  --box-shadow: #b8c2d780 0 3px 6px 0;
+  --nord-green: #a3be8c;
 
   /* Fonts */
   --font-base: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN",