hummingbird-me / kitsu-tools

:hammer: The tools we use to build Kitsu, the coolest platform for anime and manga
https://kitsu.io
Apache License 2.0
2.09k stars 265 forks source link

Override System Styles #806

Closed rushsteve1 closed 4 years ago

rushsteve1 commented 6 years ago

Description: On Linux, in Firefox specifically, input tags are styled according to the system's GTK theme. This can cause certian elements to be wildly out of place compared to the rest of the site. This seems to apply varyingly, with some text inputs being entirely the system colour, number pickers having coloured handles.

Steps to reproduce:

  1. Enable a non-standard GTK theme. It is most noticeable with dark themes.
  2. Go to Kitsu and notice that inputs are a different color.

Screenshots (if applicable): Quick updater

Library search

Spinner buttons

OS and Browser: Manjaro Linux Firefox w/ Breeze-Dark GTK theme

Solution: Generally speaking something as simple as this global style fixes most of the issues.

input, textarea {
    background-color: white;
    color: grey;
}