Fix light mode hover

This commit is contained in:
DariusIII
2026-08-17 08:40:56 +02:00
parent b419553a25
commit 7719204b92
2 changed files with 37 additions and 3 deletions
+3 -3
View File
@@ -25,7 +25,7 @@
--surface-dropdown-dark: #020617;
--surface-footer: #1e293b;
--surface-footer-dark: #020617;
--surface-hover: #334155;
--surface-hover: #f1f5f9;
--surface-hover-dark: #1e293b;
--border-default: #e2e8f0;
--border-default-dark: #334155;
@@ -62,7 +62,7 @@
--surface-dropdown-dark: #020c09;
--surface-footer: #14332a;
--surface-footer-dark: #020c09;
--surface-hover: #166534;
--surface-hover: #ecfdf5;
--surface-hover-dark: #14532d;
--border-default: #bbf7d0;
--border-default-dark: #14532d;
@@ -98,7 +98,7 @@
--surface-dropdown-dark: #0f0620;
--surface-footer: #2d1f4e;
--surface-footer-dark: #0f0620;
--surface-hover: #5b21b6;
--surface-hover: #f5f3ff;
--surface-hover-dark: #3b0764;
--border-default: #e9d5ff;
--border-default-dark: #6b21a8;
+34
View File
@@ -0,0 +1,34 @@
<?php
namespace Tests\Unit;
use PHPUnit\Framework\TestCase;
class ThemeTableStylesTest extends TestCase
{
public function test_light_color_schemes_use_pale_table_hover_surfaces(): void
{
$stylesheet = (string) file_get_contents(__DIR__.'/../../resources/css/app.css');
$this->assertStringContainsString('--surface-hover: #f1f5f9;', $stylesheet);
$this->assertStringContainsString('--surface-hover: #ecfdf5;', $stylesheet);
$this->assertStringContainsString('--surface-hover: #f5f3ff;', $stylesheet);
$this->assertMatchesRegularExpression(
'/main tbody tr:hover\s*\{\s*background-color: var\(--surface-hover\) !important;\s*\}/',
$stylesheet,
);
}
public function test_dark_table_hover_styles_remain_unchanged(): void
{
$stylesheet = (string) file_get_contents(__DIR__.'/../../resources/css/app.css');
$this->assertStringContainsString('--surface-hover-dark: #1e293b;', $stylesheet);
$this->assertStringContainsString('--surface-hover-dark: #14532d;', $stylesheet);
$this->assertStringContainsString('--surface-hover-dark: #3b0764;', $stylesheet);
$this->assertMatchesRegularExpression(
'/\.dark main tbody tr:hover\s*\{\s*background-color: var\(--surface-hover-dark\) !important;\s*\}/',
$stylesheet,
);
}
}