From 1ed6f4bac54468e2b615c56b8eb414a610fe35e0 Mon Sep 17 00:00:00 2001 From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com> Date: Wed, 12 Aug 2026 16:41:35 +0200 Subject: [PATCH] fix(ui): use Coollabs glow on error pages Update the error shell background gradient to use the Coollabs color token and add a regression test. --- resources/css/app.css | 2 +- tests/Feature/LoginPageBrandingTest.php | 8 ++++++++ 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/resources/css/app.css b/resources/css/app.css index 67989a000..53565c508 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -1107,7 +1107,7 @@ html[data-theme="custom"] textarea:disabled { width: 100%; padding: 2rem 1rem; background: - radial-gradient(circle at 50% 0%, color-mix(in oklab, var(--color-accent) 9%, transparent), transparent 34rem), + radial-gradient(circle at 50% 0%, color-mix(in oklab, var(--color-coollabs) 9%, transparent), transparent 34rem), var(--coollabs-canvas); color: #171717; } diff --git a/tests/Feature/LoginPageBrandingTest.php b/tests/Feature/LoginPageBrandingTest.php index 328d91199..5d60290ab 100644 --- a/tests/Feature/LoginPageBrandingTest.php +++ b/tests/Feature/LoginPageBrandingTest.php @@ -37,6 +37,14 @@ test('auth pages use the Coollabs purple background glow', function () { ->not->toMatch('/\.auth-shell\s*\{[^}]*color-mix\(in oklab, var\(--color-accent\) 9%, transparent\)/s'); }); +test('error pages use the Coollabs purple background glow', function () { + $styles = file_get_contents(resource_path('css/app.css')); + + expect($styles) + ->toMatch('/\.error-shell\s*\{[^}]*color-mix\(in oklab, var\(--color-coollabs\) 9%, transparent\)/s') + ->not->toMatch('/\.error-shell\s*\{[^}]*color-mix\(in oklab, var\(--color-accent\) 9%, transparent\)/s'); +}); + test('confirm password page uses the shared auth shell', function () { $confirm = file_get_contents(resource_path('views/auth/confirm-password.blade.php'));