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-cron.php": {
|
||||
"type": "-",
|
||||
"size": 1112,
|
||||
"size": 1396,
|
||||
"lmtime": 0,
|
||||
"modified": false
|
||||
"modified": true
|
||||
},
|
||||
"customers.csv": {
|
||||
"type": "-",
|
||||
@@ -98,7 +98,7 @@
|
||||
},
|
||||
"google-merchant_id-1.xml": {
|
||||
"type": "-",
|
||||
"size": 18470225,
|
||||
"size": 18798984,
|
||||
"lmtime": 0,
|
||||
"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;
|
||||
border: 0;
|
||||
color: #000;
|
||||
|
||||
&::placeholder {
|
||||
color: #000 !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
}
|
||||
|
||||
i {
|
||||
@@ -1055,4 +1060,104 @@ body.high-contrast {
|
||||
section#wrapper {
|
||||
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