feat(style): add fonts.

client/src/style/App.scss

@@ -33,6 +33,8 @@
 // Views
 @import 'views/filter-dropdown';
 
+// fonts
+@import 'pages/fonts';
 
 .App {
   min-width: 960px;
@@ -83,10 +85,8 @@ body.hide-scrollbar .Pane2{
 }
 
 .bp3-timezone-picker {
-
   .bp3-button {
-
+    [icon='caret-down'] {
-    [icon="caret-down"] {
       display: none;
     }
   }
@@ -97,10 +97,9 @@ body.hide-scrollbar .Pane2{
 }
 
 .bp3-overlay-backdrop {
-  background-color: rgba(0,10,30, .7);
+  background-color: rgba(0, 10, 30, 0.7);
 }
 
-
 .ReactVirtualized__Collection {
 }
 

client/src/style/pages/fonts.scss

@@ -0,0 +1,80 @@
+// Regular 1
+@font-face {
+  font-family: Noto Sans;
+  src: url('../fonts/NotoSans-Regular.woff') format('woff');
+  font-style: normal;
+  display: swap;
+  font-weight: 400;
+}
+
+//Bold 2
+@font-face {
+  font-family: Noto Sans;
+  src: url('../fonts/NotoSans-Black.woff') format('woff');
+  font-style: normal;
+  display: swap;
+  font-weight: 700;
+}
+
+// Extra Bold 3
+@font-face {
+  font-family: Noto Sans;
+  src: url('../fonts/NotoSans-ExtraBold.woff') format('woff');
+  font-style: normal;
+  font-weight: 900;
+  display: swap;
+}
+
+// Medium 4
+@font-face {
+  font-family: Noto Sans;
+  src: url('../fonts/NotoSans-Medium.woff') format('woff');
+  font-style: normal;
+  display: swap;
+  font-weight: 500;
+}
+
+// Light 5
+@font-face {
+  font-family: Noto Sans;
+  src: url('../fonts/NotoSans-Light.woff') format('woff');
+  font-style: normal;
+  display: swap;
+  font-weight: 300;
+}
+
+// Thin 6
+@font-face {
+  font-family: Noto Sans;
+  src: url('../fonts/NotoSans-Thin.woff') format('woff');
+  font-style: normal;
+  display: swap;
+  font-weight: 100;
+}
+
+// Italic 7
+@font-face {
+  font-family: Noto Sans;
+  src: url('../fonts/NotoSans-Italic.woff') format('woff');
+  font-style: italic;
+  display: swap;
+  font-weight: 400;
+}
+
+// Extra Light 8
+@font-face {
+  font-family: Noto Sans;
+  src: url('../fonts/NotoSans-ExtraLight.woff') format('woff');
+  font-style: normal;
+  display: swap;
+  font-weight: 400;
+}
+
+// SemiBold 9
+@font-face {
+  font-family: Noto Sans;
+  src: url('../fonts/NotoSans-SemiBold.woff') format('woff');
+  font-style: normal;
+  display: swap;
+  font-weight: 400;
+}

client/src/style/variables.scss

@@ -24,9 +24,9 @@ $button-box-shadow-active: 0 0 0 !default;
 $button-intent-box-shadow: 0 0 0 !default;
 $button-intent-box-shadow-active: 0 0 0 !default;
 
-$button-background-color-disabled: #E9ECEF !default;
+$button-background-color-disabled: #e9ecef !default;
-$button-background-color: #E6EFFB !default;
+$button-background-color: #e6effb !default;
-$button-background-color-hover: #CFDCEE !default;
+$button-background-color-hover: #cfdcee !default;
 
 $sidebar-background: #01115e;
 $sidebar-text-color: #fff;