feat(tailwind): add custom colors to tailwind config

This commit is contained in:
Jewgeni Lewash 2024-03-01 07:01:39 +01:00
parent 25d7c75d94
commit bae6a1c4f0
3 changed files with 65 additions and 9 deletions

View File

@ -17,13 +17,11 @@ git clone https://github.com/deployn/astro-deploy new-astro-project
cd new-astro-project
```
Update /public/logo.svg
Update /public/site.webmanifest
Update astro.config.mjs
Update /src/\*
- Update /public/logo.svg
- Update /public/site.webmanifest
- Update astro.config.mjs
- Update colors in tailwind.config.mjs
- Update /src/\*
### Add shadcn/ui components

View File

@ -25,7 +25,7 @@
}
],
"start_url": "/",
"theme_color": "#61a8e1",
"background_color": "#24213e",
"theme_color": "#1294c9",
"background_color": "#1f253c",
"display": "standalone"
}

View File

@ -12,6 +12,64 @@ export default {
},
},
extend: {
colors: {
primary: {
50: '#f1fafe',
100: '#e2f3fc',
200: '#bfe7f8',
300: '#86d6f3',
400: '#46c0ea',
500: '#1ea8d9',
600: '#1294c9',
700: '#0f6d95',
800: '#105b7c',
900: '#134c67',
950: '#0d3144',
DEFAULT: '#1294c9',
},
secondary: {
50: '#f3f6fb',
100: '#e3ebf6',
200: '#cddcf0',
300: '#aac5e6',
400: '#82a7d8',
500: '#648acd',
600: '#5171bf',
700: '#4660af',
800: '#3e4f8f',
900: '#364472',
950: '#1f253c',
DEFAULT: '#1f253c',
},
base: {
50: '#f4f6f9',
100: '#ebeef3',
200: '#d2dbe5',
300: '#aabccf',
400: '#7c98b4',
500: '#5b7b9c',
600: '#486381',
700: '#3b5069',
800: '#334459',
900: '#2f3b4b',
950: '#1f2632',
DEFAULT: '#f4f6f9',
},
accent: {
50: '#fff3ed',
100: '#fee5d6',
200: '#fcc7ac',
300: '#faa077',
400: '#f66c3d',
500: '#f34a1c',
600: '#e43112',
700: '#bd2111',
800: '#971c15',
900: '#791a15',
950: '#410a09',
DEFAULT: '#f66c3d',
},
},
keyframes: {
'accordion-down': {
from: { height: '0' },