Create new Flutter app
The prompt requests the creation of a new app with a neumorphic design, similar to a household account book, using Flutter.
This commit is contained in:
@@ -1,3 +1,4 @@
|
||||
|
||||
import type { Config } from "tailwindcss";
|
||||
|
||||
export default {
|
||||
@@ -61,6 +62,17 @@ export default {
|
||||
'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
|
||||
border: 'hsl(var(--sidebar-border))',
|
||||
ring: 'hsl(var(--sidebar-ring))'
|
||||
},
|
||||
neuro: {
|
||||
background: '#f0f0f3',
|
||||
light: '#ffffff',
|
||||
dark: '#d1d9e6',
|
||||
shadow: 'rgba(209, 217, 230, 0.5)',
|
||||
highlight: 'rgba(255, 255, 255, 0.5)',
|
||||
accent: '#6e59a5',
|
||||
'accent-light': '#9b87f5',
|
||||
expense: '#e57373',
|
||||
income: '#81c784'
|
||||
}
|
||||
},
|
||||
borderRadius: {
|
||||
@@ -84,11 +96,46 @@ export default {
|
||||
to: {
|
||||
height: '0'
|
||||
}
|
||||
},
|
||||
'float': {
|
||||
'0%, 100%': { transform: 'translateY(0)' },
|
||||
'50%': { transform: 'translateY(-5px)' }
|
||||
},
|
||||
'pulse-subtle': {
|
||||
'0%, 100%': { opacity: '1' },
|
||||
'50%': { opacity: '0.8' }
|
||||
},
|
||||
'slide-up': {
|
||||
'0%': { transform: 'translateY(10px)', opacity: '0' },
|
||||
'100%': { transform: 'translateY(0)', opacity: '1' }
|
||||
},
|
||||
'slide-down': {
|
||||
'0%': { transform: 'translateY(-10px)', opacity: '0' },
|
||||
'100%': { transform: 'translateY(0)', opacity: '1' }
|
||||
},
|
||||
'fade-in': {
|
||||
'0%': { opacity: '0' },
|
||||
'100%': { opacity: '1' }
|
||||
},
|
||||
'scale-in': {
|
||||
'0%': { transform: 'scale(0.95)', opacity: '0' },
|
||||
'100%': { transform: 'scale(1)', opacity: '1' }
|
||||
}
|
||||
},
|
||||
animation: {
|
||||
'accordion-down': 'accordion-down 0.2s ease-out',
|
||||
'accordion-up': 'accordion-up 0.2s ease-out'
|
||||
'accordion-up': 'accordion-up 0.2s ease-out',
|
||||
'float': 'float 3s ease-in-out infinite',
|
||||
'pulse-subtle': 'pulse-subtle 3s ease-in-out infinite',
|
||||
'slide-up': 'slide-up 0.3s ease-out',
|
||||
'slide-down': 'slide-down 0.3s ease-out',
|
||||
'fade-in': 'fade-in 0.4s ease-out',
|
||||
'scale-in': 'scale-in 0.3s ease-out'
|
||||
},
|
||||
boxShadow: {
|
||||
'neuro-flat': '5px 5px 10px rgba(209, 217, 230, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.5)',
|
||||
'neuro-pressed': 'inset 5px 5px 10px rgba(209, 217, 230, 0.5), inset -5px -5px 10px rgba(255, 255, 255, 0.5)',
|
||||
'neuro-convex': '5px 5px 10px rgba(209, 217, 230, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.5), inset 1px 1px 2px rgba(255, 255, 255, 0.25), inset -1px -1px 2px rgba(209, 217, 230, 0.25)'
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user