2 files changed, 18 insertions, 2 deletions
diff --git a/src/client/views/global/globalCssVariables.scss b/src/client/views/global/globalCssVariables.scss
index 7556f8b8a..caa9f4fe5 100644
--- a/src/client/views/global/globalCssVariables.scss
+++ b/src/client/views/global/globalCssVariables.scss
@@ -1,6 +1,7 @@
 @import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
 // colors
 $white: #ffffff;
+$off-white: #fdfdfd;
 $light-gray: #dfdfdf;
 $medium-gray: #9f9f9f;
 $dark-gray: #323232;
@@ -8,6 +9,7 @@ $black: #000000;
 
 $light-blue: #bdddf5;
 $medium-blue: #4476f7;
+$medium-blue-alt: #4476f73d;
 $pink: #e0217d;
 $yellow: #f5d747;
 
@@ -15,6 +17,7 @@ $close-red: #e48282;
 
 $drop-shadow: "#32323215";
 
+
 //padding
 $minimum-padding: 4px;
 $medium-padding: 16px;
@@ -24,7 +27,8 @@ $large-padding: 32px;
 $icon-size: 28px;
 
 // fonts
-$sans-serif: "Roboto", sans-serif;
+$sans-serif: "Roboto",
+sans-serif;
 $large-header: 16px;
 $body-text: 12px;
 $small-text: 9px;
@@ -43,6 +47,13 @@ $radialMenu-zindex: 100000; // context menu shows up over everything
 // borders
 $standard-border: solid 1px #9f9f9f;
 
+// border radius
+$standard-border-radius: 3px;
+
+// shadow
+$standard-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
+
+
 $searchpanel-height: 32px;
 $mainTextInput-zindex: 999; // then text input overlay so that it's context menu will appear over decorations, etc
 $docDecorations-zindex: 998; // then doc decorations appear over everything else
@@ -67,4 +78,4 @@ $TREE_BULLET_WIDTH: 20px;
     DFLT_IMAGE_NATIVE_DIM: $DFLT_IMAGE_NATIVE_DIM;
     MENU_PANEL_WIDTH: $MENU_PANEL_WIDTH;
     TREE_BULLET_WIDTH: $TREE_BULLET_WIDTH;
-}
+}
+\ No newline at end of file
diff --git a/src/client/views/global/globalEnums.tsx b/src/client/views/global/globalEnums.tsx
index 2aeb8e338..56779c37c 100644
--- a/src/client/views/global/globalEnums.tsx
+++ b/src/client/views/global/globalEnums.tsx
@@ -5,6 +5,7 @@ export enum Colors {
     LIGHT_GRAY = "#DFDFDF",
     WHITE = "#FFFFFF",
     MEDIUM_BLUE = "#4476F7",
+    MEDIUM_BLUE_ALT = "#4476f73d", // REDUCED OPACITY
     LIGHT_BLUE = "#BDDDF5",
     PINK = "#E0217D",
     YELLOW = "#F5D747",
@@ -35,4 +36,8 @@ export enum IconSizes {
 
 export enum Borders {
     STANDARD = "solid 1px #9F9F9F"
+}
+
+export enum Shadows {
+    STANDARD_SHADOW = "0px 3px 4px rgba(0, 0, 0, 0.3)"
 }
 \ No newline at end of file