4 files changed, 10 insertions, 11 deletions
diff --git a/src/client/util/CaptureManager.scss b/src/client/util/CaptureManager.scss
index 11e31fe2e..8679a0101 100644
--- a/src/client/util/CaptureManager.scss
+++ b/src/client/util/CaptureManager.scss
@@ -1,4 +1,4 @@
-@import "../views/global/globalCssVariables";
+@import '../views/global/globalCssVariables.module';
 
 .capture-interface {
     //background-color: whitesmoke !important;
@@ -39,7 +39,7 @@
         align-items: center;
         justify-content: center;
     }
-    
+
     .recordButtonInner {
         border-radius: 100%;
         width: 70%;
@@ -106,7 +106,7 @@
             display: flex;
             justify-content: center;
             align-items: center;
-            background-color: #BDDBE8;
+            background-color: #bddbe8;
             border-radius: 100%;
             font-weight: 800;
             margin-right: 5px;
@@ -154,4 +154,3 @@
         }
     }
 }
-
diff --git a/src/client/util/DragManager.ts b/src/client/util/DragManager.ts
index 427b1c85f..4b1cc1702 100644
--- a/src/client/util/DragManager.ts
+++ b/src/client/util/DragManager.ts
@@ -13,8 +13,7 @@ import { ScriptingGlobals } from './ScriptingGlobals';
 import { SelectionManager } from './SelectionManager';
 import { SnappingManager } from './SnappingManager';
 import { UndoManager } from './UndoManager';
-// import * as globalCssVariables from '../views/global/globalCssVariables.scss';
-const contextMenuZindex = 100002;
+const { default : { contextMenuZindex } } = require('../views/global/globalCssVariables.module.scss'); // prettier-ignore
 
 export type dropActionType = 'embed' | 'copy' | 'move' | 'add' | 'same' | 'inSame' | 'proto' | 'none' | undefined; // undefined = move, "same" = move but don't call dropPropertiesToRemove
 
diff --git a/src/client/util/SettingsManager.scss b/src/client/util/SettingsManager.scss
index bca649bc3..dbfc48c63 100644
--- a/src/client/util/SettingsManager.scss
+++ b/src/client/util/SettingsManager.scss
@@ -1,4 +1,4 @@
-@import '../views/global/globalCssVariables';
+@import '../views/global/globalCssVariables.module';
 
 .settings-interface {
     //background-color: whitesmoke !important;
@@ -187,14 +187,12 @@
     display: flex;
     flex-direction: column;
 
-
     .close-button {
         position: absolute;
         right: 2px;
         top: 2px;
     }
 
-
     .settings-content {
         padding: 10px;
         width: 500px;
diff --git a/src/client/util/reportManager/ReportManager.scss b/src/client/util/reportManager/ReportManager.scss
index cd6a1d934..d82d7fdeb 100644
--- a/src/client/util/reportManager/ReportManager.scss
+++ b/src/client/util/reportManager/ReportManager.scss
@@ -1,4 +1,4 @@
-@import '../../views/global/globalCssVariables';
+@import '../../views/global/globalCssVariables.module';
 
 // header
 
@@ -360,5 +360,8 @@
     padding: 4px 10px;
     font-size: 10px;
     border-radius: 32px;
-    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
+    transition:
+        background-color 0.2s ease,
+        color 0.2s ease,
+        border-color 0.2s ease;
 }