Adapting the battery icon trend in GNOME UI

Desktop
,
1

Windows 11 has recently adopted a battery icon style that has long been used by others, including Xiaomi’s HyperOS, Android 15, and—by a long stretch—Apple (who I believe started the trend, which MIUI later copied—oops).

Anyway, here’s the link to the Windows 11 icon I’m referring to:

What are the benefits of this setup?

  1. More expressive battery modes.
  2. Clearer visual distinction between battery levels.
  3. Overall, it just looks better. The current indicator looks squashed—even Yaru has a better-looking battery icon.

I’ve tried making the changes myself, but I believe St.Icon is limiting my ability to use custom dimensions. I experimented with a 16x24 or 16x20 (portrait) layout. The best I could do was set it to 24x24 or 20x20 and hope the top and bottom portions of the icon don’t get clipped.

1 Like
2

It would indeed be useful to distinguish more states, especially with the recent introduction of the “Preserve Battery Health” setting in GNOME (the icon when the battery is at 80% and plugged is currently ambiguous, for instance).

1 Like
3

Even power saver indication doesn’t exist

4

image
image421×122 6.93 KB

Hmmm 24 by 24 clips beautifully. If gnome allows this changes I can assign myself to work on this.

1 Like
5

I’d suggest you to get in touch with GNOME design team in #design:gnome.org matrix room, as any design changes need the blessings of the design team.

7

hmmm seems like an invitation is required.

8

What is your Matrix username? I should be able to invite you.