style(branding): replace gray-50 with stone-50 and darken base to stone-800
All checks were successful
Build MapleDeploy Coolify Image / build (push) Successful in 57s

This commit is contained in:
rosslh 2026-04-06 13:59:33 -04:00
parent 870356de61
commit 0aaba04396
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-logs: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
--color-base: #1c1917;
--color-base: #292524;
--color-warning: #fde047;
--color-warning-50: #fefce8;
--color-warning-100: #fef9c3;
@ -96,7 +96,7 @@ @keyframes lds-heart {
*/
html,
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 {

View file

@ -1,5 +1,5 @@
<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="w-full max-w-md space-y-8">
<div class="text-center space-y-2">

View file

@ -1,5 +1,5 @@
<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="w-full max-w-md space-y-8">
<div class="text-center space-y-2">

View file

@ -1,5 +1,5 @@
<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="w-full max-w-md space-y-8">
<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>
<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?
</span>
</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>
<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>
</div>
</div>

View file

@ -11,7 +11,7 @@ function getOldOrLocal($key, $localValue)
?>
<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="w-full max-w-md space-y-8">
<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>
<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?
</span>
</div>

View file

@ -1,5 +1,5 @@
<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="w-full max-w-md space-y-8">
<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>
<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?
</span>
</div>

View file

@ -1,5 +1,5 @@
<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,
digits: ['', '', '', '', '', ''],
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>
<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?
</span>
</div>

View file

@ -1,7 +1,7 @@
@extends('layouts.base')
@section('body')
@livewireScripts
<main class="h-full bg-gray-50 dark:bg-base">
<main class="h-full bg-stone-50 dark:bg-base">
{{ $slot }}
</main>
@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 items-center justify-center mb-6">
<img src="https://mapledeploy.ca/api/logo/lockup?height=80" alt="MapleDeploy" class="h-12 dark:hidden" />