Skip to content

Instantly share code, notes, and snippets.

@slaughtr
Created April 11, 2024 17:44
Show Gist options
  • Save slaughtr/17564d9f4aac7f3b20dc1b604e155aff to your computer and use it in GitHub Desktop.
Save slaughtr/17564d9f4aac7f3b20dc1b604e155aff to your computer and use it in GitHub Desktop.
Kagi CSS to be more like the old theme and remove those underlines in links
:root {
--custom-bg-color: #090c10;
--search-result-gap: 20px;
--search-result-gap-mobile: 10px;
--app-bg: var(--custom-bg-color);
--search-result-title: #fff;
--primary-visited: #aaa;
/*! --quick-search-bg: #000; */
--color-search-input: var(--custom-bg-color);
--result-item-title-border: rgba(255,255,255,0.25);
--search-result-date-bg: rgba(255,255,255,0.15);
}
.__sri-time {
font-size: 12px;
border-radius: 2px;
margin-right: 3px
}
.__sri-desc {
padding-top: 3px;
}
.__sri-title {
margin-bottom: 6px;
}
.__sri-url .__sri_url_path_box {
margin-top: 0px;
}
.__sri-title .__sri_title_link {
border-bottom: 0px;
}
.__srgi-title a {
border-bottom: 0px;
}
@media screen and (max-width: 1300px) {
.search-result, .sri-group {
padding-top: 0px !important;
padding-bottom: 0px !important;
margin-bottom: var(--search-result-gap-mobile) !important;
}
}
@slaughtr
Copy link
Author

Shamelessly copied most of this from the forums: https://kagifeedback.org/d/3771-black-dark-theme

Added the border-bottom changes because those underlined links make me want to puke

@slaughtr
Copy link
Author

This is terrible on mobile, so to just kill off underlined links:

.__sri-title .__sri_title_link {
  border-bottom: 0px;
}

.__srgi-title a {
  border-bottom: 0px;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment