Merge pull request #2081 from uswds/jm-accordion-background

USWDS-Site - Accordion: Add accordion color settings

_data/changelogs/component-accordion.yml

@@ -2,6 +2,17 @@ title: Accordion
 type: component
 changelogURL:
 items:
+  - date: NNNN-NN-NN
+    summary: Added two new settings to customize accordion background colors.
+    summaryAdditional: You can now customize accordion button and content background colors with `$theme-accordion-button-background-color` and `$theme-accordion-background-color`.
+    isBreaking: false
+    affectsJavascript: false
+    affectsMarkup: false
+    affectsStyles: true
+    affectsSettings: true
+    githubPr: 5269
+    githubRepo: uswds
+    versionUswds: 3.5.0
   - date: NNNN-NN-NN
     summary: Adjusted forced colors mode styles to ensure visibility and increase consistency.
     summaryAdditional: Forced colors mode styles will now override the background color and display the button outline. The open/close icons now dynamically adjust to `ButtonText` colors.
@@ -48,4 +59,4 @@ items:
     affectsAssets: true
     githubPr: 4061
     githubRepo: uswds
-    versionUswds: 2.10.2
+    versionUswds: 2.10.2

_data/changelogs/docs-settings.yml

@@ -2,6 +2,19 @@ title: Settings
 type: utility
 changelogURL:
 items:
+  - date: NNNN-NN-NN
+    summary: Added accordion color settings.
+    summaryAdditional: You can now customize accordion button and content background colors with `$theme-accordion-button-background-color` and `$theme-accordion-background-color`.
+    affectsAccessibility:
+    affectsAssets:
+    affectsGuidance: true
+    affectsSettings: true
+    affectsJavascript:
+    affectsMarkup:
+    affectsStyles: false
+    githubPr: 2081
+    githubRepo: uswds-site
+    versionUswds: 3.5.0
   - date: NNNN-NN-NN
     summary: Added settings for announcing external links.
     summaryAdditional: Added `$theme-external-link-sr-label-tab-same` and `$theme-external-link-sr-label-tab-new` to control how screen readers announce external links.
@@ -126,7 +139,7 @@ items:
     versionUswds: 3.0.2
   - date: 2022-06-17
     summary: Fixed errors related to `$theme-body-background-color`.
-    summaryAdditional:  Updated icons so that custom background colors no longer cause compile failures.
+    summaryAdditional: Updated icons so that custom background colors no longer cause compile failures.
     affectsAccessibility:
     affectsAssets: true
     affectsGuidance:

_data/settings/components/accordion.yml

@@ -1,5 +1,10 @@
 name: Accordion
 contents:
+  - name: Background color
+    description: Background color of the accordion content.
+    var: $theme-accordion-background-color
+    default: "default"
+    type: color
   - name: Border width
     description: Border width of the bordered accordion.
     var: $theme-accordion-border-width
@@ -10,6 +15,11 @@ contents:
     var: $theme-accordion-border-color
     default: '"base-lightest"'
     type: color
+  - name: Button background color
+    description: Background color of the accordion button.
+    var: $theme-accordion-button-background-color
+    default: '"base-lightest"'
+    type: color
   - name: Font family
     description: Font family of the accordion.
     var: $theme-accordion-font-family