Secondary color, tweaked width

3 files changed, 17 insertions, 13 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 1317f67..4c69d21 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -5,13 +5,13 @@ html {
 body {
   font-family: "Literata";
   font-size: 1rem;
-  color: var(--content);
+  color: var(--content-primary);
   line-height: 1.3rem;
   margin: auto;
   max-width: var(--main-width);
   padding-left: var(--main-padding);
   padding-right: var(--main-padding);
-  color: var(--content);
+  color: var(--content-primary);
   background: var(--background);
 }
 
@@ -109,7 +109,7 @@ code {
 }
 
 hr {
-  border: 1px solid var(--content);
+  border: 1px solid var(--content-primary);
   margin-top: 3rem;
   margin-bottom: 2rem;
 }
@@ -191,7 +191,8 @@ footer a {
 .line-summary {
   font-size: small;
   margin-top: .2rem !important;
-  font-style: italic;
+  /* font-style: italic; */
+  color: var(--content-secondary);
 }
 
 .pagination {
@@ -255,11 +256,12 @@ footer a {
 
 .single-readtime {
   margin-top: .5rem;
+  color: var(--content-secondary);
 }
 
 .single-summary {
-  font-style: italic;
   margin-bottom: 0;
+  color: var(--content-secondary);
 }
 
 .single-content {
diff --git a/assets/css/vars.css b/assets/css/vars.css
index 417e6c2..84feb83 100644
--- a/assets/css/vars.css
+++ b/assets/css/vars.css
@@ -1,5 +1,5 @@
 :root {
-    --main-width: 900px;
+    --main-width: 750px;
     --main-padding: 1rem;
     --main-padding-bottom: 3rem;
 
@@ -43,17 +43,19 @@
     --content-height: calc(100vh - var(--footer-height));
 
     /* Theme */
-    --content: rgb(30, 30, 30);
+    --content-primary: rgb(36, 36, 36);
+    --content-secondary: rgb(117, 117, 117);
     --background: rgb(255, 255, 255);
     --code-background: rgb(249, 249, 249);
     --code-border: rgb(229, 229, 229);
 }
 
 .dark {
-    --content: rgb(218, 218, 218);
-    --background: rgb(30, 30, 30);
-    --code-background: rgb(40, 40, 40);
-    --code-border: rgb(60, 60, 60);
+    --content-primary: rgb(218, 218, 218);
+    --content-secondary: rgb(140, 140, 140);
+    --background: rgb(20, 20, 20);
+    --code-background: rgb(30, 30, 30);
+    --code-border: rgb(50, 50, 50);
 }
 
 @media screen and (max-width: 1024px) {
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index 1526971..c3c2aa2 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -25,8 +25,8 @@
       {{end}}
 
       {{ if .Param "readTime" }}
-      -
-      {{ .ReadingTime }} min
+        ·  
+      {{ .ReadingTime }} min read
       {{end }}
     </p>