diff --git a/apps/client/src/stylesheets/theme-next-dark.css b/apps/client/src/stylesheets/theme-next-dark.css index 7053c2655..69753b0db 100644 --- a/apps/client/src/stylesheets/theme-next-dark.css +++ b/apps/client/src/stylesheets/theme-next-dark.css @@ -122,6 +122,7 @@ --quick-search-focus-background: #ffffff1f; --quick-search-focus-color: white; --quick-search-result-content-background: #0000004d; + --quick-search-result-highlight-color: #a4d995; --left-pane-collapsed-border-color: #0009; --left-pane-background-color: #1f1f1f; diff --git a/apps/client/src/stylesheets/theme-next-light.css b/apps/client/src/stylesheets/theme-next-light.css index a08d683f8..cf6e7c6eb 100644 --- a/apps/client/src/stylesheets/theme-next-light.css +++ b/apps/client/src/stylesheets/theme-next-light.css @@ -116,6 +116,7 @@ --quick-search-focus-background: #ffffff80; --quick-search-focus-color: #000; --quick-search-result-content-background: #00000017; + --quick-search-result-highlight-color: #c65050; --left-pane-collapsed-border-color: #0000000d; --left-pane-background-color: #f2f2f2; diff --git a/apps/client/src/stylesheets/theme-next/shell.css b/apps/client/src/stylesheets/theme-next/shell.css index ff3fd5e9e..cd3ed44ee 100644 --- a/apps/client/src/stylesheets/theme-next/shell.css +++ b/apps/client/src/stylesheets/theme-next/shell.css @@ -614,6 +614,14 @@ div.quick-search .search-button.show { border-radius: 4px; } +/* Highlighted search terms */ +:root .quick-search .search-result-title b, +:root .quick-search .search-result-content b, +:root .quick-search .search-result-attributes b { + color: var(--quick-search-result-highlight-color); + font-weight: 600; +} + /* Divider line */ .quick-search .dropdown-item::after { display: none;