Dashboard Style

tailwind.config.cjs

@@ -2,21 +2,94 @@
 module.exports = {
 	content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}", "./node_modules/@ibcornelsen/ui/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
 	darkMode: "class",
-	plugins: [require("daisyui")],
+	plugins: [require("daisyui"), require("@tailwindcss/typography")],
 	daisyui: {
-		themes: [{light: {
-			primary: "rgb(255, 125, 38)",
-				secondary: "rgb(68, 79, 148)",
-				"gray-primary": "rgb(146, 151, 153)",
-				bg: "white",
-				"status-error": "red",
-				"status-success": "green",
+		themes: [{
+			light: {
+				'primary': '#ff7d26',
+				'primary-focus': '#ec6a13',
+				'primary-content': '#ffffff',
+
+				'secondary': '#444f94',
+				'secondary-focus': '#2f397f',
+				'secondary-content': '#ffffff',
+
+				'accent': '#7b37cd',
+				'accent-focus': '#5f25a7',
+				'accent-content': '#ffffff',
+
+				'neutral': '#3b424e',
+				'neutral-focus': '#2a2e37',
+				'neutral-content': '#ffffff',
+
+				'base-100': '#ffffff',
+				'base-200': '#f9fafb',
+				'base-300': '#ced3d9',
+				'base-content': '#1e2734',
+
+				'info': '#0689f4',
+				'success': '#04b964',
+				'warning': '#f49d1a',
+				"warning-content": "#ffffff",
+				'error': '#e43f3f',
+				"error-content": "#ffffff",
+
+				'--rounded-box': '1rem',
+				'--rounded-btn': '.5rem',
+				'--rounded-badge': '1.9rem',
+
+				'--animation-btn': '.25s',
+				'--animation-input': '.2s',
+
+				'--btn-text-case': 'normal',
+				'--navbar-padding': '.5rem',
+				'--border-btn': '1px',
 				"pdf-yellow-bright": "#f3cb00",
 				"pdf-yellow-light": "#fff6ca",
-				neutral: "#000",
-				"neutral-content": "#fff",
-				"base-content": "#000000"
-		}}],
+			},
+			'dark': {
+				'primary': '#ff7d26',
+				'primary-focus': '#ec6a13',
+				'primary-content': '#ffffff',
+
+				'secondary': '#444f94',
+				'secondary-focus': '#2f397f',
+				'secondary-content': '#ffffff',
+
+				'accent': '#8c45e3',
+				'accent-focus': '#7532c8',
+				'accent-content': '#ffffff',
+
+				'neutral': '#2a2e37',
+				'neutral-focus': '#16181d',
+				'neutral-content': '#ffffff',
+
+				'base-100': '#3b424e',
+				'base-200': '#2a2e37',
+				'base-300': '#16181d',
+				'base-content': '#ebecf0',
+
+				'info': '#0689f4',
+				'success': '#04b964',
+				'warning': '#f49d1a',
+				"warning-content": "#ffffff",
+				'error': '#ff6b6b',
+				"error-content": "#ffffff",
+				"pdf-yellow-bright": "#f3cb00",
+				"pdf-yellow-light": "#fff6ca",
+
+				'--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',
+			}
+		}, ],
 		darkTheme: "dark", // name of one of the included themes for dark mode
 		base: true, // applies background color and foreground color for root element by default
 		styled: true, // include daisyUI colors and design decisions for all components
@@ -24,5 +97,22 @@ module.exports = {
 		prefix: "", // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
 		logs: true, // Shows info about daisyUI version and used config in the console when building your CSS
 		themeRoot: ":root", // The element that receives theme color CSS variables
-	}
+	},
+	fontSize: {
+		sm: '0.750rem',
+		base: '1rem',
+		xl: '1.333rem',
+		'2xl': '1.777rem',
+		'3xl': '2.369rem',
+		'4xl': '3.158rem',
+		'5xl': '4.210rem',
+	},
+	fontFamily: {
+		heading: 'Poppins',
+		body: 'Poppins',
+	},
+	fontWeight: {
+		normal: '400',
+		bold: '700',
+	},
 };