Change card colors and add aestheticDark theme.

frontend/tailwind.config.js

@@ -15,7 +15,52 @@ export default {
 			'aqua',
 			'emerald',
 			{
-				garden: {
+				aestheticDark: {
+					primary: '#3e5747',
+					'primary-focus': '#2f4236',
+					'primary-content': '#e9e7e7',
+
+					secondary: '#547b82',
+					'secondary-focus': '#3d5960',
+					'secondary-content': '#c1dfe5',
+
+					accent: '#8b6161',
+					'accent-focus': '#6e4545',
+					'accent-content': '#f2eaea',
+
+					neutral: '#2b2a2a',
+					'neutral-focus': '#1c1b1b',
+					'neutral-content': '#e9e7e7',
+
+					'base-100': '#121212', // Dark background
+					'base-200': '#1d1d1d',
+					'base-300': '#292929',
+					'base-content': '#e9e7e7', // Light content on dark background
+
+					// set bg-primary-content
+					'bg-base': '#121212',
+					'bg-base-content': '#e9e7e7',
+
+					info: '#3b7ecb',
+					success: '#007766',
+					warning: '#d4c111',
+					error: '#e64a19',
+
+					'--rounded-box': '1rem',
+					'--rounded-btn': '.5rem',
+					'--rounded-badge': '1.9rem',
+
+					'--animation-btn': '.25s',
+					'--animation-input': '.2s',
+
+					'--btn-text-case': 'uppercase',
+					'--navbar-padding': '.5rem',
+					'--border-btn': '1px',
+
+					fontFamily:
+						'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace'
+				},
+				aestheticLight: {
 					primary: '#5a7c65',
 					'primary-focus': '#48604f',
 					'primary-content': '#dcd5d5',