Kagi already allows users to write custom CSS rules to personalize the appearance of the results.
I noticed that the CSS already includes variables for the color scheme. Perhaps Kagi could go further and use CSS variables to allow font customization based on user preferences.
We could have at least three variables that we could customize, and they would take font family values for serif, sans-serif, and monospace.
Example of variables based on what I found in the CSS:
:root {
--font-serif: lufga,serif; /* I couldn't find a serif, but maybe we could add Lugfa here */
--font-sans-serif: Helvetica,Arial,sans-serif;
--font-monospace: "Courier New",monospace;
}
These variables would then be used wherever a font family property is used.
This is particularly useful for the monospace font used in the calculator widget, for example, where a user might want to use their preferred monospace font, or when viewing code snippets with the programming lens.
