Tweak colors

diff --git a/src/index.html b/src/index.html
index dde0aff45b740e458e7cb49e0294a8b4e0b577de..1068e99a684880ba000c5548c6d5a70d88cc406d 100644 (file)
--- 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 590b49e4aea0246c853bb928e8489ff46a3a9131..3b6d1c849fd8e76d96cee76fc7d3b720b591a633 100644 (file)
--- 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 b769b9cd1ddb56eadc10d84994d7ec341917611b..1498fcb23ecb6a73a6b8d1e45143b2fbad382c2e 100644 (file)
--- 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) {