/Kagi-Theme

This is a custom theme for Kagi Search

Primary LanguageSCSSGNU General Public License v3.0GPL-3.0

Kagi Theme

This is a custom theme for Kagi Search

Screenshots

Show.001

Show.002

Show.003

Show.004

Usage

In the Kagi Search engine navigate to the appearence settings, then at the bottom there should be a "custom css" option, choose that then copy the full contents of theme.css into the field and save. If you want the ball in the background, is is slightly more complex, that is you must copy the contents of ball.svg to the top of the custom css field and then the contents og theme.css below it,

for reference theme.css is in the dist folder, as of now theme.scss will not work in the custom css field

Ideas for later

  • Add support for userstyle browser extensions
  • Tweak the colours a bit more
    • No more gradient
    • Readability
  • Customize the UI a lot more,
    • I am trying to go for a Modern Design that is friendly and fimiliar...
    • Maybe I could change up the colors? ()
    • Maybe I could also customize the toggles?
    • What should the at a glance wikipedia results look like?
      • Should they be in a distinct container?
      • News results, should they be brighter?

Contributing

Contributing is welcome at this time, but I may take some time to review any pull request, also keep in mind that this theme is early alpha made for a Search Engine that is in Beta, so things may break as changes are made to the Kagi Search Engine... Also note that I did write this fast so expect my code at this stage to be very messy, I will think about refactoring it later, but not now...

Goal

My goal with this is to make the experence on Kagi easier for people like me, because as of the writing Kagi Search is a really good search engine, but for me specifically it is hard to use, mostly because the lack of defined sections, I myself have issues with finding the search box on the Search results page for example, but with this theme I can easly find it. One other thing this aims to solve is the lack of colour, I love the colour purple so I themed it approperatly... This theme also aims to fix small annoyances I have with Kagi as well, such as the clear search button disappearing on the search results page, the lack of rounded corners, as well as the (slighly) small font size (I set the base font size to 14pt so that I can have an easier time reading the text).