diff --git a/ghost/admin/app/styles/app-dark.css b/ghost/admin/app/styles/app-dark.css index e3fc854dfd..a046b9a880 100644 --- a/ghost/admin/app/styles/app-dark.css +++ b/ghost/admin/app/styles/app-dark.css @@ -738,6 +738,14 @@ input:focus, background: var(--whitegrey); } +.gh-list-scrolling tbody tr:hover > a:first-of-type { + background: linear-gradient(315deg, var(--whitegrey) 60%, var(--white) 100%); +} + +.gh-list-scrolling tbody tr:hover > a:not(:first-of-type) { + background: var(--whitegrey); +} + .gh-content-status-published { background: var(--whitegrey-l1); } diff --git a/ghost/admin/app/styles/components/lists.css b/ghost/admin/app/styles/components/lists.css index f937b9db59..49113ac3ce 100644 --- a/ghost/admin/app/styles/components/lists.css +++ b/ghost/admin/app/styles/components/lists.css @@ -403,6 +403,14 @@ ul.nostyle li { border-bottom: var(--whitegrey) 1px solid; } +.gh-list-scrolling tbody tr:hover > a:first-of-type { + background: linear-gradient(315deg, var(--whitegrey-l2) 60%, var(--white) 100%); +} + +.gh-list-scrolling tbody tr:hover > a:not(:first-of-type) { + background: var(--whitegrey-l2); +} + @media (max-width: 800px) { .gh-list-scrolling { max-width: calc(100% + 8vw);