mirror of
https://github.com/aaronpo97/the-biergarten-app.git
synced 2026-02-16 10:42:08 +00:00
07330beb9c
- Created a custom hook that returns an object with pages depending on user auth. This is a refactor of the logic found in the navbar component. - Updated styles for card components - Fix font size issues for mobile. - Update theming to include a new pastel theme.
60 lines
1.4 KiB
JavaScript
60 lines
1.4 KiB
JavaScript
//themes
|
|
|
|
const darkTheme = {
|
|
default: {
|
|
primary: 'hsl(227, 23%, 20%)',
|
|
secondary: 'hsl(255, 9%, 69%)',
|
|
error: 'hsl(9, 52%, 57%)',
|
|
accent: 'hsl(316, 96%, 60%)',
|
|
neutral: 'hsl(240, 11%, 8%)',
|
|
info: 'hsl(207, 100%, 50%)',
|
|
success: 'hsl(100, 57%, 53%)',
|
|
warning: 'hsl(50, 98%, 50%)',
|
|
'primary-content': 'hsl(0, 0%, 98%)',
|
|
'error-content': 'hsl(0, 0%, 98%)',
|
|
'base-100': 'hsl(190, 4%, 9%)',
|
|
'base-200': 'hsl(190, 4%, 8%)',
|
|
'base-300': 'hsl(190, 4%, 5%)',
|
|
},
|
|
};
|
|
|
|
const pastelTheme = {
|
|
default: {
|
|
primary: 'hsl(180, 15%, 60%)',
|
|
secondary: 'hsl(21, 54%, 83%)',
|
|
error: 'hsl(4, 87%, 74%)',
|
|
accent: 'hsl(93, 27%, 73%)',
|
|
neutral: 'hsl(38, 31%, 91%)',
|
|
info: 'hsl(163, 40%, 79%)',
|
|
success: 'hsl(93, 27%, 73%)',
|
|
warning: 'hsl(40, 76%, 73%)',
|
|
'primary-content': 'hsl(0, 0%, 12%)',
|
|
'error-content': 'hsl(0, 0%, 12%)',
|
|
'base-100': 'hsl(0, 0%, 85%)',
|
|
'base-200': 'hsl(0, 0%, 82%)',
|
|
'base-300': 'hsl(0, 0%, 78%)',
|
|
},
|
|
};
|
|
|
|
/** @type {import('tailwindcss').Config} */
|
|
module.exports = {
|
|
content: [
|
|
'./src/**/*.{js,ts,jsx,tsx}',
|
|
'node_modules/daisyui/dist/**/*.js',
|
|
'node_modules/react-daisyui/dist/**/*.js',
|
|
],
|
|
theme: {
|
|
extend: {},
|
|
},
|
|
plugins: [
|
|
require('@headlessui/tailwindcss'),
|
|
require('daisyui'),
|
|
require('tailwindcss-animate'),
|
|
],
|
|
|
|
daisyui: {
|
|
logs: false,
|
|
themes: [darkTheme, pastelTheme],
|
|
},
|
|
};
|