From 88a877c88315b434b025e2b3fa6e99c454d4d88d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Peter=20Dom=C3=ADnguez?= Date: Fri, 4 Apr 2025 15:26:37 -0400 Subject: [PATCH] correctly style search results and make them contrast better with different colors --- layouts/partials/custom-head.html | 21 ++++++++++++++++----- 1 file changed, 16 insertions(+), 5 deletions(-) diff --git a/layouts/partials/custom-head.html b/layouts/partials/custom-head.html index 1a8ed00..a1b640d 100644 --- a/layouts/partials/custom-head.html +++ b/layouts/partials/custom-head.html @@ -6,6 +6,22 @@ pre code { background-color: #44475a; line-height: 1.4; margin: -6px; margin-top: 20px; margin-bottom: 30px; border-radius: 8px; padding-top: 12px; padding-bottom: 12px;} code { padding: 2px 4px; font-size: 90%; border-radius: 4px; color: #f8f8f2; background-color: #6272A4; } +#searchResults a { + color: #F8F8F2; +} + +#searchResults a:hover { + color: #FF79C6; +} + +#searchResults a:hover .title { + color: #FF79C6; +} + +#searchResults a .title { + color: #8BE9FD; +} + a:hover { color: #f8f8f2; } @@ -160,11 +176,6 @@ body { if (isPlatformAltOrCmdKey(event) && event.key === '/') { } - #searchResults li .title { font-size: 1.1em; margin-bottom: 10px; display: inline-block;} - -#searchResults { visibility: inherit; display: inline-block; width: 320px; } -#searchResults a { text-decoration: none !important; padding: 10px; display: inline-block; } - #searchResults a:hover, a:focus { outline: 0; background-color: #666; color: #f3f8f8; }