From 3c14750e90e2959f09489ffd36cd091944b4d70a Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 24 Dec 2025 19:36:26 +0200 Subject: [PATCH 1/9] 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); } From 219454c7d375bb03f4c8c4e1c000bc459f1ad2b0 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 24 Dec 2025 19:41:05 +0200 Subject: [PATCH 2/9] style/links: fix the color for links referencing colored notes --- apps/client/src/stylesheets/theme-next/notes/text.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/client/src/stylesheets/theme-next/notes/text.css b/apps/client/src/stylesheets/theme-next/notes/text.css index 394ac7b37..222dab7a9 100644 --- a/apps/client/src/stylesheets/theme-next/notes/text.css +++ b/apps/client/src/stylesheets/theme-next/notes/text.css @@ -692,7 +692,7 @@ html .note-detail-editable-text :not(figure, .include-note, hr):first-child { text-decoration: none; } -.ck-content a.reference-link.use-note-color > span { +.ck-content a.reference-link > span.use-note-color { color: var(--custom-color, inherit); } From 2340c307cf91d5b3d2a13cb6c796ae2d88dd0cd8 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 24 Dec 2025 20:06:50 +0200 Subject: [PATCH 3/9] style/label & relation definition dialog: fix the deformed close button --- apps/client/src/widgets/attribute_widgets/attribute_detail.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/client/src/widgets/attribute_widgets/attribute_detail.ts b/apps/client/src/widgets/attribute_widgets/attribute_detail.ts index 8ae3ae674..607af4995 100644 --- a/apps/client/src/widgets/attribute_widgets/attribute_detail.ts +++ b/apps/client/src/widgets/attribute_widgets/attribute_detail.ts @@ -82,7 +82,7 @@ const TPL = /*html*/`
${t("attribute_detail.attr_detail_title")}
- +
${t("attribute_detail.attr_is_owned_by")}
From c329ab7eee956f33c240a43cb448a90c72ce7cfe Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 24 Dec 2025 21:45:51 +0200 Subject: [PATCH 4/9] style/zen mode/formatting toolbar: fix the background --- apps/client/src/stylesheets/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/apps/client/src/stylesheets/style.css b/apps/client/src/stylesheets/style.css index 3c20cc400..3b1e76941 100644 --- a/apps/client/src/stylesheets/style.css +++ b/apps/client/src/stylesheets/style.css @@ -2182,7 +2182,7 @@ body.zen.experimental-feature-new-layout { display: none; } - .classic-toolbar-widget { + #rest-pane > div.classic-toolbar-widget { position: fixed; left: 50%; bottom: 20px; @@ -2197,6 +2197,7 @@ body.zen.experimental-feature-new-layout { padding: 4px; background: var(--menu-background-color); transform: translateX(-50%); + backdrop-filter: blur(6px); } #root-widget:has(.note-split.type-text:focus-within) .classic-toolbar-widget, From 5af87788c6f9887df1f24252468b975c942f80ec Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 24 Dec 2025 21:59:55 +0200 Subject: [PATCH 5/9] style/quick edit/promoted attributes: fix card ghost margin causing unnecessary scroll --- apps/client/src/stylesheets/theme-next/forms.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/apps/client/src/stylesheets/theme-next/forms.css b/apps/client/src/stylesheets/theme-next/forms.css index 6c4799da3..6de90a963 100644 --- a/apps/client/src/stylesheets/theme-next/forms.css +++ b/apps/client/src/stylesheets/theme-next/forms.css @@ -353,6 +353,11 @@ label.input-group.tn-number-unit-pair input { padding-inline-end: 0; } +:root .input-group > pre[aria-hidden="true"] { + margin: 0; + padding: 0; +} + /* Combo box-like dropdown buttons */ .select-button.dropdown-toggle::after { From d6cd252f2369ac1df027fc24c516e5bda246bf9a Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 24 Dec 2025 22:13:52 +0200 Subject: [PATCH 6/9] style/note title widget: fix the input selected text color when the current note is tinted --- apps/client/src/widgets/note_title.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/apps/client/src/widgets/note_title.css b/apps/client/src/widgets/note_title.css index cdca69cef..fca994e5b 100644 --- a/apps/client/src/widgets/note_title.css +++ b/apps/client/src/widgets/note_title.css @@ -18,6 +18,10 @@ div.note-title-widget { line-height: 1; padding-block: 0; padding-inline: var(--note-title-padding-inline); + + &::selection { + color: var(--main-text-color); + } } .note-title-widget input.note-title[readonly] { From 8af549aba4048b5e11f4bafc112a70e122de109d Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 24 Dec 2025 22:21:42 +0200 Subject: [PATCH 7/9] style/bottom panel: do not use Mica on horizontal layout --- apps/client/src/widgets/layout/StatusBar.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/apps/client/src/widgets/layout/StatusBar.css b/apps/client/src/widgets/layout/StatusBar.css index c5129223b..b35f45286 100644 --- a/apps/client/src/widgets/layout/StatusBar.css +++ b/apps/client/src/widgets/layout/StatusBar.css @@ -298,6 +298,11 @@ margin: 0 !important; padding: 0; + body.layout-horizontal.background-effects & { + /* Do not apply Mica over the bottom panel in the horizontal layout */ + background: var(--right-pane-background-color); + } + .bottom-panel-title-bar { display: flex; padding: 6px 12px; From 37d647261ac6d8c7db97f67a52f03be2d55d7b16 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 24 Dec 2025 22:39:10 +0200 Subject: [PATCH 8/9] style/watched file change alert bar: tweak --- apps/client/src/stylesheets/theme-next/shell.css | 8 ++++++++ apps/client/src/widgets/watched_file_update_status.ts | 2 +- 2 files changed, 9 insertions(+), 1 deletion(-) diff --git a/apps/client/src/stylesheets/theme-next/shell.css b/apps/client/src/stylesheets/theme-next/shell.css index 78ccc9455..4c06421fe 100644 --- a/apps/client/src/stylesheets/theme-next/shell.css +++ b/apps/client/src/stylesheets/theme-next/shell.css @@ -1374,6 +1374,14 @@ body.mobile .note-title { border-bottom: 2px solid #0000001c !important; } +body.experimental-feature-new-layout #center-pane .note-split > div.alert { + margin-top: 0; +} + +body.experimental-feature-new-layout #center-pane .note-split > div.alert + .scrolling-container { + padding-top: 20px; +} + /* * Promoted attributes */ diff --git a/apps/client/src/widgets/watched_file_update_status.ts b/apps/client/src/widgets/watched_file_update_status.ts index 4e3a93c81..b5c269680 100644 --- a/apps/client/src/widgets/watched_file_update_status.ts +++ b/apps/client/src/widgets/watched_file_update_status.ts @@ -17,7 +17,7 @@ const TPL = /*html*/`

${t("watched_file_update_status.file_last_modified")}

-
+
From 2a7023ea169c2a1199a3cb6bf2f06b333fa1e228 Mon Sep 17 00:00:00 2001 From: Adorian Doran Date: Wed, 24 Dec 2025 23:06:06 +0200 Subject: [PATCH 9/9] style/tab bar: fix tab button rounded corners on horizontal layout --- apps/client/src/stylesheets/theme-next/shell.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/client/src/stylesheets/theme-next/shell.css b/apps/client/src/stylesheets/theme-next/shell.css index 4c06421fe..35899cd9e 100644 --- a/apps/client/src/stylesheets/theme-next/shell.css +++ b/apps/client/src/stylesheets/theme-next/shell.css @@ -1085,7 +1085,7 @@ body.desktop:not(.background-effects.platform-win32) #root-widget.horizontal-lay margin-top: calc((var(--tab-bar-height) - var(--tab-height)) * -1); } -body.layout-horizontal .tab-row-widget .note-tab .note-tab-wrapper { +body.layout-horizontal div.tab-row-widget div.note-tab div.note-tab-wrapper { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }