Adds new Cafe Theme and new font for ThemeDropdown

DataScience-GT · Oct 16, 2023 · 88de59f · 88de59f
1 parent e4a96f1
commit 88de59f
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 0 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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%);
+}