Enhance high-contrast theme styles and improve blog and footer aesthetics

- Added text decoration to links in high-contrast mode for better visibility.
- Updated blog post items with a black background, white text, and improved link styles.
- Styled the "Read More" button with a yellow background and black text.
- Enhanced HTML block content with consistent background and text colors.
- Revamped footer styles, including newsletter form and contact links, to ensure readability and accessibility.
This commit is contained in:
2025-07-18 22:41:11 +02:00
parent 334968232b
commit e30d6d8be2
4 changed files with 152 additions and 3 deletions

View File

@@ -98,7 +98,7 @@
},
"google-merchant_id-1.xml": {
"type": "-",
"size": 18798984,
"size": 18937633,
"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

@@ -1128,6 +1128,7 @@ body.high-contrast {
h3 {
a {
color: #FFF !important;
text-decoration: underline;
}
}
}
@@ -1160,4 +1161,152 @@ body.high-contrast {
}
}
}
.blog.displayHome {
.post-item {
background: #000 !important;
border: 1px solid #FFF;
* {
color: #FFF;
}
h3 {
a {
color: #FFF !important;
font-weight: 600;
text-decoration: underline;
}
}
.item-readmore {
background: $cYellow !important;
color: #000 !important;
border: 0 !important;
}
}
}
.blog-block-viewall-link {
a {
color: #FFF !important;
font-weight: 600;
text-decoration: underline;
}
}
.html-block-content {
background-color: #000 !important;
color: #FFF !important;
p {
color: #FFF !important;
}
h2 {
color: #FFF !important;
}
h3 {
color: #FFF !important;
}
a {
color: #FFF !important;
text-decoration: underline;
font-weight: 600;
}
}
#footer {
background: #000;
border-top: 1px solid #FFF;
.block_newsletter {
background: none !important;
color: #FFF !important;
#block-newsletter-label {
color: #FFF !important;
}
.block-newsletter-form {
input.newsletter-input {
background: $cYellow !important;
color: #000 !important;
border: 0 !important;
&::placeholder {
color: #000 !important;
opacity: 1 !important;
}
}
.btn-primary {
background: $cYellow !important;
color: #000 !important;
border: 0 !important;
border-left: 2px solid #000 !important;
opacity: 1;
}
p {
color: #FFF !important;
}
#psgdpr_consent_checkbox_17 {
border: 1px solid #FFF !important;
}
.custom-checkbox {
color: #FFF !important;
}
.psgdpr_consent_message {
color: #FFF !important;
}
.custom-checkbox input[type=checkbox]+span {
background: #000 !important;
border: 1px solid #FFF !important;
}
}
}
}
.footer-container {
background: #000 !important;
border-top: 1px solid #FFF;
color: #FFF !important;
font-size: 13px;
.h3 {
color: #FFF !important;
font-weight: 600;
a {
color: #FFF !important;
text-decoration: underline;
}
}
ul {
li {
a {
color: #FFF !important;
text-decoration: underline;
font-size: 13px;
}
}
}
.block-contact {
color: #FFF !important;
a {
color: $cYellow !important;
text-decoration: underline;
}
}
}
}