ag/gymflow
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases 1 Wiki Activity

Massive Material 3 re-styling

Browse Source
This commit is contained in:
AG
2025-12-12 01:06:09 +02:00
parent 55d414da19
commit bc1b747ef4
13 changed files with 374 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
tailwind.config.js
View File

@@ -9,6 +9,23 @@ export default {
fontFamily: {
sans: ['Roboto', 'sans-serif'],
},
fontSize: {
'display-lg': ['57px', '64px'],
'display-md': ['45px', '52px'],
'display-sm': ['36px', '44px'],
'headline-lg': ['32px', '40px'],
'headline-md': ['28px', '36px'],
'headline-sm': ['24px', '32px'],
'title-lg': ['22px', '28px'],
'title-md': ['16px', '24px'],
'title-sm': ['14px', '20px'],
'label-lg': ['14px', '20px'],
'label-md': ['12px', '16px'],
'label-sm': ['11px', '16px'],
'body-lg': ['16px', '24px'],
'body-md': ['14px', '20px'],
'body-sm': ['12px', '16px'],
},
colors: {
// Material 3 Dark Theme approximation
'surface': '#141218', // Very dark background
@@ -40,9 +57,20 @@ export default {
'outline-variant': '#49454F'
},
boxShadow: {
'elevation-1': '0px 1px 3px 1px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)',
'elevation-2': '0px 2px 6px 2px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.30)',
'elevation-3': '0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px 0px rgba(0, 0, 0, 0.30)',
'elevation-1': '0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15)',
'elevation-2': '0px 1px 2px rgba(0, 0, 0, 0.3), 0px 2px 6px 2px rgba(0, 0, 0, 0.15)',
'elevation-3': '0px 1px 3px rgba(0, 0, 0, 0.3), 0px 4px 8px 3px rgba(0, 0, 0, 0.15)',
'elevation-4': '0px 2px 3px rgba(0, 0, 0, 0.3), 0px 6px 10px 4px rgba(0, 0, 0, 0.15)',
'elevation-5': '0px 4px 4px rgba(0, 0, 0, 0.3), 0px 8px 12px 6px rgba(0, 0, 0, 0.15)',
},
keyframes: {
ripple: {
'0%': { transform: 'scale(0)', opacity: '0.4' },
'100%': { transform: 'scale(4)', opacity: '0' },
}
},
animation: {
ripple: 'ripple 600ms linear',
}
},
},