diff --git a/resources/css/app.css b/resources/css/app.css index 6b05996c5..94f8c9354 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -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; diff --git a/tests/Unit/ThemeTableStylesTest.php b/tests/Unit/ThemeTableStylesTest.php new file mode 100644 index 000000000..b985dcbc0 --- /dev/null +++ b/tests/Unit/ThemeTableStylesTest.php @@ -0,0 +1,34 @@ +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, + ); + } +}