style(branding): replace gray-50 with stone-50 and darken base to stone-800

This commit is contained in:
rosslh 2026-04-06 13:59:33 -04:00
parent c86e4d5751
commit 6e13d87671
9 changed files with 15 additions and 15 deletions

View file

@ -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 {

View file

@ -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">

View file

@ -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">

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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

View file

@ -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" />