diff --git a/scss/_variables.scss b/scss/_variables.scss index 6871219adb..4a75994cc3 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -2002,7 +2002,7 @@ $progress-height-xs: $spacer * .25 !default; // scss-docs-start list-group-variables $list-group-font-weight: $font-weight-bold !default; // Boosted mod $list-group-color: var(--#{$prefix}body-color) !default; -$list-group-bg: var(--#{$prefix}body-bg) !default; +$list-group-bg: transparent !default; // Boosted mod: instead of `var(--#{$prefix}body-bg)` $list-group-border-color: var(--#{$prefix}border-color-translucent) !default; // Boosted mod: instead of `var(--#{$prefix}border-color)` $list-group-border-width: var(--#{$prefix}border-width) !default; $list-group-border-radius: var(--#{$prefix}border-radius) !default; @@ -2018,10 +2018,10 @@ $list-group-numbered-item-margin-end: 14px !default; // Boosted mod $list-group-hover-bg: var(--#{$prefix}secondary-bg) !default; // Boosted mod: instead of `var(--#{$prefix}tertiary-bg)` $list-group-active-color: var(--#{$prefix}emphasis-color) !default; // Boosted mod: instead of `$component-active-color` -$list-group-active-bg: no-repeat linear-gradient(to right, var(--#{$prefix}link-hover-color) 4px, $gray-400 4px) !default; // Boosted mod: instead of `$component-active-bg` +$list-group-active-bg: no-repeat linear-gradient(to right, var(--#{$prefix}link-hover-color) 4px, var(--#{$prefix}active-bg) 4px) !default; // Boosted mod: instead of `$component-active-bg` $list-group-active-border-color: $list-group-border-color !default; // Boosted mod: instead of `$list-group-active-bg` -$list-group-disabled-color: $gray-500 !default; // Boosted mod: instead of `var(--#{$prefix}secondary-color)` +$list-group-disabled-color: var(--#{$prefix}disabled-color) !default; // Boosted mod: instead of `var(--#{$prefix}secondary-color)` $list-group-disabled-bg: $list-group-bg !default; $list-group-action-color: var(--#{$prefix}emphasis-color) !default; // Boosted mod: instead of `var(--#{$prefix}secondary-color)` diff --git a/site/content/docs/5.3/dark-mode.md b/site/content/docs/5.3/dark-mode.md index 717f2d3576..b7da01dfce 100644 --- a/site/content/docs/5.3/dark-mode.md +++ b/site/content/docs/5.3/dark-mode.md @@ -1725,6 +1725,183 @@ sitemap_exclude: true +### List group + +

No theme

+ +
+
    +
  1. A list item
    2. +
  2. A list item
    3. +
  3. A list item
    4. +
  4. A simple success list group item
    5. +
  5. A simple info list group item
    6. +
  6. A simple warning list group item
    7. +
  7. A simple danger list group item
    8. +
  8. A simple disabled info list group item
    9. +
+
+ + + + + + + + +
+ +
+ + + +
+
+ +

Dark theme on container

+ +
+
    +
  1. A list item
    2. +
  2. A list item
    3. +
  3. A list item
    4. +
  4. A simple success list group item
    5. +
  5. A simple info list group item
    6. +
  6. A simple warning list group item
    7. +
  7. A simple danger list group item
    8. +
  8. A simple disabled info list group item
    9. +
+
+ + + + + + + + +
+ +
+ + + +
+
+ +

Light theme on container

+ +
+
    +
  1. A list item
    2. +
  2. A list item
    3. +
  3. A list item
    4. +
  4. A simple success list group item
    5. +
  5. A simple info list group item
    6. +
  6. A simple warning list group item
    7. +
  7. A simple danger list group item
    8. +
  8. A simple disabled info list group item
    9. +
+
+ + + + + + + + +
+ +
+ + + +
+
+ +

Dark theme on component

+ +
+
    +
  1. A list item
    2. +
  2. A list item
    3. +
  3. A list item
    4. +
  4. A simple success list group item
    5. +
  5. A simple info list group item
    6. +
  6. A simple warning list group item
    7. +
  7. A simple danger list group item
    8. +
  8. A simple disabled info list group item
    9. +
+
+ + + + + + + + +
+ +
+ + + +
+
+ +

Light theme on component

+ +
+
    +
  1. A list item
    2. +
  2. A list item
    3. +
  3. A list item
    4. +
  4. A simple success list group item
    5. +
  5. A simple info list group item
    6. +
  6. A simple warning list group item
    7. +
  7. A simple danger list group item
    8. +
  8. A simple disabled info list group item
    9. +
+
+ + + + + + + + +
+ +
+ + + +
+
+ ### Local navigation

No theme

diff --git a/site/data/palette.yml b/site/data/palette.yml index 05caf52cb2..ca6a921757 100644 --- a/site/data/palette.yml +++ b/site/data/palette.yml @@ -55,41 +55,21 @@ level: success hex: "#228722" variable: $functional-green - - name: Green on dark - class: green - level: success - hex: "#32c832" - variable: $functional-green-dark - name: Blue class: blue level: info hex: "#4170d8" variable: $functional-blue - - name: Blue on dark - class: blue - level: info - hex: "#527edb" - variable: $functional-blue-dark - name: Yellow - class: yellow - level: warning - hex: "#8f7200" - variable: $functional-yellow - - name: Yellow on dark class: yellow level: warning hex: "#fc0" - variable: $functional-yellow-dark + variable: $functional-yellow - name: Red class: red level: danger hex: "#cd3c14" variable: $functional-red - - name: Red on dark - class: red - level: danger - hex: "#d53f15" - variable: $functional-red-dark - category: Grays name: "Grays" colors: