opensource/filament
3
0
Fork 0
mirror of https://github.com/filamentphp/filament.git synced 2026-09-24 15:42:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

feature: blue support

Browse Source
This commit is contained in:
Ryan Chandler
2021-03-09 21:32:51 +00:00
parent 796881ea2b
commit 668bff20ce
2 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/base.css
+10 -1
View File
@@ -27,8 +27,8 @@
--f-danger-700: theme('colors.rose.700');
--f-danger-800: theme('colors.rose.800');
--f-danger-900: theme('colors.rose.900');
--f-gray-200: theme('colors.coolGray.200');
--f-gray-100: theme('colors.coolGray.100');
--f-gray-200: theme('colors.coolGray.200');
--f-gray-300: theme('colors.coolGray.300');
--f-gray-400: theme('colors.coolGray.400');
--f-gray-500: theme('colors.coolGray.500');
@@ -36,6 +36,15 @@
--f-gray-700: theme('colors.coolGray.700');
--f-gray-800: theme('colors.coolGray.800');
--f-gray-900: theme('colors.coolGray.900');
--f-blue-100: theme('colors.defaultBlue.100');
--f-blue-200: theme('colors.defaultBlue.200');
--f-blue-300: theme('colors.defaultBlue.300');
--f-blue-400: theme('colors.defaultBlue.400');
--f-blue-500: theme('colors.defaultBlue.500');
--f-blue-600: theme('colors.defaultBlue.600');
--f-blue-700: theme('colors.defaultBlue.700');
--f-blue-800: theme('colors.defaultBlue.800');
--f-blue-900: theme('colors.defaultBlue.900');
--f-white: theme('colors.defaultWhite');
}
tailwind.config.js
+12
View File
@@ -65,12 +65,24 @@ module.exports = {
800: 'var(--f-gray-800)',
900: 'var(--f-gray-900)',
},
blue: {
100: 'var(--f-blue-100)',
200: 'var(--f-blue-200)',
300: 'var(--f-blue-300)',
400: 'var(--f-blue-400)',
500: 'var(--f-blue-500)',
600: 'var(--f-blue-600)',
700: 'var(--f-blue-700)',
800: 'var(--f-blue-800)',
900: 'var(--f-blue-900)',
},
white: 'var(--f-white)',
lightBlue: colors.lightBlue,
emerald: colors.emerald,
rose: colors.rose,
coolGray: colors.coolGray,
defaultWhite: colors.white,
defaultBlue: colors.blue
},
keyframes: {
shake: {