merged

1 files changed, 24 insertions, 9 deletions

diff --git a/src/client/views/ContextMenu.scss b/src/client/views/ContextMenu.scss
index 8bc7708f7..3b1b18f88 100644
--- a/src/client/views/ContextMenu.scss
+++ b/src/client/views/ContextMenu.scss
@@ -1,9 +1,24 @@
+@import "globalCssVariables";
 .contextMenu-cont {
-    position: absolute;
-    display: flex;
-    z-index: 1000;
-    box-shadow: #AAAAAA .2vw .2vw .4vw;
-    flex-direction: column;
+  position: absolute;
+  display: flex;
+  z-index: $contextMenu-zindex;
+  box-shadow: $intermediate-color 0.2vw 0.2vw 0.4vw;
+  flex-direction: column;
+}
+
+.contextMenu-item:first-child {
+  background: $intermediate-color;
+  color: $light-color;
+}
+
+.contextMenu-item:first-child::placeholder {
+  color: $light-color;
+}
+
+.contextMenu-item:first-child:hover {
+  background: $intermediate-color;
+  color: $light-color;
 }
 
 .subMenu-cont {
@@ -30,7 +45,7 @@
     transition: all .1s;
     border-width: .11px;
     border-style: none;
-    border-color: rgb(187, 186, 186);
+    border-color: $intermediate-color; //  rgb(187, 186, 186);
     border-bottom-style: solid;
     padding: 10px;
     white-space: nowrap;
@@ -38,8 +53,8 @@
 }
 
 .contextMenu-item:hover {
-    transition: all .1s;
-    background: #B0E0E6;
+  transition: all 0.1s;
+  background: $lighter-alt-accent;
 }
 
 .contextMenu-description {
@@ -51,4 +66,4 @@
 
 .icon-background {
     background-color: #DDDDDD;
-}
\ No newline at end of file
+}