Skip to content

Instantly share code, notes, and snippets.

@surfaceflinger
Last active July 9, 2025 09:15
Show Gist options
  • Save surfaceflinger/2ede5b03fca2fee7fc0d60a7528235e4 to your computer and use it in GitHub Desktop.
Save surfaceflinger/2ede5b03fca2fee7fc0d60a7528235e4 to your computer and use it in GitHub Desktop.
Custom CSS for Kagi that makes results more readable, like in old Google Search. Also makes the Kagi logo colorful
:root {
--search-result-title: #1a0dab;
--search-result-url-link: #006621;
--result-item-title-border: rgba(0, 0, 0, 0);
}
@media (prefers-color-scheme: dark) {
:root {
--search-result-title: #99c3ff;
--search-result-url-link: #b2d2a4;
}
}
.logo_kagi svg path:nth-of-type(1) {
fill: #4285f4;
}
.logo_kagi svg path:nth-of-type(2) {
fill: #db4437;
}
.logo_kagi svg path:nth-of-type(3) {
fill: #f4b400;
}
.logo_kagi svg path:nth-of-type(4) {
fill: #0f9d58;
}
.logo_kagi svg path:nth-of-type(5) {
fill: #0f9d58;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment