Sticky local tsks are a wonderful module. Since the module can also be displayed in the backend or, if you prefer, in the administration area of Drupal, I would ask you to consider implementing a dark mode.
Personally, my eyes are glad that we have finally implemented a dark mode in Drupal with Gin. Now this great module comes along and adds a very thick white layer to my dark administration area. That's not very stylish; it could look better, wouldn't you agree?
Add a dark mode variant via css and ui.
TBD
TBD
| Comment | File | Size | Author |
|---|---|---|---|
| #20 | CleanShot 2025-09-15 at 10.02.57.png | 871.39 KB | doxigo |
| #17 | sticky_local_tasks_gin_dark_mode.gif | 16.12 MB | joachim namyslo |
| #15 | LightMode-2.png | 24.71 KB | anirudhsingh19 |
| #15 | DarkMode-2.png | 23.53 KB | anirudhsingh19 |
| #12 | DarkMode.png | 23.99 KB | anirudhsingh19 |
Show commandsStart within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
changes
Comments
Comment #2
joachim namysloComment #5
jan kellermann commentedThen please have a look and give feedback :)
We added classes for gin and also for
tonicgeneral dark mode without gin as admin theme.Comment #6
joachim namysloWell, that looks much better than before.
It would be nicer, of course, if the background color of the circular icons could be adjusted when the dark mode settings are applied.
In this case, however, the icons should be inverted so that they are still clearly visible.
That would make the widget look much better in terms of design.
I also noticed that the duplicate entry task, created by ECA, does not have an icon. Here, you could consider implementing a generic icon for such cases. But that should be the subject of a separate issue.
Comment #7
jan kellermann commentedComment #8
anirudhsingh19 commentedworking on this.
Comment #9
anirudhsingh19 commentedI have updated the circular icons so their background color now matches the theme’s primary color. I also cleaned up the MR by removing redundant code.
If the icons had been implemented as inline SVGs, we could have changed their colors according to light and dark mode, but since they’re being used via CSS background-image, that option isn’t available.
Comment #10
doxigo commentedcan't we reverse the color via CSS?
Comment #11
anirudhsingh19 commented@doxigo I have explored a little and found a way to do that, working on the changes.
Comment #12
anirudhsingh19 commentedNow the icons color is also changes according to light and dark mode. Instead of using background-image property I have used mask-image property.
Comment #13
doxigo commentedGreat work so far, I personally don't like the accent color used. We should do our own good looking UI instead of doing high contrast accent colors
Comment #14
anirudhsingh19 commentedI have used the gin-color-primary variable here, so the color will change according to selected gin's theme accent color. I thought it would make the color match gin theme. But yes, we can use our own color too.
Comment #15
anirudhsingh19 commentedExperimented with the colors. Still uses the accent colors from gin variables.
Comment #16
joachim namysloOh I like that a lot. Thank you very much.
Comment #17
joachim namysloComment #18
joachim namysloMr 14 does it. Thank you very much, again.
Respects light mode ✅
respects darkmode ✅
reflects accent color ✅
Comment #19
doxigo commentedThanks for the work but I kinda don't like it. We need to make the option to use Gin accent color optional. I tested on a couple of projects with different accent colors and it looks just odd and doesn't go nicely in comparison with the previous UI
I'll see what I can do
Comment #20
doxigo commentedOkay, I made some changes. Now your MR changes would only load if we enabled the "Gin" as shown below:
Gonna do a bit more cleanup and fixes that would play nicely with this. Thanks for the work guys. Merged
Comment #22
doxigo commentedAlso added a "Dark theme" checkbox so you can enable dark theme regardless