diff options
-rw-r--r-- | README | 9 | ||||
-rw-r--r-- | assets/css/scss/helpers/_variables.scss | 6 | ||||
-rw-r--r-- | assets/css/theme.css | 76 |
3 files changed, 50 insertions, 41 deletions
@@ -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 { |