drone

src/css/app.scss

@@ -1,18 +1,18 @@
 // app global css in SCSS form
 .text-brand {
-  color: #27A7E7 !important;
+  color: $brand !important;
 }
   
 .bg-brand {
-  background: #27A7E7 !important;
+  background: $brand !important;
 }
 
 .text-brand2 {
-  color: #F36D3A !important;
+  color: $brand2 !important;
 }
   
 .bg-brand2 {
-  background: #F36D3A !important;
+  background: $brand2 !important;
 }
 
 $base-width: 100;
@@ -21,10 +21,14 @@ $base-width: 100;
    $base-width: $base-width - 10;
 }
 
-$base-height: 100;
-@while $base-height > 0 {
-   .h#{$base-height} { height: #{$base-height}+'%'; }
-   $base-height: $base-height - 10;
+body, html, #q-app {
+  font-family: $typography-font-family;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+* {
+  font-family: inherit;
 }
 
 :root {
@@ -76,9 +80,14 @@ body {
 
 @font-face {
   font-family: 'myFont';
-  src: url(./fonts/OpenSans-Regular.woff2);
+  src: url(./fonts/Inter-Regular.woff2);
 }
 
-button[disabled] {
+.fix-disabled-btn.q-btn[disabled]:not(.q-btn--flat) {
   background-color: $grey-5 !important;
 }
+
+.fix-disabled-btn.q-btn.q-btn--flat[disabled] {
+  color: $grey-9 !important;
+  opacity: 1;
+}