Skip to content
 
 

Latest commit

 

History

95 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Kagi Darker logo

Upgrade (and darken) your Kagi Search experience.

IntroFeaturesInstallationFeedbackGalleryCredits


Note

Updates coming Soon™

The theme requires a complete rewrite to fix bugs, modernise and update to Kagi's latest additions.

See #2

Please add any other issues you find.


Kagi Darker

I built this dark theme as I wasn't satisfied with any other theme out there. Inspired by Google and Brave Search.

It will be continually updated as Kagi Search changes and evolves, so star the repo and check back for changes!

As I use it everyday, I should spot any issues, but if I've missed anything, please raise an issue!

⭐️ Featured in the official Kagi Docs! ⭐️

Important

This theme only works with dark mode, it does not, and will not, work with light mode.
Please follow installation instructions below.

Search Images Gif iPhone

More images available in the Gallery


Features

  • User-configurable colours at the top of the CSS file
  • Search results clearly dileanated into sections
  • Glassy header on desktop - inspired by Apple's Liquid Glass
  • Pure black background for OLED goodness
  • Pleasant animations throughout, and nice mouseover highlights make it feel interactive
  • Fully responsive using CSS selectors for desktop and mobile
  • Kagi Assistant theme that mirrors the search results, putting each message into a bubble so they're easier to read
  • Kagi Assistant now has a sticky input field that has the same glassy effect that the header does.
  • & much more!

Installation

  1. Download the latest kagi-darker .css file.

  2. Copy the entire contents of the css file.

  3. Paste the css into the input field at Kagi Settings & turn on Enable Custom CSS.

  4. Copy the settings in the image below in the Appearance tab.

  5. Save and enjoy your enhanced Kagi experience!

    Appearance Settings

Feedback

If you've found a bug, please raise an issue, comment on the Discord thread here, or the Reddit thread here

Known Issues: Kagi Translate is currently not supported. Please toggle "custom css" to off in the Translate settings until I can rework the theme code to suit Translate. Sorry for any inconvenience!


Credits

  • Based on the wonderful theme by pdanzma, I've heavily modified and cut it down to suit my tastes, and to fix bugs on mobile in particular.
  • Thanks to the support from the community for downloading the theme and writing encouraging comments.
  • Thanks also to the people in the Discord thread linked above who have raised issues so I can fix them :)
  • And finally to the Kagi team for featuring me in their docs and their social media, and for encouraging and helping me via the Discord. Legends! (also for developing the best software products in the world)

About

Custom CSS for Kagi search engine with Glassmorphism elements, inspired by Google and Brave Search.

Topics

Resources

Stars

90 stars

Watchers

3 watching

Forks

Releases

Contributors

Languages