diff --git a/frontend/src/css/app.scss b/frontend/src/css/app.scss
new file mode 100644
index 0000000000..ecac98f346
--- /dev/null
+++ b/frontend/src/css/app.scss
@@ -0,0 +1 @@
+// app global css in SCSS form
diff --git a/frontend/src/css/quasar.variables.scss b/frontend/src/css/quasar.variables.scss
new file mode 100644
index 0000000000..ac6b5070dd
--- /dev/null
+++ b/frontend/src/css/quasar.variables.scss
@@ -0,0 +1,29 @@
+// Quasar SCSS (& Sass) Variables
+// --------------------------------------------------
+// To customize the look and feel of this app, you can override
+// the Sass/SCSS variables found in Quasar's source Sass/SCSS files.
+
+// Check documentation for full list of Quasar variables
+
+// Your own variables (that are declared here) and Quasar's own
+// ones will be available out of the box in your .vue/.scss/.sass files
+
+// It's highly recommended to change the default colors
+// to match your app's branding.
+// Tip: Use the "Theme Builder" on Quasar's documentation website.
+
+// $primary   : #1976D2;
+$primary : #1E6581;
+
+$secondary : #26A69A;
+$accent    : #9C27B0;
+
+$dark      : #1D1D1D;
+
+// $positive  : #21BA45;
+$positive: #64B624;
+// $negative  : #C10015;
+$negative: #CD5029;
+
+$info      : #31CCEC;
+$warning   : #F2C037;