diff --git a/src/content/modules/news_search/news_search.css b/src/content/modules/news_search/news_search.css index 2a1c164..13262c4 100644 --- a/src/content/modules/news_search/news_search.css +++ b/src/content/modules/news_search/news_search.css @@ -26,11 +26,8 @@ position: absolute; background-color: #1f2230; color: #f8f9ff; - border: 1px solid rgba(78, 161, 255, 0.35); - border-radius: 10px; - padding: 6px 0; + outline: 1px solid rgba(78, 161, 255, 0.35); min-width: 220px; - box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45); z-index: 1000; } @@ -42,6 +39,16 @@ transition: background-color 0.15s ease, color 0.15s ease; } +.ultrabox-news-search-autocomplete-item:nth-child(1) { + border-top-left-radius: 10px; + border-top-right-radius: 10px; +} + +.ultrabox-news-search-autocomplete-item:last-child { + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; +} + .ultrabox-news-search-autocomplete-item + .ultrabox-news-search-autocomplete-item { border-top: 1px solid rgba(255, 255, 255, 0.08); } diff --git a/src/content/schooltape/news_search_styles.css b/src/content/schooltape/news_search_styles.css index 236467e..817b38f 100644 --- a/src/content/schooltape/news_search_styles.css +++ b/src/content/schooltape/news_search_styles.css @@ -1,8 +1,20 @@ #ultrabox-news-search { - background-color: var(--ctp-surface1) !important; + background-color: hsl(var(--ctp-surface1)) !important; } #ultrabox-news-category-display { background-color: var(--sb-ck-active) !important; color: var(--sb-ck-active-grey) !important; } + +#ultrabox-news-search-autocomplete { + background-color: hsl(var(--ctp-surface2)) !important; + color: hsl(var(--ctp-text)) !important; + outline: 1px solid hsl(var(--ctp-accent)) !important; + border-radius: 10px 10px !important; +} + +.ultrabox-news-search-autocomplete-item:hover { + background-color: hsl(var(--ctp-accent)) !important; + color: hsl(var(--ctp-crust)) !important; +}