USWDS-Site - Accordion: Add accordion color settings

_data/changelogs/component-accordion.yml

@@ -2,6 +2,16 @@ title: Accordion
 type: component
 changelogURL:
 items:
+  - date: 2023-05-03
+    summary: Added two new settings to customize accordion background colors.
+    summaryAdditional: You can now customize accordion button and content background colors.
+    isBreaking: false
+    affectsJavascript: false
+    affectsMarkup: false
+    affectsStyles: true
+    githubPr: 5269
+    githubRepo: uswds
+    versionUswds: 3.5.0
   - date: 2022-08-05
     summary: Added `type="button"` to all non-form buttons to prevent default submit behaviors.
     summaryAdditional: This allowed us to remove `preventDefault()` from the relevant component JavaScript.
@@ -40,4 +50,4 @@ items:
     affectsAssets: true
     githubPr: 4061
     githubRepo: uswds
-    versionUswds: 2.10.2
+    versionUswds: 2.10.2

_data/changelogs/docs-settings.yml

@@ -2,6 +2,17 @@ title: Settings
 type: utility
 changelogURL:
 items:
+  - date: 2023-05-03
+    summary: Added accordion color settings.
+    summaryAdditional:
+    affectsAccessibility:
+    affectsAssets:
+    affectsGuidance: true
+    affectsJavascript:
+    affectsMarkup:
+    affectsStyles: false
+    githubPr: 2081
+    githubRepo: uswds-site
   - date: 2023-03-20
     summary: Updated settings information to match what is found in USWDS.
     summaryAdditional:
@@ -109,7 +120,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: Content background color of the accordion.
+    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: Button background color of the accordion.
+    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