style(branding): replace gray-50 with stone-50 and darken base to stone-800
This commit is contained in:
parent
c86e4d5751
commit
6e13d87671
9 changed files with 15 additions and 15 deletions
|
|
@ -20,7 +20,7 @@ @theme {
|
||||||
--font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
|
--font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
|
||||||
--font-logs: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
|
--font-logs: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
|
||||||
|
|
||||||
--color-base: #1c1917;
|
--color-base: #292524;
|
||||||
--color-warning: #fde047;
|
--color-warning: #fde047;
|
||||||
--color-warning-50: #fefce8;
|
--color-warning-50: #fefce8;
|
||||||
--color-warning-100: #fef9c3;
|
--color-warning-100: #fef9c3;
|
||||||
|
|
@ -96,7 +96,7 @@ @keyframes lds-heart {
|
||||||
*/
|
*/
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
@apply w-full min-h-full bg-gray-50 dark:bg-base dark:text-neutral-400;
|
@apply w-full min-h-full bg-stone-50 dark:bg-base dark:text-neutral-400;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<x-layout-simple>
|
<x-layout-simple>
|
||||||
<section class="bg-gray-50 dark:bg-base">
|
<section class="bg-stone-50 dark:bg-base">
|
||||||
<div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
|
<div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
|
||||||
<div class="w-full max-w-md space-y-8">
|
<div class="w-full max-w-md space-y-8">
|
||||||
<div class="text-center space-y-2">
|
<div class="text-center space-y-2">
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<x-layout-simple>
|
<x-layout-simple>
|
||||||
<section class="bg-gray-50 dark:bg-base">
|
<section class="bg-stone-50 dark:bg-base">
|
||||||
<div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
|
<div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
|
||||||
<div class="w-full max-w-md space-y-8">
|
<div class="w-full max-w-md space-y-8">
|
||||||
<div class="text-center space-y-2">
|
<div class="text-center space-y-2">
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<x-layout-simple>
|
<x-layout-simple>
|
||||||
<section class="bg-gray-50 dark:bg-base">
|
<section class="bg-stone-50 dark:bg-base">
|
||||||
<div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
|
<div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
|
||||||
<div class="w-full max-w-md space-y-8">
|
<div class="w-full max-w-md space-y-8">
|
||||||
<div class="text-center space-y-2">
|
<div class="text-center space-y-2">
|
||||||
|
|
@ -82,7 +82,7 @@ class="text-sm dark:text-neutral-400 hover:text-coollabs dark:hover:text-warning
|
||||||
<div class="w-full border-t border-neutral-300 dark:border-coolgray-400"></div>
|
<div class="w-full border-t border-neutral-300 dark:border-coolgray-400"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="relative flex justify-center text-sm">
|
<div class="relative flex justify-center text-sm">
|
||||||
<span class="px-2 bg-gray-50 dark:bg-base text-neutral-500 dark:text-neutral-400 ">
|
<span class="px-2 bg-stone-50 dark:bg-base text-neutral-500 dark:text-neutral-400 ">
|
||||||
Don't have an account?
|
Don't have an account?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -103,7 +103,7 @@ class="block w-full text-center py-3 px-4 rounded-lg border border-neutral-300 d
|
||||||
<div class="w-full border-t border-neutral-300 dark:border-coolgray-400"></div>
|
<div class="w-full border-t border-neutral-300 dark:border-coolgray-400"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="relative flex justify-center text-sm">
|
<div class="relative flex justify-center text-sm">
|
||||||
<span class="px-2 bg-gray-50 dark:bg-base text-neutral-500 dark:text-neutral-400">or
|
<span class="px-2 bg-stone-50 dark:bg-base text-neutral-500 dark:text-neutral-400">or
|
||||||
continue with</span>
|
continue with</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -11,7 +11,7 @@ function getOldOrLocal($key, $localValue)
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<x-layout-simple>
|
<x-layout-simple>
|
||||||
<section class="bg-gray-50 dark:bg-base">
|
<section class="bg-stone-50 dark:bg-base">
|
||||||
<div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
|
<div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
|
||||||
<div class="w-full max-w-md space-y-8">
|
<div class="w-full max-w-md space-y-8">
|
||||||
<div class="text-center space-y-2">
|
<div class="text-center space-y-2">
|
||||||
|
|
@ -85,7 +85,7 @@ class="p-4 bg-neutral-50 dark:bg-coolgray-200 rounded-lg border border-neutral-2
|
||||||
<div class="w-full border-t border-neutral-300 dark:border-coolgray-400"></div>
|
<div class="w-full border-t border-neutral-300 dark:border-coolgray-400"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="relative flex justify-center text-sm">
|
<div class="relative flex justify-center text-sm">
|
||||||
<span class="px-2 bg-gray-50 dark:bg-base text-neutral-500 dark:text-neutral-400">
|
<span class="px-2 bg-stone-50 dark:bg-base text-neutral-500 dark:text-neutral-400">
|
||||||
Already have an account?
|
Already have an account?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<x-layout-simple>
|
<x-layout-simple>
|
||||||
<section class="bg-gray-50 dark:bg-base">
|
<section class="bg-stone-50 dark:bg-base">
|
||||||
<div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
|
<div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
|
||||||
<div class="w-full max-w-md space-y-8">
|
<div class="w-full max-w-md space-y-8">
|
||||||
<div class="text-center space-y-2">
|
<div class="text-center space-y-2">
|
||||||
|
|
@ -70,7 +70,7 @@ class="p-4 bg-neutral-50 dark:bg-coolgray-200 rounded-lg border border-neutral-2
|
||||||
<div class="w-full border-t border-neutral-300 dark:border-coolgray-400"></div>
|
<div class="w-full border-t border-neutral-300 dark:border-coolgray-400"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="relative flex justify-center text-sm">
|
<div class="relative flex justify-center text-sm">
|
||||||
<span class="px-2 bg-gray-50 dark:bg-base text-neutral-500 dark:text-neutral-400">
|
<span class="px-2 bg-stone-50 dark:bg-base text-neutral-500 dark:text-neutral-400">
|
||||||
Remember your password?
|
Remember your password?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<x-layout-simple>
|
<x-layout-simple>
|
||||||
<section class="bg-gray-50 dark:bg-base" x-data="{
|
<section class="bg-stone-50 dark:bg-base" x-data="{
|
||||||
showRecovery: false,
|
showRecovery: false,
|
||||||
digits: ['', '', '', '', '', ''],
|
digits: ['', '', '', '', '', ''],
|
||||||
code: '',
|
code: '',
|
||||||
|
|
@ -121,7 +121,7 @@ class="mt-2 text-sm dark:text-neutral-400 hover:text-black dark:hover:text-white
|
||||||
<div class="w-full border-t border-neutral-300 dark:border-coolgray-400"></div>
|
<div class="w-full border-t border-neutral-300 dark:border-coolgray-400"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="relative flex justify-center text-sm">
|
<div class="relative flex justify-center text-sm">
|
||||||
<span class="px-2 bg-gray-50 dark:bg-base text-neutral-500 dark:text-neutral-400">
|
<span class="px-2 bg-stone-50 dark:bg-base text-neutral-500 dark:text-neutral-400">
|
||||||
Need help?
|
Need help?
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
@extends('layouts.base')
|
@extends('layouts.base')
|
||||||
@section('body')
|
@section('body')
|
||||||
@livewireScripts
|
@livewireScripts
|
||||||
<main class="h-full bg-gray-50 dark:bg-base">
|
<main class="h-full bg-stone-50 dark:bg-base">
|
||||||
{{ $slot }}
|
{{ $slot }}
|
||||||
</main>
|
</main>
|
||||||
@parent
|
@parent
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<section class="bg-gray-50 dark:bg-base">
|
<section class="bg-stone-50 dark:bg-base">
|
||||||
<div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
|
<div class="flex flex-col items-center justify-center px-6 py-8 mx-auto md:h-screen lg:py-0">
|
||||||
<div class="flex items-center justify-center mb-6">
|
<div class="flex items-center justify-center mb-6">
|
||||||
<img src="https://mapledeploy.ca/api/logo/lockup?height=80" alt="MapleDeploy" class="h-12 dark:hidden" />
|
<img src="https://mapledeploy.ca/api/logo/lockup?height=80" alt="MapleDeploy" class="h-12 dark:hidden" />
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue