sketchy: fix breadcrumb and tab active color in dark mode #1303

thomaspark · Apr 23, 2024 · 896463e · 896463e
1 parent 7d6af45
commit 896463e
Show file tree

Hide file tree

Showing 14 changed files with 16 additions and 20 deletions.
diff --git a/dist/sketchy/_variables.scss b/dist/sketchy/_variables.scss
@@ -87,7 +87,6 @@ $dropdown-link-hover-bg:            $gray-800 !default;
 
 $nav-tabs-border-color:             $gray-800 !default;
 $nav-tabs-link-hover-border-color:  $gray-800 !default;
-$nav-tabs-link-active-color:        $gray-800 !default;
 $nav-tabs-link-active-border-color: $gray-800 !default;
 
 // Navbar
@@ -145,7 +144,6 @@ $list-group-action-color:           $gray-800 !default;
 $breadcrumb-padding-y:              .375rem !default;
 $breadcrumb-padding-x:              .75rem !default;
 $breadcrumb-divider-color:          $gray-800 !default;
-$breadcrumb-active-color:           $gray-800 !default;
 $breadcrumb-border-radius:          .25rem !default;
 
 // Close

diff --git a/dist/sketchy/bootstrap.css b/dist/sketchy/bootstrap.css
@@ -3875,7 +3875,7 @@ textarea.form-control-lg {
   --bs-nav-tabs-border-color: #333;
   --bs-nav-tabs-border-radius: var(--bs-border-radius);
   --bs-nav-tabs-link-hover-border-color: #333;
-  --bs-nav-tabs-link-active-color: #333;
+  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
   --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
   --bs-nav-tabs-link-active-border-color: #333;
   border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
@@ -4722,7 +4722,7 @@ textarea.form-control-lg {
   --bs-breadcrumb-border-radius: 0.25rem;
   --bs-breadcrumb-divider-color: #333;
   --bs-breadcrumb-item-padding-x: 0.5rem;
-  --bs-breadcrumb-item-active-color: #333;
+  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
   display: flex;
   flex-wrap: wrap;
   padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);

diff --git a/dist/sketchy/bootstrap.min.css b/dist/sketchy/bootstrap.min.css
diff --git a/dist/sketchy/bootstrap.min.css.map b/dist/sketchy/bootstrap.min.css.map
diff --git a/dist/sketchy/bootstrap.rtl.css b/dist/sketchy/bootstrap.rtl.css
@@ -3873,7 +3873,7 @@ textarea.form-control-lg {
   --bs-nav-tabs-border-color: #333;
   --bs-nav-tabs-border-radius: var(--bs-border-radius);
   --bs-nav-tabs-link-hover-border-color: #333;
-  --bs-nav-tabs-link-active-color: #333;
+  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
   --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
   --bs-nav-tabs-link-active-border-color: #333;
   border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
@@ -4720,7 +4720,7 @@ textarea.form-control-lg {
   --bs-breadcrumb-border-radius: 0.25rem;
   --bs-breadcrumb-divider-color: #333;
   --bs-breadcrumb-item-padding-x: 0.5rem;
-  --bs-breadcrumb-item-active-color: #333;
+  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
   display: flex;
   flex-wrap: wrap;
   padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);

diff --git a/dist/sketchy/bootstrap.rtl.min.css b/dist/sketchy/bootstrap.rtl.min.css
diff --git a/dist/sketchy/bootstrap.rtl.min.css.map b/dist/sketchy/bootstrap.rtl.min.css.map
diff --git a/docs/5/sketchy/_variables.scss b/docs/5/sketchy/_variables.scss
@@ -87,7 +87,6 @@ $dropdown-link-hover-bg:            $gray-800 !default;
 
 $nav-tabs-border-color:             $gray-800 !default;
 $nav-tabs-link-hover-border-color:  $gray-800 !default;
-$nav-tabs-link-active-color:        $gray-800 !default;
 $nav-tabs-link-active-border-color: $gray-800 !default;
 
 // Navbar
@@ -145,7 +144,6 @@ $list-group-action-color:           $gray-800 !default;
 $breadcrumb-padding-y:              .375rem !default;
 $breadcrumb-padding-x:              .75rem !default;
 $breadcrumb-divider-color:          $gray-800 !default;
-$breadcrumb-active-color:           $gray-800 !default;
 $breadcrumb-border-radius:          .25rem !default;
 
 // Close

diff --git a/docs/5/sketchy/bootstrap.css b/docs/5/sketchy/bootstrap.css
@@ -3875,7 +3875,7 @@ textarea.form-control-lg {
   --bs-nav-tabs-border-color: #333;
   --bs-nav-tabs-border-radius: var(--bs-border-radius);
   --bs-nav-tabs-link-hover-border-color: #333;
-  --bs-nav-tabs-link-active-color: #333;
+  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
   --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
   --bs-nav-tabs-link-active-border-color: #333;
   border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
@@ -4722,7 +4722,7 @@ textarea.form-control-lg {
   --bs-breadcrumb-border-radius: 0.25rem;
   --bs-breadcrumb-divider-color: #333;
   --bs-breadcrumb-item-padding-x: 0.5rem;
-  --bs-breadcrumb-item-active-color: #333;
+  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
   display: flex;
   flex-wrap: wrap;
   padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);

diff --git a/docs/5/sketchy/bootstrap.min.css b/docs/5/sketchy/bootstrap.min.css
diff --git a/docs/5/sketchy/bootstrap.min.css.map b/docs/5/sketchy/bootstrap.min.css.map
diff --git a/docs/5/sketchy/bootstrap.rtl.css b/docs/5/sketchy/bootstrap.rtl.css
@@ -3873,7 +3873,7 @@ textarea.form-control-lg {
   --bs-nav-tabs-border-color: #333;
   --bs-nav-tabs-border-radius: var(--bs-border-radius);
   --bs-nav-tabs-link-hover-border-color: #333;
-  --bs-nav-tabs-link-active-color: #333;
+  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
   --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
   --bs-nav-tabs-link-active-border-color: #333;
   border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
@@ -4720,7 +4720,7 @@ textarea.form-control-lg {
   --bs-breadcrumb-border-radius: 0.25rem;
   --bs-breadcrumb-divider-color: #333;
   --bs-breadcrumb-item-padding-x: 0.5rem;
-  --bs-breadcrumb-item-active-color: #333;
+  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
   display: flex;
   flex-wrap: wrap;
   padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);

diff --git a/docs/5/sketchy/bootstrap.rtl.min.css b/docs/5/sketchy/bootstrap.rtl.min.css
diff --git a/docs/5/sketchy/bootstrap.rtl.min.css.map b/docs/5/sketchy/bootstrap.rtl.min.css.map