Skip to content

Use theme constants in CSS

In various CSS style definitions we are hard coding colors, see [0].

In doing so, we make Usage incompatible with any other theme but Adwaita (GNOME's default).

For example:

  1. This is how Usage looks like in the Adwaita-dark variant image

  2. This is how it looks like in the HighContrast theme (this one is extra important because it affects users with visual impairment) image

In Gtk's there are many color definitions which are standardized across the apps, see [1]

Example: background-color: @theme_bg_color;

Some of the colors defined in [0] are approximations or outdated definitions. Therefore I expect you to compare them and find the theme correspondent that fits better.

[0] https://gitlab.gnome.org/GNOME/gnome-usage/blob/master/data/interface/adwaita.css [1] https://git.gnome.org/browse/gtk+/tree/gtk/theme/Adwaita/_colors-public.scss