style button

src/style/quasar-variables.sass

@@ -13,10 +13,50 @@ $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
 .bg-white-btn
     background: #ffffff20 !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
@@ -28,4 +68,4 @@ div
     -webkit-font-smoothing: antialiased
     -moz-osx-font-smoothing: grayscale
 
-$separator-color: #EDEDED !default
+$separator-color: #EDEDED !default