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:
2
.vscode/ftp-kr.sync.cache.json
vendored
2
.vscode/ftp-kr.sync.cache.json
vendored
@@ -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
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user