Fix btn-link hover colors per primary color lightness

This commit is contained in:
shamoon 2023-10-15 13:58:40 -07:00
parent 5665db844e
commit 27772257a8
2 changed files with 8 additions and 8 deletions

View File

@ -190,16 +190,16 @@ a, a:hover,
color: var(--bs-primary); color: var(--bs-primary);
} }
a.btn-link:hover,
a.btn-link:active,
a.btn-link:focus-visible,
.btn-link:hover, .btn-link:hover,
.btn-link:active, .btn-link:active,
.btn-link:focus-visible { .btn-link:focus-visible {
color: var(--pngx-primary-darken-10) !important; color: var(--pngx-primary-lighten-10) !important;
} .primary-light & {
color: var(--pngx-primary-darken-15) !important;
a.btn-link:hover, }
a.btn-link:active,
a.btn-link:focus-visible {
color: var(--pngx-primary-darken-5) !important;
} }
.form-control-dark { .form-control-dark {

View File

@ -15,9 +15,9 @@ $color-mode-type: data;
--bs-primary: hsl(var(--pngx-primary), var(--pngx-primary-lightness)); --bs-primary: hsl(var(--pngx-primary), var(--pngx-primary-lightness));
--bs-border-color: var(--bs-gray-400); --bs-border-color: var(--bs-gray-400);
--pngx-primary-faded: hsl(var(--pngx-primary), calc(var(--pngx-primary-lightness) + 76%)); --pngx-primary-faded: hsl(var(--pngx-primary), calc(var(--pngx-primary-lightness) + 76%));
--pngx-primary-lighten-10: hsl(var(--pngx-primary), calc(var(--pngx-primary-lightness) + 10%));
--pngx-primary-lighten-30: hsl(var(--pngx-primary), calc(var(--pngx-primary-lightness) + 30%)); --pngx-primary-lighten-30: hsl(var(--pngx-primary), calc(var(--pngx-primary-lightness) + 30%));
--pngx-primary-darken-5: hsl(var(--pngx-primary), calc(var(--pngx-primary-lightness) - 5%)); --pngx-primary-darken-5: hsl(var(--pngx-primary), calc(var(--pngx-primary-lightness) - 5%));
--pngx-primary-darken-10: hsl(var(--pngx-primary), calc(var(--pngx-primary-lightness) - 10%));
--pngx-primary-darken-15: hsl(var(--pngx-primary), calc(var(--pngx-primary-lightness) - 15%)); --pngx-primary-darken-15: hsl(var(--pngx-primary), calc(var(--pngx-primary-lightness) - 15%));
--pngx-primary-darken-18: hsl(var(--pngx-primary), calc(var(--pngx-primary-lightness) - 18%)); --pngx-primary-darken-18: hsl(var(--pngx-primary), calc(var(--pngx-primary-lightness) - 18%));
--pngx-primary-darken-27: hsl(var(--pngx-primary), calc(var(--pngx-primary-lightness) - 27%)); --pngx-primary-darken-27: hsl(var(--pngx-primary), calc(var(--pngx-primary-lightness) - 27%));