create project vue

src/style/quasar-variables.sass

@@ -0,0 +1,87 @@
+// FILE (create it): src/quasar-variables.sass
+
+$primary: #02A998
+$secondary: #016987
+$accent: #9C27B0
+
+// $dark: #1D1D1D
+$dark: #35473C
+
+$positive: #21BA45
+$negative: #C10015
+$info: #31CCEC
+$warning: #F2C037
+
+$add: #00aa86
+.text-add
+    color: $add !important
+.bg-add
+    background: $add !important
+
+$edit: #019fc4
+.text-edit
+    color: $edit !important
+.bg-edit
+    background: $edit !important
+
+$public: #016987
+.text-public
+    color: $public !important
+.bg-public
+    background: $public !important
+
+$save: #4154b3
+.text-save
+    color: $save !important
+.bg-save
+    background: $save !important
+
+$nativetab: #c8d3db
+.text-nativetab
+    color: $nativetab !important
+.bg-nativetab
+    background: $nativetab !important
+
+$activetab: #4a5568
+.text-activetab
+    color: $activetab !important
+.bg-activetab
+    background: $activetab !important
+
+.inputgreen .q-field__prefix,
+.inputgreen .q-field__suffix,
+.inputgreen .q-field__input,
+.inputgreen .q-field__native
+
+    color: rgb(6, 136, 77)
+
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100;200;300;400;500;600;700;800;900&display=swap')
+
+$noto-thai: 'Noto Sans Thai', sans-serif
+
+#azay-app,
+div
+    font-family: $noto-thai !important
+    text-rendering: optimizeLegibility
+    -webkit-font-smoothing: antialiased
+    -moz-osx-font-smoothing: grayscale
+
+$separator-color: #EDEDED !default
+
+.table_ellipsis
+  max-width: 200px
+  white-space: nowrap
+  overflow: hidden
+  text-overflow: ellipsis
+
+.table_ellipsis:hover
+  word-wrap: break-word
+  overflow: visible
+  white-space: normal
+
+$muti-tab: #87d4cc
+.text-muti-tab
+    color: $muti-tab !important
+.bg-muti-tab
+    background: $muti-tab !important
+