fix css, using shared color palette

NordicSemiconductor · Sep 26, 2022 · 456d558 · 456d558
1 parent b5d104c
commit 456d558
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/resources/css/canvas.scss b/resources/css/canvas.scss
@@ -7,24 +7,24 @@
 .canvas-container {
     width: 100%;
     height: 100%;
-    overflow: auto;
+    overflow: scroll;
 
     &::-webkit-scrollbar,
     &::-webkit-scrollbar-corner {
-        width: 20px;
-        height: 5px;
+        width: 10px;
+        height: 0px; // Needed, don't remove
     }
 
     &::-webkit-scrollbar-thumb {
-        background: #607d8b;
-        border-radius: 14px;
-        border: 5px solid white;
+        background: $gray-500;
+        border-radius: 5px;
+        border: 3px solid white;
     }
     &::-webkit-scrollbar-thumb:hover {
-        background: #455a64;
+        background: $gray-700;
     }
 
     canvas {
-        background-color: white;
+        border: 1px solid white;
     }
 }
diff --git a/resources/css/section-info-view.scss b/resources/css/section-info-view.scss
@@ -10,14 +10,14 @@
     min-width: 155px;
     .fields {
         padding-top: 12px;
-        border-bottom: 1px solid #b0bec5;
+        border-bottom: 1px solid $gray-200;
     }
     div:last-child {
         border: none;
     }
     p {
         text-align: left !important;
         padding-top: 0 !important;
-        color: #263238 !important;
+        color: $gray-900 !important;
     }
 }