Commit bf1329a8 authored by Zach van Rijn's avatar Zach van Rijn
Browse files

Darken dark text, lighten light text. Improves blog.

parent 9dda7788
......@@ -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
......@@ -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);
......@@ -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 {
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment