settings modal

src/components/ui/UIButton.vue

@@ -2,7 +2,7 @@
 interface Props {
   size?: 'xs' | 'sm' | 'md' | 'lg'
   variant?: 'regular' | 'outline'
-  color?: 'regular' | 'primary'
+  color?: 'regular' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'error'
   dropdown?: boolean
 }
 
@@ -22,7 +22,12 @@ const styleClass = computed(() => {
   }
   const colorVariants = {
     regular: '',
-    primary: 'dui-btn-primary'
+    primary: 'dui-btn-primary',
+    secondary: 'dui-btn-secondary',
+    info: 'dui-btn-info',
+    success: 'dui-btn-success',
+    warning: 'dui-btn-warning',
+    error: 'dui-btn-error'
   }
   const variantVariants = {
     regular: '',