yeti: fix disabled pagination link color, #1255

thomaspark · Jun 13, 2023 · 5f47b31 · 5f47b31
1 parent 52bd1d2
commit 5f47b31
Show file tree

Hide file tree

Showing 8 changed files with 30 additions and 8 deletions.
diff --git a/dist/yeti/_bootswatch.scss b/dist/yeti/_bootswatch.scss
@@ -287,6 +287,12 @@ label,
  }
 }
 
+@include color-mode(dark) {
+ .pagination {
+ --bs-pagination-disabled-color: #{$gray-700};
+ }
+}
+
 .list-group {
  font-size: $font-size-sm;
  font-weight: 300;

diff --git a/dist/yeti/_variables.scss b/dist/yeti/_variables.scss
@@ -77,7 +77,8 @@ $navbar-dark-hover-color: $white !default;
 $pagination-color: $gray-600 !default;
 // $pagination-border-color: $nav-tabs-border-color !default;
 $pagination-active-border-color: darken($primary, 5%) !default;
-$pagination-disabled-color: $gray-200 !default;
+$pagination-disabled-bg: transparent !default;
+$pagination-disabled-color: $gray-400 !default;
 
 // Cards
 

diff --git a/dist/yeti/bootstrap.css b/dist/yeti/bootstrap.css
@@ -4762,8 +4762,8 @@ textarea.form-control-lg {
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #008cba;
  --bs-pagination-active-border-color: #0079a1;
- --bs-pagination-disabled-color: #eee;
- --bs-pagination-disabled-bg: var(--bs-secondary-bg);
+ --bs-pagination-disabled-color: #ccc;
+ --bs-pagination-disabled-bg: transparent;
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
@@ -12289,6 +12289,10 @@ label,
  border-radius: 3px;
 }
 
+[data-bs-theme=dark] .pagination {
+ --bs-pagination-disabled-color: #495057;
+}
+
 .list-group {
  font-size: 0.875rem;
  font-weight: 300;

diff --git a/dist/yeti/bootstrap.min.css b/dist/yeti/bootstrap.min.css
diff --git a/docs/5/yeti/_bootswatch.scss b/docs/5/yeti/_bootswatch.scss
@@ -287,6 +287,12 @@ label,
  }
 }
 
+@include color-mode(dark) {
+ .pagination {
+ --bs-pagination-disabled-color: #{$gray-700};
+ }
+}
+
 .list-group {
  font-size: $font-size-sm;
  font-weight: 300;

diff --git a/docs/5/yeti/_variables.scss b/docs/5/yeti/_variables.scss
@@ -77,7 +77,8 @@ $navbar-dark-hover-color: $white !default;
 $pagination-color: $gray-600 !default;
 // $pagination-border-color: $nav-tabs-border-color !default;
 $pagination-active-border-color: darken($primary, 5%) !default;
-$pagination-disabled-color: $gray-200 !default;
+$pagination-disabled-bg: transparent !default;
+$pagination-disabled-color: $gray-400 !default;
 
 // Cards
 

diff --git a/docs/5/yeti/bootstrap.css b/docs/5/yeti/bootstrap.css
@@ -4762,8 +4762,8 @@ textarea.form-control-lg {
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #008cba;
  --bs-pagination-active-border-color: #0079a1;
- --bs-pagination-disabled-color: #eee;
- --bs-pagination-disabled-bg: var(--bs-secondary-bg);
+ --bs-pagination-disabled-color: #ccc;
+ --bs-pagination-disabled-bg: transparent;
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
@@ -12289,6 +12289,10 @@ label,
  border-radius: 3px;
 }
 
+[data-bs-theme=dark] .pagination {
+ --bs-pagination-disabled-color: #495057;
+}
+
 .list-group {
  font-size: 0.875rem;
  font-weight: 300;

diff --git a/docs/5/yeti/bootstrap.min.css b/docs/5/yeti/bootstrap.min.css