Catppuccin Mocha Theme For Kagi
Custom CSS to apply a colorful #Catppuccin Mocha theme to #Kagi search
cool-as-heck.blog/catppuccin-m…
Custom CSS to apply a colorful #Catppuccin Mocha theme to #Kagi search
cool-as-heck.blog/catppuccin-m…
Catppuccin Mocha Theme For Kagi
Custom CSS to apply a colorful Catppuccin Mocha theme to Kagi searchCool As Heck
This entry was edited (4 days ago)
Jcrabapple
Unknown parent • • •Michael
in reply to Jcrabapple • • •𝑵𝒆𝒂𝒅𝑹𝒆𝒑𝒐𝒓𝒕
in reply to Jcrabapple • • •Jcrabapple
in reply to 𝑵𝒆𝒂𝒅𝑹𝒆𝒑𝒐𝒓𝒕 • • •Mark Pitblado
in reply to Jcrabapple • • •Jcrabapple
in reply to Mark Pitblado • • •uncenter
in reply to Jcrabapple • • •Jcrabapple
in reply to uncenter • • •Jcrabapple
in reply to Jcrabapple • • •Alt Bot
in reply to Jcrabapple • • •The image shows a dark-themed Kagi search engine webpage. At the top, the URL "kagi.com" is displayed in a search bar, along with share and menu icons. Below, "The Assistant" is labeled. The main search area shows the word "kagi" in a stylized font, next to a simple cartoon drawing of a dog sitting next to a small ball. Underneath is a search bar with the placeholder text "Let's fetch...". At the bottom are buttons for "Web," "Images," "Videos," and "News."
... Show more...―
A dark-themed Kagi.com Control Center settings page is shown. Options include Settings, Contact Support, Send Feedback, Theme selection (Default, Light, Dark), Safe Search toggle, Enable Custom CSS toggle, Session Link with a "Copy" button, Download Kagi Extension button, and Information & Updates section with About and Blog links. There is also a Sign Out button at the bottom. The URL kagi.com is visible at the top.
―
A dark-themed Kagi assistant interfa
The image shows a dark-themed Kagi search engine webpage. At the top, the URL "kagi.com" is displayed in a search bar, along with share and menu icons. Below, "The Assistant" is labeled. The main search area shows the word "kagi" in a stylized font, next to a simple cartoon drawing of a dog sitting next to a small ball. Underneath is a search bar with the placeholder text "Let's fetch...". At the bottom are buttons for "Web," "Images," "Videos," and "News."
―
A dark-themed Kagi.com Control Center settings page is shown. Options include Settings, Contact Support, Send Feedback, Theme selection (Default, Light, Dark), Safe Search toggle, Enable Custom CSS toggle, Session Link with a "Copy" button, Download Kagi Extension button, and Information & Updates section with About and Blog links. There is also a Sign Out button at the bottom. The URL kagi.com is visible at the top.
―
A dark-themed Kagi assistant interface shows a cartoon dog lying down, seemingly tired, next to a small purple gear. The text "Hello, how can we help you today?" is displayed. Below is a smaller text box reading "Assistant can make mistakes. Think for yourself when using it." At the bottom are input options: a text field, a paperclip icon, a microphone icon, a play button, a dropdown menu selecting "Claude 3.5 Sonnet," and a toggle switch labeled "Web Access." The URL kagi.com/assistant is visible at the top.
―
A screenshot of a Kagi search results page for "NASA." The page displays several news headlines related to NASA, including: "New Commercial Artemis Moon Rovers Undergo Testing at NASA," "NASA Selects Four Commercial Companies to Support Near Space," "SpaceX SuperHeavy," "NASA, Axiom Space Change Assembly Order of Commercial Space Station," and "Space Shuttle Vessel." Below these, there are two additional news items from space.com regarding Artemis mission delays and the Parker Solar Probe's potential Christmas Eve sun flyby. The page also shows options to filter results by images, videos, podcasts, and maps.
Provided by @altbot, generated using Gemini
Cliff
in reply to Jcrabapple • • •Jcrabapple
in reply to Cliff • • •Cliff
in reply to Jcrabapple • • •Gotcha. I too don't use light mode. Was just curious what it looked like if there was a light mode.
I might give this a try though, as it looks really good. Great job on it.
Jcrabapple
in reply to Cliff • • •Cliff
in reply to Jcrabapple • • •Jcrabapple
in reply to Cliff • • •Cliff
in reply to Jcrabapple • • •John Bowdre
in reply to Jcrabapple • • •Jcrabapple
in reply to John Bowdre • • •k.v. :bc:
in reply to Jcrabapple • • •Andy :starfleet_command:
in reply to Jcrabapple • • •Jcrabapple
in reply to Andy :starfleet_command: • • •mb
in reply to Jcrabapple • • •Jcrabapple
in reply to mb • • •mb
in reply to Jcrabapple • • •Jcrabapple
in reply to mb • • •Jcrabapple
in reply to Jcrabapple • • •mb
in reply to Jcrabapple • • •John Bowdre
in reply to Jcrabapple • • •I really love this, particularly how it dresses up the Assistant interface.
I did make a minor adjustment:
--inline-domain-tag-bg: var(--surface1)instead ofvar(--pink)(light-green text on pink was hard to read)Jcrabapple
in reply to John Bowdre • • •John Bowdre
in reply to Jcrabapple • • •Jcrabapple
in reply to John Bowdre • • •Jcrabapple
in reply to Jcrabapple • • •@john someone opened this feature request to be able to link custom CSS from a URL.
kagifeedback.org/d/5765-custom…
Custom CSS via url - Kagi Feedback
kagifeedback.orgJohn Bowdre
in reply to Jcrabapple • • •Oh that would be super.
I re-added the contents from the latest version of the gist and everything looks beautiful. Big thanks for putting this together!
Jcrabapple
in reply to John Bowdre • • •