fix contrasts
All checks were successful
Website Prod/Test / Produktivumgebung (push) Successful in 14s
Website Prod/Test / Testumgebung (push) Successful in 7s

This commit is contained in:
Denys Konovalov 2024-10-23 21:57:59 +02:00
parent 5c6b37ce37
commit c61f6f1799
7 changed files with 50 additions and 54 deletions

@ -197,6 +197,10 @@ a h4:hover {
color: var(--gcg-color-primary) !important; color: var(--gcg-color-primary) !important;
} }
.text-secondary {
color: var(--gcg-color-secondary) !important;
}
.text-muted { .text-muted {
color: var(--gcg-color-grey) !important; color: var(--gcg-color-grey) !important;
} }
@ -260,7 +264,7 @@ textarea.form-control {
.pagination .page-item.active .page-link { .pagination .page-item.active .page-link {
background: var(--gcg-color-primary); background: var(--gcg-color-primary);
color: white; color: var(--gcg-color-secondary);
border-color: var(--gcg-color-primary); border-color: var(--gcg-color-primary);
} }
@ -432,7 +436,7 @@ details[open] summary {
.tag-list a:hover { .tag-list a:hover {
background: var(--gcg-color-primary); background: var(--gcg-color-primary);
color: white; color: var(--gcg-color-secondary);
} }
.hover-shadow { .hover-shadow {
@ -550,7 +554,7 @@ details[open] summary {
width: 80px; width: 80px;
border-radius: 50%; border-radius: 50%;
background: var(--gcg-color-primary); background: var(--gcg-color-primary);
color: white; color: var(--gcg-color-secondary);
font-size: 25px; font-size: 25px;
display: flex; display: flex;
align-items: center; align-items: center;
@ -563,7 +567,7 @@ details[open] summary {
height: 0; height: 0;
width: 0; width: 0;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
background: white; background: var(--gcg-color-secondary);
border-radius: 50%; border-radius: 50%;
top: 50%; top: 50%;
left: 50%; left: 50%;
@ -664,7 +668,7 @@ details[open] summary {
height: 6px; height: 6px;
width: 100%; width: 100%;
content: ""; content: "";
background: white; background: var(--gcg-color-secondary);
transform: scaleY(0); transform: scaleY(0);
transform-origin: top; transform-origin: top;
transition: transform 0.3s ease; transition: transform 0.3s ease;
@ -677,19 +681,19 @@ details[open] summary {
} }
.navbar-dark .navbar-nav .nav-link { .navbar-dark .navbar-nav .nav-link {
color: white; color: var(--gcg-color-secondary);
} }
link:focus, link:focus,
.navbar-dark .navbar-nav .nav-link:hover { .navbar-dark .navbar-nav .nav-link:hover {
color: white; color: var(--gcg-color-secondary);
} }
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .show > .nav-link { .navbar-dark .navbar-nav .show > .nav-link {
color: white; color: var(--gcg-color-secondary);
} }
.navbar-expand-xl .navbar-nav .nav-link { .navbar-expand-xl .navbar-nav .nav-link {
@ -733,8 +737,8 @@ link:focus,
} }
.navbar .dropdown-item:hover { .navbar .dropdown-item:hover {
color: var(--gcg-color-primary); color: var(--gcg-color-secondary);
background: transparent; background: var(--gcg-color-primary);
} }
/* button styles */ /* button styles */
@ -787,7 +791,8 @@ link:focus,
.btn-primary { .btn-primary {
background: var(--gcg-color-primary); background: var(--gcg-color-primary);
color: white; color: var(--gcg-color-secondary);
border: 1px solid var(--gcg-color-primary)
} }
.btn-primary::before { .btn-primary::before {
@ -797,6 +802,7 @@ link:focus,
.btn-primary:active { .btn-primary:active {
background: var(--gcg-color-primary) !important; background: var(--gcg-color-primary) !important;
color: var(--gcg-color-primary); color: var(--gcg-color-primary);
border: 1px solid var(--gcg-color-primary);
} }
.btn-primary:active::before { .btn-primary:active::before {
@ -805,21 +811,22 @@ link:focus,
.btn-primary:hover { .btn-primary:hover {
background: var(--gcg-color-primary); background: var(--gcg-color-primary);
color: var(--gcg-color-primary); color: var(--gcg-color-secondary);
border: 1px solid var(--gcg-color-primary);
} }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle { .show > .btn-primary.dropdown-toggle {
color: white; color: var(--gcg-color-secondary);
background-color: var(--gcg-color-primary); background-color: var(--gcg-color-primary);
border-color: var(--gcg-color-primary); border-color: var(--gcg-color-primary);
} }
.btn-secondary { .btn-secondary {
background: white; background: var(--gcg-color-secondary);
color: var(--gcg-color-primary); color: var(--gcg-color-primary);
border: 1px solid white; border: 1px solid var(--gcg-color-secondary);
} }
.btn-secondary::before { .btn-secondary::before {
@ -828,34 +835,14 @@ link:focus,
.btn-secondary:active { .btn-secondary:active {
background: var(--gcg-color-primary); background: var(--gcg-color-primary);
color: white; color: var(--gcg-color-secondary);
border: 1px solid white; border: 1px solid var(--gcg-color-secondary);
} }
.btn-secondary:hover { .btn-secondary:hover {
background: white; background: var(--gcg-color-secondary);
color: white; color: var(--gcg-color-secondary);
border: 1px solid white; border: 1px solid var(--gcg-color-secondary);
}
.btn-primary-outline {
border: 1px solid var(--gcg-color-primary);
color: var(--gcg-color-primary);
background: transparent;
}
.btn-primary-outline::before {
background: white;
}
.btn-primary-outline:hover {
background: var(--gcg-color-primary);
color: var(--gcg-color-primary);
}
.btn-primary-outline:active {
background: var(--gcg-color-primary);
color: white;
} }
/* media queries */ /* media queries */
@ -932,6 +919,15 @@ link:focus,
.navbar-expand-xl .navbar-nav .nav-link { .navbar-expand-xl .navbar-nav .nav-link {
padding: 20px; padding: 20px;
color: white !important;
}
.link:focus, .navbar-dark .navbar-nav .nav-link:hover {
color: white !important;
}
.nav-item:hover::before {
background-color: white;
} }
.navbar .dropdown-menu { .navbar .dropdown-menu {

@ -60,7 +60,7 @@ params:
link: https://facebook.com/cantor.news link: https://facebook.com/cantor.news
preloader: preloader:
enable: true enable: true
preloader: media/logo_lg_white.webp preloader: media/logo_lg_blue.webp
loader: media/load.svg loader: media/load.svg
menu: menu:
main: main:

@ -20,8 +20,8 @@
{{ range .zahlen }} {{ range .zahlen }}
<div class="col-md-4 col-sm-6 mb-4 mb-md-0"> <div class="col-md-4 col-sm-6 mb-4 mb-md-0">
<div class="text-center"> <div class="text-center">
<h2 class="count text-white" data-count="{{ .count }}">0</h2> <h2 class="count text-secondary" data-count="{{ .count }}">0</h2>
<h5 class="text-white">{{ .name }}</h5> <h5 class="text-secondary">{{ .name }}</h5>
</div> </div>
</div> </div>
{{ end }} {{ end }}

@ -108,7 +108,7 @@
<h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.blog.title }}</h2> <h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.blog.title }}</h2>
<div class="border-top w-100 border-primary d-none d-sm-block"></div> <div class="border-top w-100 border-primary d-none d-sm-block"></div>
<div> <div>
<a href="{{ `blog` | relURL }}" class="btn btn-sm btn-primary-outline ms-sm-3 d-none d-sm-block">Alle anzeigen</a> <a href="{{ `blog` | relURL }}" class="btn btn-sm btn-primary ms-sm-3 d-none d-sm-block">Alle anzeigen</a>
</div> </div>
</div> </div>
<div class="row justify-content-center"> <div class="row justify-content-center">
@ -175,7 +175,7 @@
<h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.ganztagsangebote.title }}</h2> <h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.ganztagsangebote.title }}</h2>
<div class="border-top w-100 border-primary d-none d-sm-block"></div> <div class="border-top w-100 border-primary d-none d-sm-block"></div>
<div> <div>
<a href="{{ `ganztagsangebote` | relURL }}" class="btn btn-sm btn-primary-outline ms-sm-3 d-none d-sm-block">Alle anzeigen</a> <a href="{{ `ganztagsangebote` | relURL }}" class="btn btn-sm btn-primary ms-sm-3 d-none d-sm-block">Alle anzeigen</a>
</div> </div>
</div> </div>
<div class="row justify-content-center"> <div class="row justify-content-center">
@ -185,7 +185,7 @@
<div class="card border-primary rounded-0 hover-shadow mb-4"> <div class="card border-primary rounded-0 hover-shadow mb-4">
<img class="card-img-top rounded-0" src="{{ .image | relURL }}"> <img class="card-img-top rounded-0" src="{{ .image | relURL }}">
<div class="card-body"> <div class="card-body">
<h4 class="card-title text-truncate">{{ .title }}</h4> <h4 class="card-title text-truncate mb-0">{{ .title }}</h4>
</div> </div>
</div> </div>
</div> </div>
@ -200,8 +200,8 @@
{{ with $data.homepage.cta }} {{ with $data.homepage.cta }}
<section class="section bg-primary"> <section class="section bg-primary">
<div class="container text-center"> <div class="container text-center">
<h2 class="text-white mb-0">{{ .title | markdownify }}</h2> <h2 class="text-secondary mb-0">{{ .title | markdownify }}</h2>
<h5 class="mb-4 text-white">{{ .subtitle | markdownify }}</h5> <h5 class="text-secondary mb-4">{{ .subtitle | markdownify }}</h5>
{{ if .button.enable }} {{ if .button.enable }}
{{ with .button }} {{ with .button }}
<a href="{{ .link | absURL }}" class="btn btn-secondary text-uppercase">{{ .label }}</a> <a href="{{ .link | absURL }}" class="btn btn-secondary text-uppercase">{{ .label }}</a>
@ -223,7 +223,7 @@
<h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.termine.title }}</h2> <h2 class="mb-0 text-nowrap me-3">{{ $data.homepage.termine.title }}</h2>
<div class="border-top w-100 border-primary d-none d-sm-block"></div> <div class="border-top w-100 border-primary d-none d-sm-block"></div>
<div> <div>
<a href="{{`termine` | relURL }}" class="btn btn-sm btn-primary-outline ms-sm-3 d-none d-sm-block text-nowrap">Alle anzeigen</a> <a href="{{`termine` | relURL }}" class="btn btn-sm btn-primary ms-sm-3 d-none d-sm-block text-nowrap">Alle anzeigen</a>
</div> </div>
</div> </div>
<div class="row justify-content-center px-2"> <div class="row justify-content-center px-2">
@ -246,7 +246,7 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-12 text-center"> <div class="col-12 text-center">
<a href="{{`termine` | relURL }}" class="btn btn-sm btn-primary-outline d-sm-none d-inline-block">Alle anzeigen</a> <a href="{{`termine` | relURL }}" class="btn btn-sm btn-primary d-sm-none d-inline-block">Alle anzeigen</a>
</div> </div>
</div> </div>
</div> </div>

@ -1,6 +1,6 @@
<div class="card hover-shadow border-primary mb-4 p-0"> <div class="card hover-shadow border-primary mb-4 p-0">
<div class="row g-0"> <div class="row g-0">
<div class="col-md-3 text-center p-4 bg-primary text-white rounded"> <div class="col-md-3 text-center p-4 bg-primary text-secondary">
<div class="h2">{{ time.Format "2" .date}}</div> <div class="h2">{{ time.Format "2" .date}}</div>
<div>{{ time.Format "Jan 2006" .date}}</div> <div>{{ time.Format "Jan 2006" .date}}</div>
{{ with .enddate }}<br>bis {{ time.Format "2 Jan 2006" . }}{{ end }} {{ with .enddate }}<br>bis {{ time.Format "2 Jan 2006" . }}{{ end }}

@ -39,8 +39,8 @@ const AboutPreview = ({ widgetFor, widgetsFor, entry, fields, collection }) => {
h( h(
"div", "div",
{ className: "text-center" }, { className: "text-center" },
h("h2", { className: "count text-white" }, element.count), h("h2", { className: "count text-secondary" }, element.count),
h("h5", { className: "text-white" }, element.name) h("h5", { className: "text-secondary" }, element.name)
) )
); );
}) })

@ -48,7 +48,7 @@ const EventPreview = ({ widgetsFor, entry }) => {
"div", "div",
{ {
className: className:
"col-md-3 text-center p-4 bg-primary text-white rounded", "col-md-3 text-center p-4 bg-primary text-secondary",
}, },
h( h(
"div", "div",