Der Schieberegler wird verwendet, um sicherzustellen, dass die ausgewählte Akzentfarbe ausreichend Kontrast bietet und damit den Vorgaben für barrierefreien Websites entspricht. (Mehr Infos hier.)
Du kannst im Customizer unter Zusätzliches CSS eigene CSS-Regeln einfügen, mit denen die Akzentfarbe überschrieben wird. Dazu kannst du im Customizer zunächst eine willkürliche (aber möglichst auffälligen) Farbe wählen, rufst dann die Startseite im Browser auf und schaust in den Entwicklerwerkzeugen das Inline-Stylesheet an. Dort findest du dann Regeln wie
.color-accent,
.color-accent-hover:hover,
.color-accent-hover:focus,
:root .has-accent-color,
.has-drop-cap:not(:focus):first-letter,
.wp-block-button.is-style-outline,
a {
color: #1a8838;
}
blockquote,
.border-color-accent,
.border-color-accent-hover:hover,
.border-color-accent-hover:focus {
border-color: #1a8838;
}
button:not(.toggle),
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.bg-accent,
.bg-accent-hover:hover,
.bg-accent-hover:focus,
:root .has-accent-background-color,
.comment-reply-link {
background-color: #1a8838;
}
.fill-children-accent,
.fill-children-accent * {
fill: #1a8838;
}
body:not(.overlay-header) .primary-menu > li > a,
body:not(.overlay-header) .primary-menu > li > .icon,
.modal-menu a,
.footer-menu a,
.footer-widgets a,
#site-footer .wp-block-button.is-style-outline,
.wp-block-pullquote:before,
.singular:not(.overlay-header) .entry-header a,
.archive-header a,
.header-footer-group .color-accent,
.header-footer-group .color-accent-hover:hover {
color: #1a8838;
}
.social-icons a,
#site-footer button:not(.toggle),
#site-footer .button,
#site-footer .faux-button,
#site-footer .wp-block-button__link,
#site-footer .wp-block-file__button,
#site-footer input[type="button"],
#site-footer input[type="reset"],
#site-footer input[type="submit"] {
background-color: #1a8838;
}
Die kopierst du, fügst sie als „Zusätzliches CSS“ ein und änderst den Wert (hier #1a8838) auf einen beliebigen anderen Wert.
Alternativ kannst du auch ein Code Snippet erstellen, mit dem du den Filter twentytwenty_get_elements_array nach deinen Wünschen anpasst, was aber wohl die kompliziertere Lösung ist.
