Tweak colors

kirillbobyrev · May 16, 2023 · 7c9920c · 7c9920c
1 parent 392526b
commit 7c9920c
Showing 1 changed file with 19 additions and 9 deletions.
diff --git a/assets/css/style.css b/assets/css/style.css
@@ -2,14 +2,15 @@
 
 :root {
   /* Colors */
-  --text-color: #333;
-  --accent: #0969da;
-  --accent-background: #d5e5ff;
-  --accent-light: #66a3ff;
-  --background: white;
-  --muted: #c0c7d0;
-  --muted-text: #8a8a8a;
-  --code-background: #f5f6f9;
+  --text-color: #4a4a4a;
+  --heading-color: #000000;
+  --accent: #4285f4;
+  --accent-light: #93a9d1;
+  --tag-background: #e8f0fe;
+  --background: #ffffff;
+  --muted: #BDBDBD;
+  --muted-text: #9E9E9E;
+  --code-background: #f5f5f6;
   /* Typography */
   --line-height: 1.5;
 }
@@ -146,7 +147,7 @@ time {
 /* I kind of like this, but it isn't perfect, maybe work on styling the tags? */
 .tag-cloud>li>a {
   color: var(--text-color);
-  background-color: var(--accent-background);
+  background-color: var(--tag-background);
   border-radius: 14px;
   padding: 0 .5rem;
   text-decoration: none;
@@ -179,6 +180,15 @@ h2::after {
   background-color: var(--muted);
 }
 
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: var(--heading-color);
+}
+
 /* Misc */
 
 /* TODO: The list ends up shifted too much to the right, likely need to reduce