From 88de59f32c39dc965520273dea42cae1214c43d5 Mon Sep 17 00:00:00 2001
From: Omanshb <73659149+Omanshb@users.noreply.github.com>
Date: Mon, 16 Oct 2023 16:44:00 -0400
Subject: [PATCH] Adds new Cafe Theme and new font for ThemeDropdown

---
 client/src/Context/ThemeContext.ts                        | 1 +
 .../components/ThemeDropdown/ThemeDropdown.module.scss    | 1 +
 client/src/components/ThemeDropdown/ThemeDropdown.tsx     | 1 +
 client/src/index.css                                      | 8 ++++++++
 4 files changed, 11 insertions(+)

diff --git a/client/src/Context/ThemeContext.ts b/client/src/Context/ThemeContext.ts
index 6e3f806..c3ac396 100644
--- a/client/src/Context/ThemeContext.ts
+++ b/client/src/Context/ThemeContext.ts
@@ -5,6 +5,7 @@ export enum Theme {
   Dark = "Dark",
   Black = "Black",
   Bubblegum = "Bubblegum",
+  Cafe = "Cafe",
 }
 
 export type ThemeContextType = {
diff --git a/client/src/components/ThemeDropdown/ThemeDropdown.module.scss b/client/src/components/ThemeDropdown/ThemeDropdown.module.scss
index 0976923..3859fc9 100644
--- a/client/src/components/ThemeDropdown/ThemeDropdown.module.scss
+++ b/client/src/components/ThemeDropdown/ThemeDropdown.module.scss
@@ -1,6 +1,7 @@
 .ThemeDropdown {
   height: 52px;
   select {
+    font-family:Verdana, Geneva, Tahoma, sans-serif;
     height: 100%;
     padding: 4px 20px;
     border: 2px solid var(--borderColor);
diff --git a/client/src/components/ThemeDropdown/ThemeDropdown.tsx b/client/src/components/ThemeDropdown/ThemeDropdown.tsx
index 9201c46..68fd828 100644
--- a/client/src/components/ThemeDropdown/ThemeDropdown.tsx
+++ b/client/src/components/ThemeDropdown/ThemeDropdown.tsx
@@ -21,6 +21,7 @@ const ThemeDropdown: FC<ThemeDropdownProps> = () => {
         <option value={Theme.Dark}>{Theme.Dark}</option>
         <option value={Theme.Black}>{Theme.Black}</option>
         <option value={Theme.Bubblegum}>{Theme.Bubblegum}</option>
+        <option value={Theme.Cafe}>{Theme.Cafe}</option>
       </select>
     </div>
   );
diff --git a/client/src/index.css b/client/src/index.css
index 90aa107..87093f8 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -62,3 +62,11 @@ code {
   --svgFilter: invert(47%) sepia(31%) saturate(720%) hue-rotate(138deg)
     brightness(88%) contrast(91%);
 }
+.CafeCoffeeTheme {
+  --background: #ffceb4; 
+  --foreground: #6e463f; 
+  --borderColor: #4a372d; 
+  --hover: #d1afa2;  
+  --svgFilter: sepia(60%) saturate(120%) hue-rotate(18deg)
+    brightness(95%) contrast(85%);
+}