From 17c6d3b9cb4ba2bf4565fa93876fe45b80d4d02d Mon Sep 17 00:00:00 2001
From: Ben Larson <10101828+ben-larson@users.noreply.github.com>
Date: Fri, 11 Jun 2021 19:15:47 -0500
Subject: [PATCH] Tweak colors

---
 src/index.html        | 10 ++++++++++
 src/styles/colors.css |  4 ++--
 src/styles/main.css   | 16 ++++------------
 3 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/src/index.html b/src/index.html
index dde0aff..1068e99 100644
--- a/src/index.html
+++ b/src/index.html
@@ -5,6 +5,16 @@
       name="viewport"
       content="width=device-width, initial-scale=1, viewport-fit=cover"
     />
+    <meta
+      name="theme-color"
+      content="#eee"
+      media="(prefers-color-scheme: light)"
+    />
+    <meta
+      name="theme-color"
+      content="#000"
+      media="(prefers-color-scheme: dark)"
+    />
     <meta charset="UTF-8" />
     <title>Ben Larson</title>
     <link rel="stylesheet" href="/styles/main.css" />
diff --git a/src/styles/colors.css b/src/styles/colors.css
index 590b49e..3b6d1c8 100644
--- a/src/styles/colors.css
+++ b/src/styles/colors.css
@@ -3,7 +3,7 @@
   --background-color-header: #eee;
 
   --text-color-primary: #333;
-  --text-color-links: #55f;
+  --text-color-links: #08f;
   --text-shadow: 0 0 1px rgba(100, 100, 100, 0.7),
     0px 1px rgba(255, 255, 255, 0.3);
 
@@ -16,7 +16,7 @@
     --background-color-header: #000;
 
     --text-color-primary: #eee;
-    --text-color-links: #55f;
+    --text-color-links: #0af;
     --text-shadow: 0 0 1px rgba(200, 200, 200, 0.6);
 
     --separator-color: #222;
diff --git a/src/styles/main.css b/src/styles/main.css
index b769b9c..1498fcb 100644
--- a/src/styles/main.css
+++ b/src/styles/main.css
@@ -36,7 +36,7 @@ a {
   position: relative;
   text-decoration: none;
   color: inherit;
-  box-shadow: 0 1px 0 var(--text-color-links);
+  box-shadow: 0 2px 0 var(--text-color-links);
 }
 
 a:hover {
@@ -51,19 +51,11 @@ p {
   padding-bottom: 2rem;
 }
 
-p::first-letter,
-p[data-fill]::before {
+p::first-letter {
   font-size: 2em;
-  display: block;
   float: left;
-  margin-right: 0.1em;
-  width: 1.25em;
-  height: 1.25em;
-  line-height: 1.5em;
-  text-align: center;
-  font-variant: small-caps;
-  /* background-image: url('/images/border.svg'); */
-  background-size: contain;
+  margin: 0.3em 0.5em 0 0.5em;
+  line-height: 1em;
 }
 
 @media (max-width: 45em) {
-- 
2.45.2