diff --git a/public/css/admin-base.css b/public/css/admin-base.css index 44a0f7e..408141a 100644 --- a/public/css/admin-base.css +++ b/public/css/admin-base.css @@ -25,7 +25,7 @@ a:hover{text-decoration:underline;} .sidebar:not(.topnav) a:hover, .sidebar:not(.topnav) .sidebar-link:hover{ text-decoration:none; - background:rgba(22, 119, 255, .08); + background:var(--adm-primary-tint-08, rgba(22, 119, 255, .08)); color:var(--adm-text, #0f172a); } @@ -123,7 +123,7 @@ input:hover,select:hover,textarea:hover{ input:focus,select:focus,textarea:focus{ outline:none; border-color:var(--adm-color-primary, #1677ff); - box-shadow:0 0 0 3px rgba(22, 119, 255, .12); + box-shadow:0 0 0 3px var(--adm-primary-focus-ring, rgba(22, 119, 255, .12)); } button{cursor:pointer;} diff --git a/public/css/admin-theme.css b/public/css/admin-theme.css index 564dee7..438df18 100644 --- a/public/css/admin-theme.css +++ b/public/css/admin-theme.css @@ -50,6 +50,7 @@ --adm-primary-tint-08: rgba(22, 119, 255, .08); --adm-primary-border-35: rgba(22, 119, 255, .35); --adm-primary-border-45: rgba(22, 119, 255, .45); + --adm-primary-focus-ring: rgba(22, 119, 255, .12); /* 状态色(接近 Ant Design) */ --adm-success: #16a34a; diff --git a/tests/Feature/AdminBaseCssSidebarHoverAndInputFocusShouldUsePrimaryTokensTest.php b/tests/Feature/AdminBaseCssSidebarHoverAndInputFocusShouldUsePrimaryTokensTest.php new file mode 100644 index 0000000..f3a52da --- /dev/null +++ b/tests/Feature/AdminBaseCssSidebarHoverAndInputFocusShouldUsePrimaryTokensTest.php @@ -0,0 +1,36 @@ +seed(); + + $this->post('/admin/login', [ + 'email' => 'platform.admin@demo.local', + 'password' => 'Platform@123456', + ])->assertRedirect('/admin'); + } + + public function test_admin_base_css_sidebar_hover_and_input_focus_should_use_primary_tokens(): void + { + $this->loginAsPlatformAdmin(); + + $css = file_get_contents(public_path('css/admin-base.css')); + $this->assertIsString($css); + + // 左侧菜单 hover 高亮必须走 primary tint token。 + $this->assertStringContainsString('.sidebar:not(.topnav) a:hover', $css); + $this->assertStringContainsString('background:var(--adm-primary-tint-08', $css); + + // input focus ring 必须走 focus-ring token。 + $this->assertStringContainsString('box-shadow:0 0 0 3px var(--adm-primary-focus-ring', $css); + } +} diff --git a/tests/Feature/AdminThemeCssShouldDefinePrimaryFocusRingTokenTest.php b/tests/Feature/AdminThemeCssShouldDefinePrimaryFocusRingTokenTest.php new file mode 100644 index 0000000..66362e9 --- /dev/null +++ b/tests/Feature/AdminThemeCssShouldDefinePrimaryFocusRingTokenTest.php @@ -0,0 +1,31 @@ +seed(); + + $this->post('/admin/login', [ + 'email' => 'platform.admin@demo.local', + 'password' => 'Platform@123456', + ])->assertRedirect('/admin'); + } + + public function test_admin_theme_css_should_define_primary_focus_ring_token(): void + { + $this->loginAsPlatformAdmin(); + + $css = file_get_contents(public_path('css/admin-theme.css')); + $this->assertIsString($css); + + $this->assertStringContainsString('--adm-primary-focus-ring', $css); + } +}