From 3c14750e90e2959f09489ffd36cd091944b4d70a Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 24 Dec 2025 19:36:26 +0200 Subject: [PATCH] style/links: improve the selection outline --- apps/client/src/stylesheets/theme-next-dark.css | 1 + apps/client/src/stylesheets/theme-next-light.css | 1 + apps/client/src/stylesheets/theme-next/notes/text.css | 4 ++-- 3 files changed, 4 insertions(+), 2 deletions(-) diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css index 59e2cb9a1..b1284cb19 100644 --- a/apps/client/src/stylesheets/theme-next-dark.css +++ b/apps/client/src/stylesheets/theme-next-dark.css @@ -77,6 +77,7 @@ --link-color: #95c3d9; --link-hover-background: #75c2e324; --link-hover-color: var(--link-color); + --link-selection-outline-color: #75c2e385; --hover-item-text-color: #efefef; --hover-item-background-color: #ffffff16; diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css index 6ae0119cf..5ee13dd6d 100644 --- a/apps/client/src/stylesheets/theme-next-light.css +++ b/apps/client/src/stylesheets/theme-next-light.css @@ -77,6 +77,7 @@ --link-color: #0076af; --link-hover-background: #3c7fa017; --link-hover-color: var(--link-color); + --link-selection-outline-color: #95c3d9db; --hover-item-text-color: black; --hover-item-background-color: #0000001a; diff --git a/apps/client/src/stylesheets/theme-next/notes/text.css b/apps/client/src/stylesheets/theme-next/notes/text.css index d31acc280..394ac7b37 100644 --- a/apps/client/src/stylesheets/theme-next/notes/text.css +++ b/apps/client/src/stylesheets/theme-next/notes/text.css @@ -678,8 +678,8 @@ html .note-detail-editable-text :not(figure, .include-note, hr):first-child { .ck-content a.ck-widget.ck-widget_selected, .ck-content a.ck-link_selected { - outline: 2px solid var(--input-focus-outline-color); - outline-offset: 2px; + outline: none; + box-shadow: 0 0 0 2px var(--link-selection-outline-color); background: var(--link-hover-background); }