Drop dark variants

Orange-OpenSource · Oct 2, 2023 · 70c6f34 · 70c6f34
1 parent 42815fb
commit 70c6f34
Show file tree

Hide file tree

Showing 30 changed files with 88 additions and 682 deletions.
diff --git a/scss/_accordion.scss b/scss/_accordion.scss
@@ -155,17 +155,3 @@
   --#{$prefix}accordion-btn-letter-spacing: #{$accordion-button-letter-spacing-lg};
   // scss-docs-end accordion-lg-css-vars
 }
-
-// Deprecated in v5.3.3
-.accordion-dark {
-  // scss-docs-start accordion-dark-css-vars
-  --#{$prefix}accordion-btn-color: #{$accordion-dark-button-color};
-  --#{$prefix}accordion-btn-bg: #{$accordion-dark-button-bg};
-  --#{$prefix}accordion-btn-hover-bg: #{$accordion-dark-button-hover-bg};
-  --#{$prefix}accordion-active-color: #{$accordion-dark-button-active-color};
-  --#{$prefix}accordion-border-color: #{$accordion-dark-border-color};
-  --#{$prefix}accordion-color: #{$accordion-dark-color};
-  --#{$prefix}accordion-bg: #{$accordion-dark-bg};
-  // scss-docs-end accordion-dark-css-vars
-}
-// End mod
diff --git a/scss/_breadcrumb.scss b/scss/_breadcrumb.scss
@@ -48,18 +48,3 @@
     color: var(--#{$prefix}breadcrumb-item-active-color);
   }
 }
-
-// Boosted mod
-.breadcrumb-dark {
-  // scss-docs-start breadcrumb-dark-css-vars
-  --#{$prefix}breadcrumb-color: #{$breadcrumb-dark-color}; // Boosted mod
-  --#{$prefix}breadcrumb-bg: #{$breadcrumb-dark-bg}; // Boosted mod
-  --#{$prefix}breadcrumb-divider-color: #{$breadcrumb-dark-divider-color}; // Boosted mod
-  --#{$prefix}breadcrumb-item-active-color: #{$breadcrumb-dark-active-color}; // Boosted mod
-  // scss-docs-end breadcrumb-dark-css-vars
-
-  .breadcrumb-item::before {
-    filter: $invert-filter;
-  }
-}
-// End mod
diff --git a/scss/_buttons.scss b/scss/_buttons.scss
@@ -95,54 +95,35 @@
 // Alternate buttons
 //
 
-// Boosted mod: inconsistent theming ¯\_(ツ)_/¯
 // scss-docs-start btn-variant-loops
 .btn-primary,
 .btn-warning {
   @include button-variant($primary, $primary, $active-background: $white, $active-border: $black);
-  &.btn-inverse {
-    @include button-variant($primary, $primary, $black, $white, $white, $black, $black, $white, $white, $gray-700, $gray-700, $black, $black);
-  }
 }
 
 .btn-light,
 .btn-secondary {
   @include button-variant($white, $black, $disabled-background: $white, $disabled-border: $gray-500, $disabled-color: $gray-500);
-  &.btn-inverse {
-    @include button-variant($black, $white, $white, $white, $white, $black, $primary, $primary, $black, transparent, $gray-700, $gray-700, $black);
-  }
 }
 
 .btn-success {
   @include button-variant($success, $success);
-  &.btn-inverse {
-    @include button-variant($success, $success, $black,  $white, $white, $black, $primary, $primary, $black, $gray-700, $gray-700, $black, $black);
-  }
 }
 
 .btn-info,
 .btn-dark {
   @include button-variant($black, $black, $white, $white, $black, $black);
-  &.btn-inverse {
-    @include button-variant($white, $white, $black, $black, $white, $white, $primary, $primary, $black, $gray-700, $gray-700, $black, $black);
-  }
 }
 
 .btn-danger {
   @include button-variant($danger, $danger);
-  &.btn-inverse {
-    @include button-variant($danger, $danger, $white, $white, $white, $black, $primary, $primary, $black, $gray-700, $gray-700, $black, $black);
-  }
 }
 // scss-docs-end btn-variant-loops
 // End mod
 
 // Boosted mod: only secondary variant
 .btn-outline-secondary {
   @include button-variant(transparent, $black, $black, $disabled-background: $white, $disabled-border: $gray-500, $disabled-color: $gray-500);
-  &.btn-inverse {
-    @include button-variant(transparent, $white, $white, $white, $white, $black, $primary, $primary, $black, transparent, $gray-700, $gray-700, $black);
-  }
 }
 // End mod
 
@@ -153,15 +134,6 @@
   --#{$prefix}btn-active-border-color: #{$gray-500};
   --#{$prefix}btn-disabled-color: #{$gray-500};
   --#{$prefix}btn-disabled-border-color: var(--#{$prefix}btn-border-color);
-
-  &.btn-inverse {
-    --#{$prefix}btn-color: #{$white};
-    --#{$prefix}btn-hover-color: #{$white};
-    --#{$prefix}btn-hover-border-color: #{$gray-700};
-    --#{$prefix}btn-active-color: #{$brand-orange};
-    --#{$prefix}btn-active-border-color: #{$gray-700};
-    --#{$prefix}btn-disabled-color: #{$gray-700};
-  }
 }
 // End mod
 
@@ -197,12 +169,6 @@
 
   // Boosted mod: no focus-visible color change
 
-  // Boosted mod: btn inverse
-  &.btn-inverse {
-    --#{$prefix}btn-disabled-color: #{$gray-700};
-  }
-  // End mod
-
   // No need for an active state here
 }
 
@@ -240,14 +206,6 @@
   --#{$prefix}btn-disabled-bg: transparent;
   @include border-radius(50%, 50%);
   @include button-icon(var(--#{$prefix}network-logo));
-
-  &.btn-inverse {
-    --#{$prefix}btn-color: #{$white};
-    --#{$prefix}btn-active-color: #{$black};
-    --#{$prefix}btn-active-bg: #{$white};
-    --#{$prefix}btn-active-border-color: #{$white};
-    --#{$prefix}btn-disabled-color: #{$gray-700};
-  }
 }
 
 @each $name in map-keys($btn-social-networks) {

diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss
@@ -19,10 +19,6 @@
   // TODO: should probably be a `.btn-*` class
   &:not(.dropdown-toggle-split) {
     @include button-variant($dropdown-bg, $dropdown-border-color, $dropdown-color, $white, $dropdown-border-color, $black, $white, $black, $black, $dropdown-bg, $gray-500, $gray-500);
-
-    &.btn-inverse {
-      @include button-variant($black, $gray-700, $white, $black, $gray-700, $white, $black, $white, $white, transparent, $gray-700, $gray-700);
-    }
   }
   // End mod
 }

diff --git a/scss/_list-group.scss b/scss/_list-group.scss
@@ -212,21 +212,4 @@
   }
 }
 // scss-docs-end list-group-modifiers
-
-.list-group-dark {
-  // scss-docs-start list-group-dark-css-vars
-  --#{$prefix}list-group-color: #{$list-group-dark-color}; // Boosted mod
-  --#{$prefix}list-group-bg: #{$list-group-dark-bg}; // Boosted mod
-  --#{$prefix}list-group-border-color: #{$list-group-dark-border-color}; // Boosted mod
-  --#{$prefix}list-group-action-color: #{$list-group-dark-action-color}; // Boosted mod
-  --#{$prefix}list-group-action-hover-color: #{$list-group-dark-action-hover-color}; // Boosted mod
-  --#{$prefix}list-group-action-active-color: #{$list-group-dark-action-active-color}; // Boosted mod
-  --#{$prefix}list-group-action-active-bg: #{$list-group-dark-action-active-bg}; // Boosted mod
-  --#{$prefix}list-group-disabled-color: #{$list-group-dark-disabled-color}; // Boosted mod
-  --#{$prefix}list-group-disabled-bg: #{$list-group-dark-disabled-bg}; // Boosted mod
-  --#{$prefix}list-group-active-color: #{$list-group-dark-active-color}; // Boosted mod
-  --#{$prefix}list-group-active-bg: #{$list-group-dark-active-bg}; // Boosted mod
-  --#{$prefix}list-group-active-border-color: #{$list-group-dark-active-border-color}; // Boosted mod
-  // scss-docs-end list-group-dark-css-vars
-}
 // End mod
diff --git a/scss/_local-navigation.scss b/scss/_local-navigation.scss
@@ -117,15 +117,3 @@
     }
   }
 }
-
-.local-nav-dark {
-  // scss-docs-start local-nav-dark-css-vars
-  --#{$prefix}local-nav-color: #{$local-nav-dark-color};
-  --#{$prefix}local-nav-bg: #{$local-nav-dark-bg};
-  --#{$prefix}local-nav-hover-color: #{$local-nav-dark-hover-color};
-  --#{$prefix}local-nav-hover-bg: #{$local-nav-dark-hover-bg};
-  --#{$prefix}local-nav-active-color: #{$local-nav-dark-active-color};
-  --#{$prefix}local-nav-active-bg: #{$local-nav-dark-active-bg};
-  --#{$prefix}local-nav-border-color: #{$local-nav-dark-border-color};
-  // scss-docs-end local-nav-dark-css-vars
-}
diff --git a/scss/_pagination.scss b/scss/_pagination.scss
@@ -211,26 +211,4 @@
 
 // Boosted mod: no pagination sizes
 
-// Boosted mod: dark variant
-.pagination-dark {
-  // scss-docs-start pagination-dark-css-vars
-  --#{$prefix}pagination-color: #{$pagination-dark-color}; // Boosted mod
-  --#{$prefix}pagination-bg: #{$pagination-dark-bg}; // Boosted mod
-  --#{$prefix}pagination-border-color: #{$pagination-dark-border-color}; // Boosted mod
-  --#{$prefix}pagination-hover-color: #{$pagination-dark-hover-color}; // Boosted mod
-  --#{$prefix}pagination-hover-bg: #{$pagination-dark-hover-bg}; // Boosted mod
-  --#{$prefix}pagination-hover-border-color: #{$pagination-dark-hover-border-color}; // Boosted mod
-  --#{$prefix}pagination-focus-color: #{$pagination-dark-focus-color}; // Boosted mod
-  --#{$prefix}pagination-focus-bg: #{$pagination-dark-focus-bg}; // Boosted mod
-  --#{$prefix}pagination-active-color: #{$pagination-dark-active-color}; // Boosted mod
-  --#{$prefix}pagination-active-bg: #{$pagination-dark-active-bg}; // Boosted mod
-  --#{$prefix}pagination-active-border-color: #{$pagination-dark-active-border-color}; // Boosted mod
-  --#{$prefix}pagination-active-item-color: #{$pagination-dark-active-item-color}; // Boosted mod
-  --#{$prefix}pagination-active-item-bg: #{$pagination-dark-active-item-bg}; // Boosted mod
-  --#{$prefix}pagination-active-item-border-color: #{$pagination-dark-active-item-border-color}; // Boosted mod
-  --#{$prefix}pagination-disabled-color: #{$pagination-dark-disabled-color}; // Boosted mod
-  --#{$prefix}pagination-disabled-bg: #{$pagination-dark-disabled-bg}; // Boosted mod
-  --#{$prefix}pagination-disabled-border-color: #{$pagination-dark-disabled-border-color}; // Boosted mod
-  // scss-docs-end pagination-dark-css-vars
-}
 // End mod
diff --git a/scss/_root.scss b/scss/_root.scss
@@ -139,87 +139,6 @@
   // scss-docs-end root-form-validation-variables
 }
 
-// scss-docs-start root-dark-rule
-// Boosted mod
-// [class*="bg-black"],
-// [class*="-dark"]:not(.border-dark):not(.text-dark):not(.btn-dark):not(.focus-ring-dark):not(.link-underline-dark):not(.link-dark),
-// [class*="bg-secondary"] {
-//   --#{$prefix}primary-text-rgb: #{to-rgb($brand-orange)};
-//   --#{$prefix}link-color: #{$link-color-inverted};
-//   --#{$prefix}link-hover-color: #{$link-hover-color-inverted};
-//   --#{$prefix}link-color-rgb: #{to-rgb($link-color-inverted)};
-//   --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color-inverted)};
-//   --#{$prefix}focus-visible-inner-color: #{$focus-visible-inner-color-inverted};
-//   --#{$prefix}focus-visible-outer-color: #{$focus-visible-outer-color-inverted};
-//   --#{$prefix}caption-color: #{$table-caption-color-inverted};
-//   --#{$prefix}code-color: #{$code-color-inverted};
-//   --#{$prefix}highlight-color: #{$mark-color-inverted};
-//   --#{$prefix}highlight-bg: #{$mark-bg-inverted};
-//   --#{$prefix}kbd-color: #{$kbd-color-inverted};
-//   --#{$prefix}kbd-bg: #{$kbd-bg-inverted};
-//   --#{$prefix}pre-color: #{$pre-color-inverted};
-//   --#{$prefix}body-color: #{$body-color-dark};
-//   --#{$prefix}heading-color: #{$headings-color-dark};
-
-//   // For testing only, uncomment to see the colors
-//   // --#{$prefix}primary-text-rgb: #ffc0cb;
-//   // --#{$prefix}link-color: #ffc0cb;
-//   // --#{$prefix}link-hover-color: #ffc0cb;
-//   // --#{$prefix}link-color-rgb: #ffc0cb;
-//   // --#{$prefix}link-hover-color-rgb: ##ffc0cb;
-//   // --#{$prefix}focus-visible-inner-color: #ffc0cb;
-//   // --#{$prefix}focus-visible-outer-color: #ffc0cb;
-//   // --#{$prefix}caption-color: #ffc0cb;
-//   // --#{$prefix}code-color: #ffc0cb;
-//   // --#{$prefix}highlight-color: #ffc0cb;
-//   // --#{$prefix}highlight-bg: #ffc0cb;
-//   // --#{$prefix}kbd-color: #ffc0cb;
-//   // --#{$prefix}kbd-bg: #ffc0cb;
-//   // --#{$prefix}pre-color: #ffc0cb;
-//   // --#{$prefix}body-color: #ffc0cb;
-//   // --#{$prefix}heading-color: #ffc0cb;
-
-//   // stylelint-disable-next-line scss/selector-no-redundant-nesting-selector
-//   [class*="bg-"]:not(&):not(.bg-transparent) {
-//     --#{$prefix}primary-text-rgb: #{to-rgb($accessible-orange)};
-//     --#{$prefix}link-color: #{$link-color};
-//     --#{$prefix}link-hover-color: #{$link-hover-color};
-//     --#{$prefix}link-color-rgb: #{to-rgb($link-color)};
-//     --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color)};
-//     --#{$prefix}focus-visible-inner-color: #{$focus-visible-inner-color};
-//     --#{$prefix}focus-visible-outer-color: #{$focus-visible-outer-color};
-//     --#{$prefix}caption-color: #{$table-caption-color};
-//     --#{$prefix}code-color: #{$code-color};
-//     --#{$prefix}highlight-color: #{$mark-color};
-//     --#{$prefix}highlight-bg: #{$mark-bg};
-//     --#{$prefix}kbd-color: #{$kbd-color};
-//     --#{$prefix}kbd-bg: #{$kbd-bg};
-//     --#{$prefix}pre-color: #{$pre-color};
-//     --#{$prefix}body-color: #{$body-color};
-//     --#{$prefix}heading-color: #{$headings-color};
-
-//     // For testing only, uncomment to see the colors
-//     // --#{$prefix}primary-text-rgb: #0ff;
-//     // --#{$prefix}link-color: #0ff;
-//     // --#{$prefix}link-hover-color: #0ff;
-//     // --#{$prefix}link-color-rgb: #0ff;
-//     // --#{$prefix}link-hover-color-rgb: #0ff;
-//     // --#{$prefix}focus-visible-inner-color: #0ff;
-//     // --#{$prefix}focus-visible-outer-color: #0ff;
-//     // --#{$prefix}caption-color: #0ff;
-//     // --#{$prefix}code-color: #0ff;
-//     // --#{$prefix}highlight-color: #0ff;
-//     // --#{$prefix}highlight-bg: #0ff;
-//     // --#{$prefix}kbd-color: #0ff;
-//     // --#{$prefix}kbd-bg: #0ff;
-//     // --#{$prefix}pre-color: #0ff;
-//     // --#{$prefix}body-color: #0ff;
-//     // --#{$prefix}heading-color: #0ff;
-//   }
-// }
-// End mod
-// scss-docs-end root-dark-rule
-
 @if $enable-dark-mode {
   @include color-mode(dark, true) {
     color-scheme: dark;

diff --git a/scss/_stepped-process.scss b/scss/_stepped-process.scss
@@ -143,15 +143,3 @@
     flex: $stepped-process-max-items - 1;
   }
 }
-
-.stepped-process-dark {
-  // scss-docs-start stepped-process-dark-css-vars
-  --#{$prefix}stepped-process-item-bg: #{$step-item-dark-bg};
-  --#{$prefix}stepped-process-item-active-bg: #{$step-item-dark-active-bg};
-  --#{$prefix}stepped-process-item-next-bg: #{$step-item-dark-next-bg};
-  --#{$prefix}stepped-process-item-drop-shadow: #{$step-item-dark-drop-shadow};
-  --#{$prefix}stepped-process-link-color: #{$step-link-dark-color};
-  --#{$prefix}stepped-process-link-active-color: #{$step-link-dark-active-color};
-  --#{$prefix}stepped-process-link-next-color: #{$step-link-dark-next-color};
-  // scss-docs-end stepped-process-dark-css-vars
-}
diff --git a/scss/_tags.scss b/scss/_tags.scss
@@ -129,12 +129,3 @@ label.tag {
   --#{$prefix}tag-close-margin-start: #{$tag-close-margin-start-sm};
   // scss-docs-end tag-sm-css-vars
 }
-
-.tag-dark {
-  // scss-docs-start tag-dark-css-vars
-  --#{$prefix}tag-border-color: #{$tag-border-color-dark};
-  --#{$prefix}tag-active-color: #{$tag-active-color-dark};
-  --#{$prefix}tag-active-decoration-color: #{$tag-active-decoration-color-dark};
-  --#{$prefix}tag-disabled-color: #{$tag-disabled-color-dark};
-  // scss-docs-end tag-dark-css-vars
-}