v6: Cheatsheet Example updates

Updates Buttons and List groups

Author: coliff

site/src/assets/examples/cheatsheet/index.astro

@@ -743,7 +743,11 @@ export const body_class = 'bg-body-tertiary'
           `<button type="button" class="btn-solid theme-link">Link</button>`]} />
 
         <Example showMarkup={false} code={getData('theme-colors').map((themeColor) => `
-          <button type="button" class="btn-solid theme-outline-${themeColor.name}">${themeColor.title}</button>
+          <button type="button" class="btn-outline theme-${themeColor.name}">${themeColor.title}</button>
+          `)} />
+
+        <Example showMarkup={false} code={getData('theme-colors').map((themeColor) => `
+          <button type="button" class="btn-subtle theme-${themeColor.name}">${themeColor.title}</button>
           `)} />
 
         <Example showMarkup={false} code={`
@@ -1129,7 +1133,7 @@ export const body_class = 'bg-body-tertiary'
         <div class="list-group">
           <a href="#" class="list-group-item list-group-item-action">A simple default list group item</a>`,
           ...getData('theme-colors').map((themeColor) => `
-          <a href="#" class="list-group-item list-group-item-action list-group-item-${themeColor.name}">A simple ${themeColor.name} list group item</a>
+          <a href="#" class="list-group-item list-group-item-action theme-${themeColor.name}">A simple ${themeColor.name} list group item</a>
           `),
         `</div>
         `]} />