Flavortown Catppuccin

I fixed the editing UI for devlogs so the colors match and look nice. I made all state-neutral cards have proper colors in the kitchen.

Fixed api key reroll button to be white.

I themed the API docs. I added a font family override switch to change the font to your system font. I added a proper accent-color to all inputs. Fixed the colors on modals (transparent bgs!). Added footer reference to me (i ned creds). I fixed scrollbars and the spacing on project card stats.

Stock badges now have @base text, improving readability. I also tweaked some colors on the sidebar to make the icons less blurry.

Revised all of the input stuff. All input colors now match the opposite of their background color, specifically @base. Text colors have been normalized with a very odd less loop that makes all text @text unless in an input group, then it is @base. This in turn fixed the search bar in the shop, and all of the comment inputs. I also added the UI for the vote pages and the list of your votes page. I have also added a @surfaceX background to the achievement toast.

I added themed scrollbars. Doesn’t really work on firefox but eh it’s better than nothing.

I themed /leaderboard, /achievements, and /users/*. I also added a mixin to show the secret achievements available in code. I fixed the post track to keep the images centered.

I fixed some of the blinding color issues from the previous versions. I collapsed the entire thing into one ruleset that affects the entire domain (since the page system didn’t even mean anything as all of the css is bundled in one file anyways). New color system and I darkened the green color by 10% so ye peepers don’t stop functioning. I fixed many issues with the sidebar and addressed the user profile under the sidebar. I also added some tweaks to the sizing of images in devlogs so they shrink to fit instead of being clamped to an aspect ratio.

I repackaged the entire style using the catppuccin library. I also rewrote it in less to support some macros which made it easier to maintain. I added support to switch themes and accent colors using stylus. I changed it so all buttons are now the selected accent color.

Got stylus set up to track my progress in hackatime, then I began work! Started off with my catppuccin css variable base then I went through the source code of flavortown, first changing all hardcoded colors to similar variables as a layer in my userstyle. Then, I patched the entire site with those colors making sure it looked nice in every case. Finally, I published it to userstyles.world. This served as an initial step that allows me to improve over time.