Use pst-color-text-base instead of colorText

perl -pi -e  's:var\(\-\-colorText\):var(\-\-pst\-color\-text\-base\):g' assets/theme-css/content.css
perl -pi -e  's:var\(\-\-colorText\):var(\-\-pst\-color\-text\-base\):g' assets/theme-css/posts.css
perl -pi -e  's:var\(\-\-colorText\):var(\-\-pst\-color\-text\-base\):g' assets/theme-css/panel.css
perl -pi -e  's:var\(\-\-colorText\):var(\-\-pst\-color\-text\-base\):g' assets/theme-css/shortcuts.css
sed -i '/\-\-colorText\: /d' assets/theme-css/light-mode.css
sed -i '/\-\-colorText\: /d' assets/theme-css/dark-mode.css

Author: jarrodmillman

assets/theme-css/content.css

@@ -24,7 +24,7 @@
 .content-container .divider {
   height: 3px;
   border-radius: 50px;
-  background: var(--colorText);
+  background: var(--pst-color-text-base);
   width: 60px;
   &.is-centered {
     margin: 0 auto;

assets/theme-css/dark-mode.css

@@ -7,7 +7,6 @@
     --colorBackgroundAlt: var(--colorPrimaryDark);
     --colorBackgroundAlt2: var(--colorSecondaryDark);
 
-    --colorText: white;
     --colorTextAlt: var(--colorSecondaryLight);
 
     --colorContentLink: var(--colorPrimaryLight);

assets/theme-css/light-mode.css

@@ -5,7 +5,6 @@
     --colorBackgroundAlt: var(--colorPrimaryDark);
     --colorBackgroundAlt2: var(--colorSecondaryDark);
 
-    --colorText: black;
     --colorTextAlt: var(--colorSecondaryDark);
 
     --colorContentLink: var(--colorBrightBlue);

assets/theme-css/panel.css

@@ -109,7 +109,7 @@
 .panel-button {
   border: 2px solid var(--colorPrimary);
   background-color: var(--colorLight);
-  color: var(--colorText) !important;
+  color: var(--pst-color-text-base) !important;
   font-size: 16px;
   cursor: pointer;
   padding-bottom: calc(0.5em - 1px);

assets/theme-css/posts.css

@@ -4,7 +4,7 @@ div.post-list {
 
 .post-title a {
   /* ".content-padding a" rule conflicts. */
-  color: var(--colorText) !important;
+  color: var(--pst-color-text-base) !important;
 }
 
 .post-list article {

assets/theme-css/shortcuts.css

@@ -13,14 +13,14 @@
 
 #shortcuts > div:not(.active) {
   margin-left: 2px;
-  border-left: 1px solid var(--colorText);
+  border-left: 1px solid var(--pst-color-text-base);
   opacity: 0.75;
 }
 
 #shortcuts > div.active {
   font-weight: bold;
-  color: var(--colorText);
-  border-left: 5px solid var(--colorText);
+  color: var(--pst-color-text-base);
+  border-left: 5px solid var(--pst-color-text-base);
 }
 
 .shortcuts-H2 {

assets/theme-css/styles.css

@@ -67,7 +67,7 @@ a > code {
   font-family: var(--fontFamily), sans-serif;
   font-weight: 900;
   font-size: 6em;
-  color: var(--colorText);
+  color: var(--pst-color-text-base);
   justify-content: center;
   margin-left: 1em;
   margin-bottom: 0.2em;
@@ -83,7 +83,7 @@ a > code {
 }
 
 .hero-subtitle {
-  color: var(--colorText);
+  color: var(--pst-color-text-base);
   font-size: 1em;
   max-width: 550px;
 }
@@ -310,7 +310,7 @@ svg.icon {
 nav,
 .navbar {
   background: var(--colorBackground);
-  color: var(--colorText);
+  color: var(--pst-color-text-base);
 }
 .navbar-burger {
   color: var(--colorTextAlt);
@@ -327,7 +327,7 @@ nav,
 
 a.navbar-item,
 a.navbar-item:visited {
-  color: var(--colorText);
+  color: var(--pst-color-text-base);
   text-decoration: none;
 }
 
@@ -341,7 +341,7 @@ a.navbar-item:hover {
 }
 
 .navbar-logo-text {
-  color: var(--colorText);
+  color: var(--pst-color-text-base);
   font-size: 1.25rem;
   font-weight: bold;
 }