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:
2025-07-18 13:14:22 +02:00
parent 21f7e22fe2
commit 334968232b
4 changed files with 110 additions and 5 deletions

View File

@@ -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

View File

@@ -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;
}
}
}
}
}
}