mirror of
https://github.com/filamentphp/filament.git
synced 2026-09-24 15:42:09 +08:00
Tweak colours
This commit is contained in:
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+1
-1
File diff suppressed because one or more lines are too long
Vendored
+2
-2
@@ -1,4 +1,4 @@
|
||||
{
|
||||
"/js/filament.js": "/js/filament.js?id=a3029b69d87820f78653",
|
||||
"/css/filament.css": "/css/filament.css?id=5392eb5464ddb4088282"
|
||||
"/js/filament.js": "/js/filament.js?id=4782dc312d22e36a18eb",
|
||||
"/css/filament.css": "/css/filament.css?id=2f98bd3c01c541c90bc3"
|
||||
}
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
* ::selection selector: color, background, cursor, and outline.
|
||||
*/
|
||||
::selection {
|
||||
@apply bg-primary text-white;
|
||||
@apply bg-primary-600 text-white;
|
||||
}
|
||||
|
||||
/**
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
@layer utilities {
|
||||
.link {
|
||||
@apply text-secondary-300 underline hover:text-secondary transition-colors duration-200;
|
||||
@apply text-secondary-500 underline hover:text-secondary-700 transition-colors duration-200;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
<x-heroicon-o-menu-alt-2 class="w-6 h-6" />
|
||||
</button>
|
||||
|
||||
<h1 class="text-2xl md:text-3xl leading-tight text-primary">{{ $title }}</h1>
|
||||
<h1 class="text-2xl md:text-3xl leading-tight text-primary-700">{{ $title }}</h1>
|
||||
</div>
|
||||
|
||||
{{ $actions ?? null }}
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
<div class="flex-shrink-0 rounded w-8 h-8 bg-primary-600 text-white flex items-center justify-center transition-colors duration-200 group-hover:bg-primary">
|
||||
<div class="flex-shrink-0 rounded w-8 h-8 bg-primary-600 text-white flex items-center justify-center transition-colors duration-200 group-hover:bg-primary-500">
|
||||
<span class="font-bold italic">{{ substr(config('app.name'), 0, 1) }}</span>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -2,4 +2,4 @@
|
||||
'title',
|
||||
])
|
||||
|
||||
<h2 {{ $attributes->merge(['class' => 'text-center text-2xl md:text-3xl leading-tight text-primary']) }}>{{ $title }}</h2>
|
||||
<h2 {{ $attributes->merge(['class' => 'text-center text-2xl md:text-3xl leading-tight text-primary-600']) }}>{{ $title }}</h2>
|
||||
|
||||
@@ -9,8 +9,8 @@
|
||||
|
||||
$colorClasses = [
|
||||
'danger' => 'border-transparent bg-danger-600 text-white hover:bg-danger-700 focus:ring-danger-200',
|
||||
'primary' => 'border-transparent bg-primary text-white hover:bg-primary-600 focus:ring-primary-200',
|
||||
'secondary' => 'border-transparent bg-secondary-600 text-white hover:bg-secondary focus:ring-secondary-200',
|
||||
'primary' => 'border-transparent bg-primary-700 text-white hover:bg-primary-800 focus:ring-primary-200',
|
||||
'secondary' => 'border-transparent bg-secondary-600 text-white hover:bg-secondary-700 focus:ring-secondary-200',
|
||||
'white' => 'border-gray-300 bg-gray-50 text-gray-800 hover:bg-gray-100 focus:ring-primary-200',
|
||||
][$color];
|
||||
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
@props([
|
||||
'button' => false,
|
||||
'class' => 'w-full flex text-sm leading-tight text-left whitespace-nowrap rounded py-1.5 px-4 transition-colors duration-200 text-white hover:bg-primary',
|
||||
'class' => 'w-full flex text-sm leading-tight text-left whitespace-nowrap rounded py-1.5 px-4 transition-colors duration-200 text-white hover:bg-primary-700',
|
||||
])
|
||||
|
||||
@if ($button)
|
||||
|
||||
+20
-22
@@ -22,33 +22,31 @@ module.exports = {
|
||||
},
|
||||
colors: {
|
||||
primary: {
|
||||
DEFAULT: '#C35547',
|
||||
50: '#FBF5F4',
|
||||
50: '#f9edec',
|
||||
100: '#F5E3E1',
|
||||
200: '#E9C0BA',
|
||||
300: '#DC9C94',
|
||||
400: '#D0796D',
|
||||
500: '#C35547',
|
||||
600: '#A24135',
|
||||
700: '#7C3228',
|
||||
800: '#55221C',
|
||||
900: '#2F130F',
|
||||
300: '#e0a69f',
|
||||
400: '#da958b',
|
||||
500: '#cd7165',
|
||||
600: '#C35547',
|
||||
700: '#ad4638',
|
||||
800: '#9a3412',
|
||||
900: '#7c2d12',
|
||||
},
|
||||
secondary: {
|
||||
DEFAULT: '#154A5F',
|
||||
50: '#78C3E1',
|
||||
100: '#63BADD',
|
||||
200: '#3AA8D3',
|
||||
300: '#278BB3',
|
||||
400: '#1E6B89',
|
||||
500: '#154A5F',
|
||||
600: '#113D4E',
|
||||
700: '#0E303E',
|
||||
800: '#0A232D',
|
||||
900: '#06161C',
|
||||
50: '#eaf6fa',
|
||||
100: '#d5edf6',
|
||||
200: '#abdaed',
|
||||
300: '#82c8e3',
|
||||
400: '#63BADD',
|
||||
500: '#3AA8D3',
|
||||
600: '#278BB3',
|
||||
700: '#0e7490',
|
||||
800: '#155e75',
|
||||
900: '#164e63',
|
||||
},
|
||||
success: colors.green,
|
||||
danger: colors.rose,
|
||||
success: colors.emerald,
|
||||
danger: colors.red,
|
||||
},
|
||||
keyframes: {
|
||||
shake: {
|
||||
|
||||
Reference in New Issue
Block a user