Merge branch 'master' into temporalmedia-mehek

1 files changed, 14 insertions, 14 deletions

diff --git a/src/client/views/DocumentDecorations.scss b/src/client/views/DocumentDecorations.scss
index db2d56aa8..1715f35e7 100644
--- a/src/client/views/DocumentDecorations.scss
+++ b/src/client/views/DocumentDecorations.scss
@@ -1,4 +1,4 @@
-@import "globalCssVariables";
+@import "global/globalCssVariables";
 
 $linkGap : 3px;
 
@@ -49,7 +49,7 @@ $linkGap : 3px;
     .documentDecorations-bottomResizer,
     .documentDecorations-rightResizer {
         pointer-events: auto;
-        background: $alt-accent;
+        background: $medium-gray;
         opacity: 0.1;
         &:hover {
             opacity: 1;
@@ -251,13 +251,13 @@ $linkGap : 3px;
 }
 
 .linkButton-empty:hover {
-    background: $main-accent;
+    background: $medium-gray;
     transform: scale(1.05);
     cursor: pointer;
 }
 
 .linkButton-nonempty:hover {
-    background: $main-accent;
+    background: $medium-gray;
     transform: scale(1.05);
     cursor: pointer;
 }
@@ -271,7 +271,7 @@ $linkGap : 3px;
     flex-direction: row;
     z-index: 998;
     position: absolute;
-    background: $alt-accent;
+    background: $medium-gray;
 }
 
 .linkButtonWrapper {
@@ -286,8 +286,8 @@ $linkGap : 3px;
     text-align: center;
     border-radius: 50%;
     pointer-events: auto;
-    color: $dark-color;
-    border: $dark-color 1px solid;
+    color: $dark-gray;
+    border: $dark-gray 1px solid;
 }
 
 .linkButton-linker:hover {
@@ -302,8 +302,8 @@ $linkGap : 3px;
     border-radius: 50%;
     opacity: 0.9;
     pointer-events: auto;
-    background-color: $dark-color;
-    color: $light-color;
+    background-color: $dark-gray;
+    color: $white;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-size: 75%;
@@ -314,7 +314,7 @@ $linkGap : 3px;
     align-items: center;
 
     &:hover {
-        background: $main-accent;
+        background: $medium-gray;
         transform: scale(1.05);
         cursor: pointer;
     }
@@ -343,13 +343,13 @@ $linkGap : 3px;
     border-radius: 50%;
     opacity: 0.9;
     font-size: 14;
-    background-color: $dark-color;
-    color: $light-color;
+    background-color: $dark-gray;
+    color: $white;
     text-align: center;
     cursor: pointer;
 
     &:hover {
-        background: $main-accent;
+        background: $medium-gray;
         transform: scale(1.05);
     }
 }
@@ -365,7 +365,7 @@ $linkGap : 3px;
     width: max-content;
     font-family: $sans-serif;
     font-size: 12px;
-    background-color: $light-color-secondary;
+    background-color: $light-gray;
     padding: 2px 12px;
     list-style: none;