Use pst-color-text-muted (not colorSecodaryDark) (#360)

Author: jarrodmillman

assets/theme-css/dark-mode.css

@@ -4,9 +4,6 @@
        exception is the background: it seems to look better as #111
        than as --colorPrimaryDark. */
     --colorBackgroundAlt: var(--colorPrimaryDark);
-    --colorBackgroundAlt2: var(--colorSecondaryDark);
-
-    --colorTextAlt: var(--colorSecondaryLight);
 
     --colorContentLink: var(--colorPrimaryLight);
 

assets/theme-css/light-mode.css

@@ -2,9 +2,6 @@
   :root {
     /* Now we assign those named colors to various purposes. */
     --colorBackgroundAlt: var(--colorPrimaryDark);
-    --colorBackgroundAlt2: var(--colorSecondaryDark);
-
-    --colorTextAlt: var(--colorSecondaryDark);
 
     --colorContentLink: var(--colorBrightBlue);
     --colorHeading: var(--colorPrimaryDark);

assets/theme-css/posts.css

@@ -8,7 +8,7 @@ div.post-list {
 }
 
 .post-meta {
-  color: var(--colorSecondaryDark);
+  color: var(--pst-color-text-muted);
 }
 
 .post-list article {

assets/theme-css/styles.css

@@ -7,11 +7,11 @@ body {
 }
 
 hr {
-  background-color: var(--colorSecondaryDark);
+  background-color: var(--pst-color-text-muted);
 }
 
 table th {
-  color: var(--colorTextAlt);
+  color: var(--pst-color-text-muted);
 }
 
 /**
@@ -306,16 +306,16 @@ nav,
   color: var(--pst-color-text-base);
 }
 .navbar-burger {
-  color: var(--colorTextAlt);
+  color: var(--pst-color-text-muted);
 }
 .navbar-burger:hover {
   color: var(--colorPrimaryLight);
 }
 .navbar-item {
-  color: var(--colorTextAlt);
+  color: var(--pst-color-text-muted);
 }
 .navbar-menu.is-active {
-  background: var(--colorBackgroundAlt2);
+  background: var(--pst-color-text-muted);
 }
 
 a.navbar-item,