Tweak colours

This commit is contained in:
Dan Harrin
2021-02-19 00:06:15 +00:00
parent 2486b0d66e
commit 3a94b3e1c5
13 changed files with 34 additions and 36 deletions
+1 -1
View File
File diff suppressed because one or more lines are too long
+1 -1
View File
File diff suppressed because one or more lines are too long
+1 -1
View File
File diff suppressed because one or more lines are too long
+1 -1
View File
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -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"
}
+1 -1
View File
@@ -14,7 +14,7 @@
* ::selection selector: color, background, cursor, and outline.
*/
::selection {
@apply bg-primary text-white;
@apply bg-primary-600 text-white;
}
/**
+1 -1
View File
@@ -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>
+2 -2
View File
@@ -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
View File
@@ -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: {