Darken dark text, lighten light text. Improves blog.

3 files changed, 50 insertions, 41 deletions

diff --git a/README b/README
index eccaf5b..71203a9 100644
--- a/README
+++ b/README
@@ -10,3 +10,12 @@ To generate HTML bundle for upload to web server:
 Upload html.tgz to the server and unpack, then delete html.tgz.
 
 Imagemagick is required to convert the PSD files into .webm (or other) formats.
+
+2021-07-22 NOTICE:
+
+  * The theme.css file is manually modified. Awaiting theme author to provide valid source files.
+
+  * The following changes have been made from original:
+
+      $ grep -rl AAAAAA assets/ | while read k; do sed -i ${k} -e 's/AAAAAA/DDDDDD/g'; done
+      $ grep -rl 7C7C7C assets/ | while read k; do sed -i ${k} -e 's/7C7C7C/333333/g'; done
diff --git a/assets/css/scss/helpers/_variables.scss b/assets/css/scss/helpers/_variables.scss
index 0eadb79..f4eaed3 100644
--- a/assets/css/scss/helpers/_variables.scss
+++ b/assets/css/scss/helpers/_variables.scss
@@ -40,8 +40,8 @@ $color-white-03: rgba(255, 255, 255, 0.3);
 $color-white-02: rgba(255, 255, 255, 0.2);
 $color-white-015: rgba(255, 255, 255, 0.15);
 $color-white-01: rgba(255, 255, 255, 0.1);
-$color-primary: #7C7C7C;
-$color-primary-lighter: #AAAAAA;
+$color-primary: #333333;
+$color-primary-lighter: #DDDDDD;
 $color-green: #24963e;
 $color-green-lighter: #28a745;
 $color-red: #c62f3e;
@@ -88,4 +88,4 @@ $button-dark: $color-dark;
 $button-dark-lighter: rgb(29, 32, 35);
 $button-grey: rgb(229, 232, 235);
 $button-grey-lighter: rgb(239, 242, 245);
-$button-grey-darker: rgb(221, 224, 227);
\ No newline at end of file
+$button-grey-darker: rgb(221, 224, 227);
diff --git a/assets/css/theme.css b/assets/css/theme.css
index 881a49c..2dfc084 100644
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -218,7 +218,7 @@ pre {
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-radius: 0.375em;
   padding: 6px 20px;
-  color: #7C7C7C;
+  color: #333333;
 }
 
 div[class^='bg-black'] pre, div[class*=' bg-black'] pre, div[class^='bg-dark'] pre, div[class*=' bg-dark'] pre {
@@ -377,7 +377,7 @@ div[class^='bg-black'] .blockquote.style-3:before, div[class*=' bg-black'] .bloc
 }
 
 .breadcrumb .breadcrumb-item.active {
-  color: #AAAAAA;
+  color: #DDDDDD;
 }
 
 .breadcrumb .breadcrumb-item a {
@@ -422,7 +422,7 @@ div[class^='bg-black'] .breadcrumb .breadcrumb-item.active, div[class*=' bg-blac
 
 .dropdown .dropdown-menu .dropdown-item:hover, .dropdown .dropdown-menu .dropdown-item:focus, .dropdown .dropdown-menu .dropdown-item:active, .btn-group .dropdown-menu .dropdown-item:hover, .btn-group .dropdown-menu .dropdown-item:focus, .btn-group .dropdown-menu .dropdown-item:active {
   background: transparent;
-  color: #7C7C7C;
+  color: #333333;
 }
 
 .modal.fade .modal-dialog {
@@ -466,14 +466,14 @@ div[class^='bg-black'] .breadcrumb .breadcrumb-item.active, div[class*=' bg-blac
 
 .nav .nav-item .nav-link {
   padding: 0;
-  color: #7C7C7C;
+  color: #333333;
   -webkit-transition: linear 0.1s;
   transition: linear 0.1s;
 }
 
 .nav .nav-item .nav-link h1, .nav .nav-item .nav-link h2, .nav .nav-item .nav-link h3, .nav .nav-item .nav-link h4, .nav .nav-item .nav-link h5, .nav .nav-item .nav-link h6 {
   margin: 0;
-  color: #7C7C7C;
+  color: #333333;
   -webkit-transition: linear 0.1s;
   transition: linear 0.1s;
 }
@@ -487,7 +487,7 @@ div[class^='bg-black'] .breadcrumb .breadcrumb-item.active, div[class*=' bg-blac
 }
 
 .nav .nav-item .nav-link.disabled {
-  color: #AAAAAA;
+  color: #DDDDDD;
 }
 
 .nav.nav-tabs {
@@ -501,7 +501,7 @@ div[class^='bg-black'] .breadcrumb .breadcrumb-item.active, div[class*=' bg-blac
 .nav.nav-tabs .nav-item .nav-link {
   background: transparent;
   padding: 10px 20px;
-  color: #7C7C7C;
+  color: #333333;
 }
 
 .nav.nav-tabs .nav-item .nav-link:hover {
@@ -644,7 +644,7 @@ div[class^='bg-black'] .nav.nav-custom .nav-item .nav-link:after, div[class*=' b
   border: 0;
   border-radius: 20px;
   padding: 0;
-  color: #7C7C7C;
+  color: #333333;
   font-size: 14px;
   line-height: 31px;
   -webkit-transition: ease-out 0.12s;
@@ -912,27 +912,27 @@ textarea {
 }
 
 input, textarea, .form-control {
-  color: #7C7C7C;
+  color: #333333;
 }
 
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {
-  color: #AAAAAA;
+  color: #DDDDDD;
 }
 
 input::-moz-placeholder, textarea::-moz-placeholder, .form-control::-moz-placeholder {
-  color: #AAAAAA;
+  color: #DDDDDD;
 }
 
 input:-ms-placeholder, textarea:-ms-placeholder, .form-control:-ms-placeholder {
-  color: #AAAAAA;
+  color: #DDDDDD;
 }
 
 input::-ms-placeholder, textarea::-ms-placeholder, .form-control::-ms-placeholder {
-  color: #AAAAAA;
+  color: #DDDDDD;
 }
 
 input::placeholder, textarea::placeholder, .form-control::placeholder {
-  color: #AAAAAA;
+  color: #DDDDDD;
 }
 
 input:focus, textarea:focus, .form-control:focus {
@@ -977,7 +977,7 @@ input[type="checkbox"], input[type="radio"] {
 }
 
 .form-check-input:disabled ~ .form-check-label {
-  color: #AAAAAA;
+  color: #DDDDDD;
 }
 
 .required:after {
@@ -997,7 +997,7 @@ select {
   border-radius: 0;
   padding: 15px 20px;
   border-color: rgba(0, 0, 0, 0.1);
-  color: #7C7C7C;
+  color: #333333;
   font: 400 15px "Open Sans", sans-serif;
   line-height: 1.4;
   -webkit-transition: ease-out 0.16s;
@@ -1475,7 +1475,7 @@ div[class^='bg-black'] ol.list-ordered.style-5 li::before, div[class*=' bg-black
 }
 
 body {
-  color: #7C7C7C;
+  color: #333333;
   font-family: "Open Sans", sans-serif;
   font-size: 15px;
   font-weight: 400;
@@ -1991,7 +1991,7 @@ div[class^='bg-black'] .accordion.style-3 li .accordion-title, div[class*=' bg-b
 
 div[class^='bg-black'] .accordion.style-3 li.active .accordion-title, div[class*=' bg-black'] .accordion.style-3 li.active .accordion-title, div[class^='bg-dark'] .accordion.style-3 li.active .accordion-title, div[class*=' bg-dark'] .accordion.style-3 li.active .accordion-title {
   background: #fff;
-  color: #7C7C7C;
+  color: #333333;
 }
 
 div[class^='bg-black'] .accordion.style-3 li.active .accordion-title:before, div[class^='bg-black'] .accordion.style-3 li.active .accordion-title:after, div[class*=' bg-black'] .accordion.style-3 li.active .accordion-title:before, div[class*=' bg-black'] .accordion.style-3 li.active .accordion-title:after, div[class^='bg-dark'] .accordion.style-3 li.active .accordion-title:before, div[class^='bg-dark'] .accordion.style-3 li.active .accordion-title:after, div[class*=' bg-dark'] .accordion.style-3 li.active .accordion-title:before, div[class*=' bg-dark'] .accordion.style-3 li.active .accordion-title:after {
@@ -2268,7 +2268,7 @@ div[class^="circle-box"], div[class*=" circle-box"] {
 }
 
 a {
-  color: #7C7C7C;
+  color: #333333;
   -webkit-transition: linear 0.1s;
   transition: linear 0.1s;
 }
@@ -3330,7 +3330,7 @@ div[class^='bg-dark'] .button-text-3:hover:before, div[class*=' bg-dark'] .butto
 }
 
 .button-circle:hover, a.button-circle:hover {
-  color: #7C7C7C;
+  color: #333333;
 }
 
 .button-circle-xs {
@@ -5310,7 +5310,7 @@ button.mfp-close:hover {
 .prices-box .price span {
   display: block;
   font: 300 14px "Open Sans", sans-serif;
-  color: #AAAAAA;
+  color: #DDDDDD;
 }
 
 .prices-box .price h1, .prices-box .price h2, .prices-box .price h3, .prices-box .price h4, .prices-box .price h5, .prices-box .price h6 {
@@ -5332,7 +5332,7 @@ button.mfp-close:hover {
 .prices-box .price h1 span, .prices-box .price h2 span, .prices-box .price h3 span, .prices-box .price h4 span, .prices-box .price h5 span, .prices-box .price h6 span {
   display: inline-block;
   font: 300 14px "Open Sans", sans-serif;
-  color: #AAAAAA;
+  color: #DDDDDD;
 }
 
 .prices-box .price-features ul {
@@ -6249,7 +6249,7 @@ div[class^='bg-dark'] .owl-carousel .owl-dots .owl-dot:hover:after, div[class^='
 }
 
 .team-wrapper .team-box span {
-  color: #AAAAAA;
+  color: #DDDDDD;
 }
 
 .team-wrapper.team-box-hover-2 .team-box .team-img div {
@@ -6274,7 +6274,7 @@ div[class^='bg-dark'] .owl-carousel .owl-dots .owl-dot:hover:after, div[class^='
 }
 
 .team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class*=' button']):not([class^='button']) {
-  color: #7C7C7C;
+  color: #333333;
 }
 
 .team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class*=' button']):not([class^='button']):hover, .team-wrapper.team-box-hover-2 .team-box .team-img div ul li a:not([class*=' button']):not([class^='button']):focus {
@@ -7019,7 +7019,7 @@ div[class^='bg-black'] .sidebar-box .tags li a:hover, div[class^='bg-black'] .si
   top: 0;
   right: 0;
   text-align: right;
-  color: #AAAAAA;
+  color: #DDDDDD;
   font-style: italic;
   font-size: 14px;
 }
@@ -7592,7 +7592,7 @@ div[class^='bg-black'].fullscreen-menu .fm-wrapper .fm-close span:before, div[cl
 }
 
 .header .header-menu .nav .nav-item .nav-dropdown a:not(.button):not(.button-circle) {
-  color: #7C7C7C;
+  color: #333333;
 }
 
 .header .header-menu .nav .nav-item .nav-dropdown a:not(.button):not(.button-circle):hover, .header .header-menu .nav .nav-item .nav-dropdown a:not(.button):not(.button-circle):focus {
@@ -8026,7 +8026,7 @@ div[class^='bg-black'].fullscreen-menu .fm-wrapper .fm-close span:before, div[cl
     display: inline-block;
     width: auto;
     height: auto;
-    color: #7C7C7C;
+    color: #333333;
   }
   .header .header-menu .nav .nav-item .nav-link:hover, .header .header-menu .nav .nav-item .nav-link:focus, .header .header-menu .nav .nav-item .nav-link.active {
     color: #131517;
@@ -8503,7 +8503,7 @@ div[class^='bg-black'].fullscreen-menu .fm-wrapper .fm-close span:before, div[cl
 .filter.filter-style-2 ul li {
   background: transparent;
   margin: 0 2px;
-  color: #7C7C7C;
+  color: #333333;
 }
 
 .filter.filter-style-2 ul li:hover, .filter.filter-style-2 ul li.active, .filter.filter-style-2 ul li.mixitup-control-active {
@@ -8523,7 +8523,7 @@ div[class^='bg-black'].fullscreen-menu .fm-wrapper .fm-close span:before, div[cl
   background: transparent;
   margin: 0 14px 8px;
   padding: 0;
-  color: #7C7C7C;
+  color: #333333;
 }
 
 .filter.filter-style-3 ul li:after {
@@ -8556,7 +8556,7 @@ div[class^='bg-black'].fullscreen-menu .fm-wrapper .fm-close span:before, div[cl
   background: transparent;
   margin: 0 14px 7px;
   padding: 0;
-  color: #AAAAAA;
+  color: #DDDDDD;
 }
 
 .filter.filter-style-4 ul li:hover, .filter.filter-style-4 ul li.active, .filter.filter-style-4 ul li.mixitup-control-active {
@@ -8807,7 +8807,7 @@ div[class^='bg-black'] .filter.filter-style-4 ul li:hover, div[class^='bg-black'
 
 .hover-style-4 .portfolio-item .portfolio-box .portfolio-title {
   background: rgba(255, 255, 255, 0.1);
-  color: #7C7C7C;
+  color: #333333;
 }
 
 .hover-style-4 .portfolio-item .portfolio-box .portfolio-title:after {
@@ -8858,7 +8858,7 @@ div[class^='bg-black'] .filter.filter-style-4 ul li:hover, div[class^='bg-black'
 
 .hover-style-5 .portfolio-item .portfolio-box .portfolio-title {
   background: rgba(255, 255, 255, 0.9);
-  color: #7C7C7C;
+  color: #333333;
 }
 
 .hover-style-5 .portfolio-item .portfolio-box .portfolio-title div {
@@ -9337,7 +9337,7 @@ body.loaded:after {
 }
 
 .product-box .product-img .add-to-cart a:not([class*=' button']):not([class^='button']) {
-  color: #7C7C7C;
+  color: #333333;
   font: 500 13px "Poppins", sans-serif;
   letter-spacing: 1px;
   text-transform: uppercase;
@@ -9564,7 +9564,7 @@ body.loaded:after {
 }
 
 .product-info-box .table td {
-  color: #7C7C7C;
+  color: #333333;
 }
 
 .cart-table {
@@ -9592,7 +9592,7 @@ body.loaded:after {
 }
 
 .cart-table td {
-  color: #7C7C7C;
+  color: #333333;
 }
 
 .cart-table .product-thumbnail img {
@@ -9629,7 +9629,7 @@ body.loaded:after {
 }
 
 .cart-totals td {
-  color: #7C7C7C;
+  color: #333333;
 }
 
 .bg-white {
@@ -9781,7 +9781,7 @@ body.loaded:after {
 }
 
 .bg-white-content, div[class^='bg-white'], div[class*=' bg-white'], div[class^='bg-black'] div[class^='bg-white'], div[class^='bg-black'] div[class*=' bg-white'], div[class*=' bg-black'] div[class^='bg-white'], div[class*=' bg-black'] div[class*=' bg-white'], div[class^='bg-dark'] div[class^='bg-white'], div[class^='bg-dark'] div[class*=' bg-white'], div[class*=' bg-dark'] div[class^='bg-white'], div[class*=' bg-dark'] div[class*=' bg-white'] {
-  color: #7C7C7C;
+  color: #333333;
 }
 
 .bg-white-content h1, div[class^='bg-white'] h1, div[class*=' bg-white'] h1, div[class^='bg-black'] div[class^='bg-white'] h1, div[class^='bg-black'] div[class*=' bg-white'] h1, div[class*=' bg-black'] div[class^='bg-white'] h1, div[class*=' bg-black'] div[class*=' bg-white'] h1, div[class^='bg-dark'] div[class^='bg-white'] h1, div[class^='bg-dark'] div[class*=' bg-white'] h1, div[class*=' bg-dark'] div[class^='bg-white'] h1, div[class*=' bg-dark'] div[class*=' bg-white'] h1, .bg-white-content h2, div[class^='bg-white'] h2, div[class*=' bg-white'] h2, div[class^='bg-black'] div[class^='bg-white'] h2, div[class^='bg-black'] div[class*=' bg-white'] h2, div[class*=' bg-black'] div[class^='bg-white'] h2, div[class*=' bg-black'] div[class*=' bg-white'] h2, div[class^='bg-dark'] div[class^='bg-white'] h2, div[class^='bg-dark'] div[class*=' bg-white'] h2, div[class*=' bg-dark'] div[class^='bg-white'] h2, div[class*=' bg-dark'] div[class*=' bg-white'] h2, .bg-white-content h3, div[class^='bg-white'] h3, div[class*=' bg-white'] h3, div[class^='bg-black'] div[class^='bg-white'] h3, div[class^='bg-black'] div[class*=' bg-white'] h3, div[class*=' bg-black'] div[class^='bg-white'] h3, div[class*=' bg-black'] div[class*=' bg-white'] h3, div[class^='bg-dark'] div[class^='bg-white'] h3, div[class^='bg-dark'] div[class*=' bg-white'] h3, div[class*=' bg-dark'] div[class^='bg-white'] h3, div[class*=' bg-dark'] div[class*=' bg-white'] h3, .bg-white-content h4, div[class^='bg-white'] h4, div[class*=' bg-white'] h4, div[class^='bg-black'] div[class^='bg-white'] h4, div[class^='bg-black'] div[class*=' bg-white'] h4, div[class*=' bg-black'] div[class^='bg-white'] h4, div[class*=' bg-black'] div[class*=' bg-white'] h4, div[class^='bg-dark'] div[class^='bg-white'] h4, div[class^='bg-dark'] div[class*=' bg-white'] h4, div[class*=' bg-dark'] div[class^='bg-white'] h4, div[class*=' bg-dark'] div[class*=' bg-white'] h4, .bg-white-content h5, div[class^='bg-white'] h5, div[class*=' bg-white'] h5, div[class^='bg-black'] div[class^='bg-white'] h5, div[class^='bg-black'] div[class*=' bg-white'] h5, div[class*=' bg-black'] div[class^='bg-white'] h5, div[class*=' bg-black'] div[class*=' bg-white'] h5, div[class^='bg-dark'] div[class^='bg-white'] h5, div[class^='bg-dark'] div[class*=' bg-white'] h5, div[class*=' bg-dark'] div[class^='bg-white'] h5, div[class*=' bg-dark'] div[class*=' bg-white'] h5, .bg-white-content h6, div[class^='bg-white'] h6, div[class*=' bg-white'] h6, div[class^='bg-black'] div[class^='bg-white'] h6, div[class^='bg-black'] div[class*=' bg-white'] h6, div[class*=' bg-black'] div[class^='bg-white'] h6, div[class*=' bg-black'] div[class*=' bg-white'] h6, div[class^='bg-dark'] div[class^='bg-white'] h6, div[class^='bg-dark'] div[class*=' bg-white'] h6, div[class*=' bg-dark'] div[class^='bg-white'] h6, div[class*=' bg-dark'] div[class*=' bg-white'] h6 {
@@ -9789,7 +9789,7 @@ body.loaded:after {
 }
 
 .bg-white-content a:not([class*=' button']):not([class^='button']), div[class^='bg-white'] a:not([class*=' button']):not([class^='button']), div[class*=' bg-white'] a:not([class*=' button']):not([class^='button']) {
-  color: #7C7C7C;
+  color: #333333;
 }
 
 .bg-white-content a:not([class*=' button']):not([class^='button']):hover, div[class^='bg-white'] a:not([class*=' button']):not([class^='button']):hover, div[class*=' bg-white'] a:not([class*=' button']):not([class^='button']):hover, .bg-white-content a:not([class*=' button']):not([class^='button']):focus, div[class^='bg-white'] a:not([class*=' button']):not([class^='button']):focus, div[class*=' bg-white'] a:not([class*=' button']):not([class^='button']):focus {