feat: Add subtle noise to background

LekoArts · Jan 21, 2024 · c63ce4a · c63ce4a
1 parent ceaa876
commit c63ce4a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/assets/noise.png b/src/assets/noise.png
diff --git a/src/styles/base.css b/src/styles/base.css
@@ -1,9 +1,12 @@
 html {
   font-family: var(--body-font);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 body {
-  background: linear-gradient(0deg, var(--color-11) 0%, var(--color-bg) 25%, var(--color-bg) 75%, var(--color-13) 100%);
+  background: linear-gradient(0deg, var(--color-11) 0%, var(--color-bg) 25%, var(--color-bg) 75%, var(--color-13) 100%), url('../assets/noise.png');
+  background-blend-mode: hard-light;
   color: rgb(233, 233, 233);
   font-size: var(--step-0);
   line-height: 1.5;
@@ -76,7 +79,7 @@ code {
 
   & svg {
     display: inline-block;
-    vertical-align: text-bottom;
+    vertical-align: middle;
     --icon-color: var(--color-3);
   }