Enhance high-contrast theme styles and improve product display
- Added placeholder color and opacity adjustments for high-contrast mode. - Updated styles for search filters and categories in the left column to improve visibility. - Enhanced featured products link styles for better contrast. - Improved product price and shipping display, including discount and new flags. - Standardized background and text colors for product descriptions and buttons.
This commit is contained in:
6
.vscode/ftp-kr.sync.cache.json
vendored
6
.vscode/ftp-kr.sync.cache.json
vendored
@@ -52,9 +52,9 @@
|
|||||||
"custom": {},
|
"custom": {},
|
||||||
"custom-cron.php": {
|
"custom-cron.php": {
|
||||||
"type": "-",
|
"type": "-",
|
||||||
"size": 1112,
|
"size": 1396,
|
||||||
"lmtime": 0,
|
"lmtime": 0,
|
||||||
"modified": false
|
"modified": true
|
||||||
},
|
},
|
||||||
"customers.csv": {
|
"customers.csv": {
|
||||||
"type": "-",
|
"type": "-",
|
||||||
@@ -98,7 +98,7 @@
|
|||||||
},
|
},
|
||||||
"google-merchant_id-1.xml": {
|
"google-merchant_id-1.xml": {
|
||||||
"type": "-",
|
"type": "-",
|
||||||
"size": 18470225,
|
"size": 18798984,
|
||||||
"lmtime": 0,
|
"lmtime": 0,
|
||||||
"modified": true
|
"modified": true
|
||||||
},
|
},
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1007,6 +1007,11 @@ body.high-contrast {
|
|||||||
background: $cYellow;
|
background: $cYellow;
|
||||||
border: 0;
|
border: 0;
|
||||||
color: #000;
|
color: #000;
|
||||||
|
|
||||||
|
&::placeholder {
|
||||||
|
color: #000 !important;
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
i {
|
i {
|
||||||
@@ -1055,4 +1060,104 @@ body.high-contrast {
|
|||||||
section#wrapper {
|
section#wrapper {
|
||||||
background: #000;
|
background: #000;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#left-column {
|
||||||
|
#search_filters_brands {
|
||||||
|
background: #000;
|
||||||
|
border: 1px solid #FFF;
|
||||||
|
margin-bottom: 25px;
|
||||||
|
color: #FFF;
|
||||||
|
|
||||||
|
.h6 {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.block-categories {
|
||||||
|
background: #000;
|
||||||
|
border: 1px solid #FFF;
|
||||||
|
|
||||||
|
ul {
|
||||||
|
li {
|
||||||
|
a {
|
||||||
|
background: none !important;
|
||||||
|
color: #FFF;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.featured-products {
|
||||||
|
.all-product-link {
|
||||||
|
background: #000 !important;
|
||||||
|
border: 2px solid $cYellow !important;
|
||||||
|
color: $cYellow !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.products {
|
||||||
|
.product-price-and-shipping {
|
||||||
|
.discount-percentage {
|
||||||
|
padding: 10px !important;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-flags {
|
||||||
|
.new {
|
||||||
|
padding: 10px !important;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.thumbnail-container {
|
||||||
|
background: #000 !important;
|
||||||
|
border: 0 !important;
|
||||||
|
|
||||||
|
.product-description {
|
||||||
|
background: #000 !important;
|
||||||
|
|
||||||
|
.product-title {
|
||||||
|
h3 {
|
||||||
|
a {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-price-and-shipping {
|
||||||
|
* {
|
||||||
|
color: #FFF !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
background: $cYellow;
|
||||||
|
color: #000;
|
||||||
|
border: 0 !important;
|
||||||
|
padding: 15px !important;
|
||||||
|
|
||||||
|
i,
|
||||||
|
span {
|
||||||
|
color: #000 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
i {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
span {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user