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