⚠️ Shell Engine Roadmap (see for list of bugs)

[tfuxu]

Feature description

The list below shows features that needs to be implemented to make Shell Engine fully "feature-complete". Items in "Issues" list should be all checked out before 0.8.0 release.

Roadmap:

• [ ] Add explanations for custom Shell colors
• [ ] Implement panel theming
• [ ] Theme export option (allow user to choose Shell version for which to generate the theme)
• [ ] Automatic theme variant detection (implement after preset format redesign)
• [ ] Revert to previous theme option (requires backup functionality implemented)
• [ ] System-wide theming (required to theme lock screen and GDM)
• [ ] Theme other colorable Shell assets

Issues:

• [x] Fix Quick Settings menu not being themed in GNOME 44
• [x] Fix date text color in Today's calendar widget using the same variable as foreground color for accent-colored elements
• [x] Fix icons in Quick Settings items not using foreground color for accent-colored elements
• [x] Adapt on-board keyboard to support custom themes

Additional Context

There is a Nightly Flatpak Repo available here for trying and reporting bugs of the upcoming Gradience version

Did you read the Code of Conduct?

• [X] I have read the Code of Conduct.

[V-Mann-Nick]

Thank you very much for the awesome work. I'm already using the shell engine and it looks really great. I really only noticed one minor thing: the dropdown in the quick settings have default color.

Screenshot


[tfuxu]

Thank you for your kind words! The issue you described here is the first item in issues list, I'll try to fix it as soon as I have some free time this week.

[V-Mann-Nick]

Perfect. Appreciate it a lot. Sorry for my redundant comment.

[0xMRTT]

Shell doesn't support @var_name so a function for converting each @var_name to the hex/rgb value is needed since @ vars are LibAdwaita only

[tfuxu]

Shell doesn't support @var_name so a function for converting each @var_name to the hex/rgb value is needed since @ vars are LibAdwaita only

Fixed in 1a5b1f4. We already have a function to handle that, it was just buggy.

[sidevesh]

@tfuxu Can we add touch keyboard keys to this ? The keyboard background allready uses the theme colors, only the keys need to be adapted.

[0xMRTT]

@sidevesh yes it should be possible

https://gitlab.gnome.org/GNOME/gnome-shell-sass/-/blob/master/widgets/_keyboard.scss#L33

[tfuxu]

@tfuxu Can we add touch keyboard keys to this ? The keyboard background allready uses the theme colors, only the keys need to be adapted.

Sure, we can add it to the list

[0xMRTT]

got it, it's already possible :)

[0xMRTT]

$key_bg_color = darken($osd_fg_color, 70%); and osd_fg_color can be set here:

I agree that it looks a wrong but the idea is here :). It will require a bit more customization for having the background

[0xMRTT]

without any tweaks, just by using the Catpuccin Mocha preset I got :

:warning: you need to use nightly for having the Shell theming feature

[tfuxu]

Great, first one off the list :ballot_box_with_check:

[0xMRTT]

@tfuxu I'm going to fix them soon. (this one wasn't an issue ... It was just available but unused by @sidevesh)

[sidevesh]

@0xMRTT I don't see where I can add these options, I see osd_fg_color already there in that list but not key_bg_color, and I don't see how I can add it

[0xMRTT]

@sidevesh That's because there isn't key_bg_color osd_fg_color do the job. Have a look at the catpuccin Mocha theme!

[sidevesh]

Found another issue that started happening recently, the sidebar in Geary seems to not get its color updated anymore, not sure if this happened due to updates to the app or adw-gtk3 theme (Geary is still using gtk3)

[sidevesh]

I couldn't test with newest commits since the arch aur gradience-git package is broken currently and does not build anymore

[0xMRTT]

QS Menu issue has been fixed!

[sidevesh]

@0xMRTT do you have any idea about the Geary sidebar issue I shared above ?

[0xMRTT]

@sidevesh I don't have it...

[0xMRTT]

try latest commit maybe (i've fixed the submodule issue)

[sidevesh]

weird, its still happening for me on arch, what theme is that which you have applied ?

[0xMRTT]

@sidevesh i've applied Pretty Purple

[sidevesh]

Yeah, I had tried with that theme too, same issue in geary still, weird

[0xMRTT]

@sidevesh what's your version of geary ?

[sidevesh]

44.0 (tags/44.0-0-gb72db2a5e)

[0xMRTT]

@sidevesh The issue here is that the sidebar is plain (no Gradience, and no adw-gtk3). Can you try removing ~/.config/gtk-3.0/gtk.css, kill geary and see if it's plain adw-gtk3 even for the sidebar. If not, try updating adw-gtk3...

[sidevesh]

@0xMRTT what do you mean its plain ? As in its not themable / hardcoded color or something like that ? I did try with the changes you suggested, not sure what I am looking for

[0xMRTT]

I mean that the colour of the sidebar is the one that the sidebar should have without any theming ?

[sidevesh]

I am not sure what happened but after removing ~/.config/gtk-3.0/gtk.css and then applying theme from gradience, at some point that file got deleted and is not coming back. I tried resetting gtk3 theming and applying themes again but it is not coming back.

[sidevesh]

Looks like gradience is completed borked now :( I can regenerate the gtk.css from Material You shell extension but then applying from Gradience deletes it again. No idea how this happened.

[Reinachan]

Some accent colours make the quick settings look a bit off.

Notice the dark line on the active pills with dropdowns. It ends up oversaturated and looks almost like it's too wide?

This is how the default colours are. As you can see, that line doesn't stick out as much here.

I'm using the 0.8.0-beta1 from flathub. Colours are:

Both backgrounds: #0d0d0d
All foregrounds: #ffffff
Accent: #ff8686

[inthreedee]

The sidebar color issue with Geary that was mentioned by @sidevesh above (https://github.com/GradienceTeam/Gradience/issues/763#issuecomment-1660237698) appears to be an upstream adw-gtk3 v4.9 issue, as downgrading to adw-gtk3 v4.8 fixes it. I've reported it here: https://github.com/lassekongo83/adw-gtk3/issues/240

[0xMRTT]

@inthreedee This issue is part of the new Libadwaita 1.4 widgets (sidebar and secondary sidebar). You can configure this vars with Gradience nightly

[ParaSpl01t]

Is shell theming available in GNOME 45.2 right now? I'm using gradience-git 0.8.0.beta1.r96.gab70ed87-1 from aur Everything works using pretty purple theme except shell gnome shell quick settings.

EDIT: I missed the APPLY button under Shell Engine option in theming tab. everything works now.

[manan-gup]

Hi, I've installed the 0.8.0-beta1-36b91fe flatpak nightly package. I tried applying the shell theme using the apply button in the shell engine section but nothing happened. Tried logging out too to no avail. Can I do anything to troubleshoot this?

[daudix]

@manan-gup do you have "User Themes" extension installed and enabled?

[manan-gup]

Yes I do. Should I disable it?

[daudix]

Nope. Could you check if there are theme with gradience in the name available? If there are one select it

[manan-gup]

This is what I'm getting. The Sweet* themes have been manually installed.

[daudix]

Hm, odd. Are you sure that you press the right apply button? (you need to press apply that are located in the shell theming section)

[manan-gup]

Yes, I pressed this one.

[daudix]

Alright, can you launch it from terminal with flatpak run com.github.GradienceTeam.Gradience.Devel and send the output here please

[manan-gup]

Traceback (most recent call last):
  File "/app/lib/python3.11/site-packages/gradience/frontend/widgets/shell_theming_group.py", line 113, in on_apply_button_clicked
    user_themes_available = is_shell_ext_installed(ShellTheme().THEME_EXT_NAME)
                                                   ^^^^^^^^^^^^
  File "/app/lib/python3.11/site-packages/gradience/backend/theming/shell.py", line 59, in __init__
    self._detect_shell_version()
  File "/app/lib/python3.11/site-packages/gradience/backend/theming/shell.py", line 326, in _detect_shell_version
    raise UnsupportedShellVersion(
gradience.backend.exceptions.UnsupportedShellVersion: GNOME Shell version 45 is not supported. (Supported versions: 42, 43, 44)

Oh, my bad. I didn't know that Gnome 45 is not supported. It would be nice to get this message in the UI as well.

[daudix]

Hm, it should be, try this build: https://github.com/GradienceTeam/Gradience/actions/runs/7214048889/artifacts/1115721706

[manan-gup]

Hm, it should be, try this build: https://github.com/GradienceTeam/Gradience/actions/runs/7214048889/artifacts/1115721706

It worked with this build. Thanks!

[daudix]

You're welcome ^^

[CaragC]

Using this build, when clicking the apply button next to "Shell Theming Options", nothing happens. The console prints out the following when running flatpak run com.github.GradienceTeam.Gradience.Devel

[Gradience] DEBUG: Spawning: ['flatpak-spawn', '--host', 'gnome-shell', '--version']

** (gradience:2): WARNING **: 15:59:06.037: Failed to load shared library 'libportal.so.1' referenced by the typelib: /app/lib/libportal.so.1: undefined symbol: g_once_init_leave_pointer
/app/lib/python3.11/site-packages/gradience/backend/globals.py:98: Warning: cannot retrieve class for invalid (unclassed) type 'void'
  portal = Xdp.Portal()
Traceback (most recent call last):
  File "/app/lib/python3.11/site-packages/gradience/frontend/widgets/shell_theming_group.py", line 113, in on_apply_button_clicked
    user_themes_available = is_shell_ext_installed(ShellTheme().THEME_EXT_NAME)
                                                   ^^^^^^^^^^^^
  File "/app/lib/python3.11/site-packages/gradience/backend/theming/shell.py", line 75, in __init__
    settings_retriever = FlatpakGSettings if is_sandboxed() else GSettingsSetting
                                             ^^^^^^^^^^^^^^
  File "/app/lib/python3.11/site-packages/gradience/backend/globals.py", line 98, in is_sandboxed
    portal = Xdp.Portal()
             ^^^^^^^^^^^^
TypeError: could not get a reference to type class

Is there anyway to fix this?

[daudix]

@CaragC do you have User Themes extension installed? it is needed for the shell theming to work

[CaragC]

Yes it is installed and does not show any Gradience themes. The second theme I installed myself.