I tested the CSS with multiple viewports, but I should’ve cross checked it on multiple browsers and in the itch app too. There are some inconsistencies with the components’ appearance, on different browsers.

color-mix

All components make use of user page’s theme color, instead of having to pick the color manually one by one.

Accordion and Inputs use color-mix function to ‘lighten’ its background color, based on the page theme.

At the time of writing this, about ~19% of global browser usage doesnt support color-mix.

I’ve read here that itch app use Chromium for its browser engine, which should be able to support that feature. But it doesn’t work when I tested it. Or maybe its just my laptop.

I added some fallback, if the browsers doesn’t support color-mix, Accordion will use BG 2 color for its background, and Text color for its border instead.

Also, Inputs now have ‘border’ instead of background color.

Arrow point

A comparison between default and fallback version of Accordion:

The left/default bullet point on accordion still appear on the itch app. Tried everything, and still have no idea how to remove it :/

thats it for now, thank you for reading. and dont forget to update your browser