larger ui

frontend/src/components/BaseButton.tsx

@@ -31,7 +31,7 @@ export default function BaseButton({
   href,
   target,
   type,
-  color = 'white',
+  color = 'danger',
   className = '',
   iconClassName = '',
   asAnchor = false,
@@ -64,7 +64,7 @@ export default function BaseButton({
   } else if (small) {
     componentClass.push('text-sm', roundedFull ? 'px-3 py-1' : 'p-1');
   } else {
-    componentClass.push('py-2', roundedFull ? 'px-6' : 'px-3');
+    componentClass.push('py-3', roundedFull ? 'px-6' : 'px-4');
   }
 
   if (disabled) {

frontend/src/css/main.css

@@ -12,6 +12,14 @@
 @import '_theme.css';
 @import '_rich-text.css';
 
+html {
+  font-size: 18px;
+}
+body {
+  line-height: 1.6;
+}
+
+
 .introjs-tooltip {
   @apply min-w-[400px] max-w-[480px] p-2 !important;
 }

frontend/tailwind.config.js

@@ -62,7 +62,22 @@ module.exports = {
           500: '#D9DBE9',
           400: '#EFF0F6',
           300: '#F7F7FC',
+        red: {
+          500: '#E63946',
+          600: '#D62839',
         },
+        red: {
+          300: '#F56565',
+          500: '#E63946',
+          600: '#C5303C',
+          700: '#9B2C2C',
+        },
+
+        },
+      spacing: {
+        '18': '4.5rem',
+        '22': '5.5rem',
+      },
       },
       borderRadius: {
         '3xl': '2rem',