Modifying Themes

Development
21

This is not the solution. As you have several background color for a widget. This depends on the Gtk.StateFlags (Gtk.StateFlags)

I recently had to use this when adding colors to a popup menu ( See New way to add tags in GraphView by SNoiraud · Pull Request #519 · gramps-project/addons-source · GitHub )

Depending on the background brightness, I set the text color to either white, either black.

1 Like
22

The Themes is a recent addon. Before that, to use anything other than the light or dark Adwaita was cumbersome. With the addon, you can download and use virtually any theme out there many with the dark theme option. But as not everyone installs all addons, the dark option on Colors is still needed.

1 Like
23

Seeing as the Gdk call used a RGBa color space, I tried using a 25% opaque alpha channel, bumping the first level down from a color highlight to a brightness change highlight and re-ordered the colors according to how they are arranged on a color wheel. (Which add context… following the color wheel ordering implies a progression.)

The alpha channel works well for both Light & dark themes. And it seems a bit more subtle to me.

image
image

FilterParams.py Lines 138 and (updated) 139

        self.categories_translated = [_(cat) for cat in self.categories]
        self.colors = [
             Gdk.RGBA(0.75,0.75,0.75, 0.250),
             Gdk.RGBA(0.75,0.75,0.99, 0.250),
             Gdk.RGBA(0.75,0.99,0.99, 0.250),
             Gdk.RGBA(0.75,0.99,0.75, 0.250),
             Gdk.RGBA(0.99,0.99,0.75, 0.250),
             Gdk.RGBA(0.99,0.75,0.75, 0.250),
             Gdk.RGBA(0.99,0.75,0.99, 0.250),
        ]
24

FilterParams tool addon Version: 1.1.5 in Adwaita theme on Fedora

image
image673×710 45.3 KB

image
image685×710 38.7 KB

25

The Gtk4 theme is reportedly a very flat theme that seems to annoy some people. To defuse probable user complaints when we switchover, perhaps Gramps 5.3 should roll the Themes add-on into the Core and, to highlight the new feature, include a highly wildly differing theme to previous version… but be bundled with (or have an add-on) of the previous theme too. So when Gtk changes, people will be comfortable with switching things up.

More importantly, perhaps the location for themes could be consolidated in the currently empty CSS folder Gramps User Directory space. It could encourage CSS artists.

Adwaita from Fedora :

image
image1366×806 261 KB

Win32 from Fedora :

image
image1366×806 262 KB

Mint-X-Blue (dark) from Fedora:

image
image1366×806 249 KB

Mint-X-Blue from Fedora:

image
image1366×806 256 KB

Mint-Y-Blue from Fedora:

image
image1366×806 254 KB

26

As discussed in another thread, @Nick-Hall added a data/gramps.css file in 5.2 that has the styling for the Addon Manager’s “lozenges”. The file was a bit difficult to find. On a Fedora box for user named districtsupport, the path was /home/districtsupport/.local/share/gramps/gramps.css

.lozenge {
  font-size: small;
  color: #ffffff;
  background-color: #0d6efd;
  padding: 3px;
  border-radius: 6px;
  box-shadow: 0px 0px 6px black;
}

.addon-row {
  border-width: 1px;
  border-style: solid;
  border-color: alpha(currentColor, .2);
  border-radius: 10px;
  margin: 1px;
}

paned>separator {
  margin: 0px;
  padding: 1px;
}

I am hoping that the lozenges will become actionable in the future so they would need different colors for differnt states. (perhaps where blue is default filtering, green is unfiltered and yellow is a user filter.)

It also seemed as though the shadow is a bit harsh. So I tweaked for that…

.lozenge {
  font-size: small;
  color: #ffffff; /* white text */
  background-color: #0d6efd; /* Default blue color */
  padding: 3px;
  border-radius: 6px;
  box-shadow: 1px 3px 2px rgba(10, 10, 50, 0.33); /* Default dark blue shadow */
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}