Increase carousel slider contrast

This commit is contained in:
Christopher C. Wells 2023-10-20 19:03:50 -07:00 committed by Christopher Charbonneau Wells
parent b54499d6f2
commit 9baec8d906
6 changed files with 15 additions and 14 deletions

View File

@ -27,13 +27,14 @@ $info: #44c4dd;
$light: $gray-100; $light: $gray-100;
$dark: $gray-800; $dark: $gray-800;
// Breadcrumbs
// Links $breadcrumb-padding-y: 0.75rem;
$breadcrumb-padding-x: 1rem;
$link-color: $info; // Carousels
$link-decoration: none;
$link-hover-color: color.adjust($link-color, $lightness: -15%);
$carousel-dark-control-icon-filter: none;
// Components // Components
@ -41,14 +42,14 @@ $border-color: $gray-200;
$component-active-color: $gray-400; $component-active-color: $gray-400;
$component-active-bg: $primary; $component-active-bg: $primary;
// Links
$link-color: $info;
$link-decoration: none;
$link-hover-color: color.adjust($link-color, $lightness: -15%);
// Tables // Tables
$table-cell-padding-y: 0.75rem; $table-cell-padding-y: 0.75rem;
$table-cell-padding-x: 0.75rem; $table-cell-padding-x: 0.75rem;
$table-striped-bg: $dark; $table-striped-bg: $dark;
// Breadcrumbs
$breadcrumb-padding-y: 0.75rem;
$breadcrumb-padding-x: 1rem;

View File

@ -6115,7 +6115,7 @@ textarea.form-control-lg {
.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon { .carousel-dark .carousel-control-next-icon {
filter: invert(1) grayscale(100); filter: none;
} }
.carousel-dark .carousel-indicators [data-bs-target] { .carousel-dark .carousel-indicators [data-bs-target] {
background-color: #000; background-color: #000;
@ -6127,7 +6127,7 @@ textarea.form-control-lg {
[data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon, [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon { [data-bs-theme=dark].carousel .carousel-control-next-icon {
filter: invert(1) grayscale(100); filter: none;
} }
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
background-color: #000; background-color: #000;

View File

@ -6115,7 +6115,7 @@ textarea.form-control-lg {
.carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon { .carousel-dark .carousel-control-next-icon {
filter: invert(1) grayscale(100); filter: none;
} }
.carousel-dark .carousel-indicators [data-bs-target] { .carousel-dark .carousel-indicators [data-bs-target] {
background-color: #000; background-color: #000;
@ -6127,7 +6127,7 @@ textarea.form-control-lg {
[data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon, [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon { [data-bs-theme=dark].carousel .carousel-control-next-icon {
filter: invert(1) grayscale(100); filter: none;
} }
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
background-color: #000; background-color: #000;

Binary file not shown.

File diff suppressed because one or more lines are too long