From 556baf2782bcd1450469647f8a4427369c4a7eba Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Fri, 13 Dec 2024 01:45:31 +0200 Subject: [PATCH] style(next): recent changes list: tweak timeline connector on item hover --- src/public/stylesheets/theme-next.css | 2 ++ src/public/stylesheets/theme-next/shell.css | 4 ++++ 2 files changed, 6 insertions(+) diff --git a/src/public/stylesheets/theme-next.css b/src/public/stylesheets/theme-next.css index b51b36825..5a1a9e890 100644 --- a/src/public/stylesheets/theme-next.css +++ b/src/public/stylesheets/theme-next.css @@ -217,6 +217,7 @@ --timeline-bullet-hover-color: black; --timeline-connector-color: #f1f1f1; --timeline-connector-active-color: #ddd; + --timeline-connector-hover-blend-mode: multiply; --tooltip-background-color: rgba(255, 255, 255, 0.85); --tooltip-foreground-color: #000000ba; @@ -361,6 +362,7 @@ --timeline-bullet-hover-color: white; --timeline-connector-color: #464646; --timeline-connector-active-color: #545454; + --timeline-connector-hover-blend-mode: exclusion; --tooltip-background-color: rgba(67, 67, 67, 0.86); --tooltip-foreground-color: #ffffffeb; diff --git a/src/public/stylesheets/theme-next/shell.css b/src/public/stylesheets/theme-next/shell.css index 0bc6ebe57..2685e0063 100644 --- a/src/public/stylesheets/theme-next/shell.css +++ b/src/public/stylesheets/theme-next/shell.css @@ -1140,6 +1140,10 @@ body .calendar-dropdown-widget .calendar-body a:hover { transition: background-color 400ms ease-in-out; } +.recent-changes-content ul li:hover:before { + mix-blend-mode: var(--timeline-connector-hover-blend-mode); +} + .recent-changes-content > div:hover { --timeline-connector-color: var(--timeline-connector-active-color); }