use purple as the primary and secondary colors instead of blue

Author: alishaevn

pages/requests/index.js

@@ -9,7 +9,7 @@ import {
 } from '@scientist-softserv/webstore-component-library'
 import {
   configureErrors,
-  dark,
+  primary,
   useDefaultWare,
   useAllRequests
 } from '../../utils'
@@ -58,7 +58,7 @@ const Requests = () => {
       <div className='text-end d-block mt-4 mb-2'>
         <LinkedButton
           buttonProps={{
-            backgroundColor: dark,
+            backgroundColor: primary,
             label: 'Initiate a New Request',
             size: 'large',
           }}

pages/requests/new/[ware].js

@@ -17,7 +17,7 @@ import {
   addDays,
   configureErrors,
   createRequest,
-  dark,
+  primary,
   useInitializeRequest,
 } from '../../../utils'
 
@@ -200,7 +200,7 @@ const StandardRequestOptions = ({ defaultRequiredDate, requestForm, updateReques
     </div>
     <Button
       addClass='btn btn-primary my-4 ms-auto d-block'
-      backgroundColor={dark}
+      backgroundColor={primary}
       label='Initiate Request'
       type='submit'
       size='large'

utils/theme/theme.module.scss

@@ -1,7 +1,7 @@
 // these colors can be customized for each webstore instance. they are the default bootstrap theme colors and are used in bootstrap's theme_colors sass map, so updating these will also make sure that text overlaying areas with these background colors remains accessible. See https://getbootstrap.com/docs/5.0/customize/sass/#maps-and-loops for more details on how to add additional theme colors to this map.
 
-$primary: #294682;
-$secondary: #80A3D6;
+$primary: #614570;
+$secondary: #936AAA;
 $light: #F2F2F2;
 $dark: #070818;
 $success: #B0E298;