Merge pull request #134 from simplitrac/edit-expense-buttons

changed buttom colors
simplitrac · Sep 8, 2024 · 2ba1705 · 2ba1705
2 parents 07076f4 + b1c18e0
commit 2ba1705
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/client/src/App.css b/client/src/App.css
@@ -56,7 +56,7 @@ button, .custom-button {
 }
 
 button:hover, .custom-button:hover {
-  background-color: var(--primary-hover);
+  background-color: red;
 }
 
 /* buttons on edit page */
@@ -164,11 +164,11 @@ form input:focus, form select:focus {
 
 /* Delete Button */
 .delete-button {
-  background-color: var(--error-color);
+  background-color: #999993;
 }
 
 .delete-button:hover {
-  background-color: var(--error-hover);
+  background-color: #999993;
 }
 .transaction-edit-row {
   display: flex;

diff --git a/client/src/config/theme.js b/client/src/config/theme.js
@@ -1,4 +1,4 @@
-import { extendTheme } from '@chakra-ui/react'
+import { background, extendTheme } from '@chakra-ui/react'
 
 const theme = extendTheme({
     config: {
@@ -7,7 +7,7 @@ const theme = extendTheme({
     },
     colors: {
         primary: {
-            main: '#1B263B', //home page buttons
+            main: '#1b263b', //home page buttons
             hover: '#0056b3',
         },
         text: '#495057',
@@ -101,14 +101,15 @@ const theme = extendTheme({
             },
             variants: {
                 solid: {
-                    bg: 'primary.main',
+                    bg: '#415a77',
                     color: 'white',
                     _hover: {
-                        bg: 'primary.hover',
+                        bg: '#999993',
                     },
                 },
                 delete: {
                     bg: 'error.main',
+                    background: '#999993',
                     color: 'white',
                     _hover: {
                         bg: 'error.hover',