new background color and icons

DrewMcArthur · Feb 2, 2024 · 8d78026 · 8d78026
1 parent 9292132
commit 8d78026
Show file tree

Hide file tree

Showing 9 changed files with 13 additions and 12 deletions.
diff --git a/public/about.txt b/public/about.txt
@@ -2,5 +2,5 @@ This favicon was generated using the following font:
 
 - Font Title: Arvo
 - Font Author: Copyright 2010 Anton Koovit, Yassin Baggar.
-- Font Source: http://fonts.gstatic.com/s/arvo/v20/tDbD2oWUg0MKmSAa7Lzr7vs.ttf
+- Font Source: http://fonts.gstatic.com/s/arvo/v22/tDbD2oWUg0MKmSAa7Lzr7vs.ttf
 - Font License: SIL Open Font License, 1.1 (http://scripts.sil.org/OFL))
diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/site.webmanifest b/public/site.webmanifest
@@ -1,6 +1,6 @@
 {
-    "name": "Drew McArthur | drewmca.dev",
-    "short_name": "drewmca.dev",
+    "name": "drew mca | drewmca.dev",
+    "short_name": "drew mca",
     "icons": [
         {
             "src": "/android-chrome-192x192.png",
@@ -13,7 +13,7 @@
             "type": "image/png"
         }
     ],
-    "theme_color": "antiquewhite",
-    "background_color": "antiquewhite",
+    "theme_color": "whitesmoke",
+    "background_color": "whitesmoke",
     "display": "minimal-ui"
 }
diff --git a/src/styles/main.css b/src/styles/main.css
@@ -1,17 +1,18 @@
 :root {
-  --background-color: antiquewhite;
+  --background-color: whitesmoke;
 
-  --main-color: #394f4f;
-  --light-color: #6b7d7d;
+  --main-color: #0a0a0a;
+  --light-color: #404040;
 
-  --main-color--hover: #1b3333;
+  --main-color--hover: #000;
 
   /* to calculate, put the above hex into https://codepen.io/sosuke/pen/Pjoqqp */
-  --background-color-filter: invert(100%) sepia(86%) saturate(795%) hue-rotate(299deg) brightness(107%) contrast(96%);
+  --background-color-filter: invert(100%) sepia(27%) saturate(238%) hue-rotate(265deg) brightness(112%) contrast(92%);
 
-  --main-color-filter: invert(27%) sepia(15%) saturate(626%) hue-rotate(131deg) brightness(96%) contrast(91%);
+  --main-color-filter: invert(0%) sepia(86%) saturate(7393%) hue-rotate(208deg) brightness(104%) contrast(95%);
+
+  --main-color-filter--hover: invert(0%) sepia(15%) saturate(7498%) hue-rotate(53deg) brightness(94%) contrast(98%);
 
-  --main-color-filter--hover: invert(15%) sepia(8%) saturate(2382%) hue-rotate(131deg) brightness(93%) contrast(89%);
 
   /** animation timing **/
   --flyin-timing: cubic-bezier(0, 1, 0, 1);