fix purple background color for notification reminder pop up & fix failing build (#2224)

* fix notification reminder popup -> purple background

* Prettified Code!

* resolved color to color variables

* Prettified Code!

* fix purple bgcolor for notification reminder popp up & fix failing build

Co-authored-by: unclebinary1001 <unclebinary1001@users.noreply.github.com>

web/components/ui/NotifyReminderPopup/NotifyReminderPopup.module.scss

@@ -1,8 +1,13 @@
+:export {
+  popupBackgroundColor: var(--theme-color-palette-7);
+}
+
 .contentbutton {
   background-color: transparent;
   border: none;
   text-align: left;
   cursor: pointer;
+  color: var(--theme-color-components-text-on-dark);
 }
 
 .closebutton {
@@ -13,10 +18,12 @@
   border: none;
   font-size: 1.3rem;
   cursor: pointer;
+  color: var(--theme-color-components-text-on-dark);
 }
 
 .title {
   border-bottom: none;
   font-weight: bold;
   padding-left: 5px;
+  color: var(--theme-color-components-text-on-dark);
 }

web/components/ui/NotifyReminderPopup/NotifyReminderPopup.tsx

@@ -70,6 +70,7 @@ export const NotifyReminderPopup: FC<NotifyReminderPopupProps> = ({
         title={title}
         content={content}
         overlayInnerStyle={popupStyle}
+        color={styles.popupBackgroundColor}
       >
         {children}
       </Popover>