make the chipset match the settings color

Author: medyo

src/components/Elements/ChipsSet/chipset.css

@@ -40,3 +40,10 @@
   background-color: var(--chip-active-background);
   color: var(--chip-active-text);
 }
+
+.chipsSet.alternative-color .chip {
+  background-color: var(--card-action-button-background);
+}
+.chipsSet.alternative-color .chip.active {
+  background-color: var(--card-active-action-button-background);
+}

src/features/settings/components/SettingsModal.tsx

@@ -228,7 +228,7 @@ export const SettingsModal = ({ showSettings, setShowSettings }: SettingsModalPr
           <p className="settingTitle">Max number of cards to display</p>
           <div className="settingContent">
             <ChipsSet
-              className={'noMargin'}
+              className={'noMargin alternative-color'}
               canSelectMultiple={false}
               options={[
                 {