change logo

src/css/app.scss

@@ -1,17 +1,17 @@
 .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;
@@ -20,6 +20,16 @@ $base-width: 100;
    $base-width: $base-width - 10;
 }
 
+body, html, #q-app {
+  font-family: $typography-font-family;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+* {
+  font-family: inherit;
+}
+
 :root {
   --body-width: 1200px;
   --logo-color-bg-white: grey;

src/css/quasar.variables.scss

@@ -24,14 +24,7 @@ $negative  : #C10015;
 $info      : #31CCEC;
 $warning   : #F2C037;
 
+$brand: #27A7E7;
+$brand2: #F36D3A;
+
 $typography-font-family : 'myFont', Roboto !default;
-
-body, html, #q-app {
-  font-family: $typography-font-family;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-* {
-  font-family: inherit;
-}