style(ui): refine focus ring thickness and warning color

This commit is contained in:
Andras Bacsai
2026-08-10 11:52:24 +02:00
parent f412b2bf0d
commit a84505efe8
5 changed files with 13 additions and 11 deletions
+4 -3
View File
@@ -1,11 +1,12 @@
<?php
it('uses a subtle warning yellow focus ring in dark mode', function () {
it('uses a thin warning yellow focus ring in dark mode', function () {
$appStyles = file_get_contents(dirname(__DIR__, 2).'/resources/css/app.css');
$v5Styles = file_get_contents(dirname(__DIR__, 2).'/resources/css/v5/app.css');
expect($appStyles)
->toContain('ring-coollabs dark:ring-warning/70')
->toContain('ring-2 ring-coollabs dark:ring-1 dark:ring-warning')
->and($v5Styles)
->toMatch('/\.dark\s*\{[^}]*--ring:\s*color-mix\(in srgb, var\(--warning\) 70%, transparent\);/s');
->toMatch('/\.dark\s*\{[^}]*--ring:\s*var\(--warning\);/s')
->toContain('ring-2 dark:ring-1 ring-ring');
});