Gradience
Gradience copied to clipboard
GradienceTeam
feat: light/dark presets
It would be great if there is an option for applying the settings on both light/dark theme, bc when i edit the theme it just applies it for one theme and makes dark mode not working
Is it possible to do that though with gtk.css? Let me check.
On Fri, Jul 22 2022 at 08:10:21 AM -0700, Radical4ever @.***> wrote:
It would be great if there is an option for applying the settings on both light/dark theme, bc when i edit the theme it just applies it for one theme and makes dark mode not working
— Reply to this email directly, view it on GitHub https://github.com/ArtyIF/AdwCustomizer/issues/12, or unsubscribe https://github.com/notifications/unsubscribe-auth/AB5FPQQS434VDVJDETWH6C3VVK2V3ANCNFSM54L4SRYQ. You are receiving this because you are subscribed to this thread.Message ID: @.***>
Since my other email didn't get sent here for some reason - yes, it's possible. Noted.
i leave you my gtk.css file that i use for that:
@define-color accent_color @green_4;
@define-color accent_bg_color @green_4;
@define-color window_bg_color;
@define-color window_fg_color;
@define-color headerbar_bg_color;
@define-color headerbar_fg_color;
@define-color popover_bg_color;
@define-color popover_fg_color;
@define-color view_bg_color;
@define-color view_fg_color;
@define-color card_bg_color rgba(255, 255, 255, 0.08);
@define-color
and it works both with adw-gtk3 theme just paste the same file over gtk-3.0
In the meantime copy the gtk.css in gtk-4.0 and gtk-3.0 and rename it gtk-dark.css, that should work
Wait, why would it do that for you? It doesn't for me. It always applies the same theme regardless of the color scheme chosen.
Are you copying those CSS files into your theme or something? Because this program doesn't change the theme files, it just copies the parameters to ~/.config/gtk-4.0/gtk.css (or 3.0 for gtk3). That file is always applied about the selected theme or app's theme (unless the app sets the priority higher like I do, which is technically not recommended) no matter the chosen color scheme.
Are you copying those CSS files into your theme or something? Because this program doesn't change the theme files, it just copies the parameters to
~/.config/gtk-4.0/gtk.css(or 3.0 for gtk3). That file is always applied about the selected theme or app's theme (unless the app sets the priority higher like I do, which is technically not recommended) no matter the chosen color scheme.
i dont use a theme or something else, i just add the parameters for the accent color and the rest i leave it empy (so it uses the default value) and then i just save it in ~/.config/gtk-4.0 or gtk-3.0, so it always use the same color on all apps.
just save it as gtk.css and put it in gtk-4.0 and that should work on libadwaita apps and for adw-gtk3 i do the same and restart the gtk3 apps
And it doesn't apply when you have it set to dark, right?
On Fri, Jul 22 2022 at 10:29:16 AM -0700, Radical4ever @.***> wrote:
Are you copying those CSS files into your theme or something? Because this program doesn't change the theme files, it just copies the parameters to ~/.config/gtk-4.0/gtk.css (or 3.0 for gtk3). That file is always applied about the selected theme or app's theme (unless the app sets the priority higher like I do, which is technically not recommended) no matter the chosen color scheme.
i dont use a theme or something else, i just add the parameters for the accent color and the rest i leave it empy (so it uses the default value) and then i just save it in ~/.config/gtk-4.0 or gtk-3.0, so it always use the same color on all apps.
— Reply to this email directly, view it on GitHub https://github.com/ArtyIF/AdwCustomizer/issues/12#issuecomment-1192791013, or unsubscribe https://github.com/notifications/unsubscribe-auth/AB5FPQUETYOFTJCFFUBUW3DVVLK6ZANCNFSM54L4SRYQ. You are receiving this because you commented.Message ID: @.***>
just save it as gtk.css and put it in gtk-4.0 and that should work on libadwaita apps and for adw-gtk3 i do the same and restart the gtk3 apps
It's supposed to automatically get put in gtk-4.0 and gtk-3.0.
just save it as gtk.css and put it in gtk-4.0 and that should work on libadwaita apps and for adw-gtk3 i do the same and restart the gtk3 apps
It's supposed to automatically get put in gtk-4.0 and gtk-3.0.
oh, sorry! i was talking about the gtk.css file i mentioned earlyer that i made
i leave you my
gtk.cssfile that i use for that: @define-color accent_color @green_4; @define-color accent_bg_color @green_4; @define-color window_bg_color; @define-color window_fg_color; @define-color headerbar_bg_color; @define-color headerbar_fg_color; @define-color popover_bg_color; @define-color popover_fg_color; @define-color view_bg_color; @define-color view_fg_color; @define-color card_bg_color rgba(255, 255, 255, 0.08); @define-color
it just with this one that i made that i dont have the issue but when the app makes its own makes one with only the light theme set.
Ohhhhh. You can change the accent color like that in the app. Press the pencil icon next to the needed values (Accent Standalone Color and Accent Background Color in this case) and enter @green_4. If you want to use a dark theme, use the dropdown in the top to select the dark preset (do it before the @green_4 thing).
On Fri, Jul 22 2022 at 10:36:27 AM -0700, Radical4ever @.***> wrote:
just save it as gtk.css and put it in gtk-4.0 and that should work on libadwaita apps and for adw-gtk3 i do the same and restart the gtk3 apps
It's supposed to automatically get put in gtk-4.0 and gtk-3.0.
oh, sorry! i was talking about the gtk.css file i mentioned earlyer that i made
i leave you my gtk.css file that i use for that: @define-color accent_color @green_4; @define-color accent_bg_color @green_4; @define-color window_bg_color; @define-color window_fg_color; @define-color headerbar_bg_color; @define-color headerbar_fg_color; @define-color popover_bg_color; @define-color popover_fg_color; @define-color view_bg_color; @define-color view_fg_color; @define-color card_bg_color rgba(255, 255, 255, 0.08); @define-color
it just with this one that i made that i dont have the issue but when the app makes its own makes one with only the light theme set.
— Reply to this email directly, view it on GitHub https://github.com/ArtyIF/AdwCustomizer/issues/12#issuecomment-1192796200, or unsubscribe https://github.com/notifications/unsubscribe-auth/AB5FPQQTJGKP5QTFSUAJHODVVLLZXANCNFSM54L4SRYQ. You are receiving this because you commented.Message ID: @.***>
yeah i know that, but what i mean is that if its possible to made an option to apply both light/dark theme like that.
yeah i know that, but what i mean is that if its possible to made an option to apply both light/dark theme like that.
Like, apply separate color schemes for light and dark themes? Not yet.
yeah i know that, but what i mean is that if its possible to made an option to apply both light/dark theme like that.
Like, apply separate color schemes for light and dark themes? Not yet.
not separate, i mean like, an only color for both light/dark theme, without going to edit the 2 themes separately and with that you could switch between theme.
this is what i'm trying to mean (i couldnt make a video it stops when i change it)
Same theme for light and dark? It already does that.00:09, July 23, 2022, Radical4ever @.***>:
yeah i know that, but what i mean is that if its possible to made an option to apply both light/dark theme like that.
Like, apply separate color schemes for light and dark themes? Not yet.
not separate, i mean like, an only color for both light/dark theme, without going to edit the 2 themes separately and with that you could switch between theme.
—Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you commented.Message ID: @.***> -- Sent from Yandex Mail for mobile
Same theme for light and dark? It already does that
i mean like an option to apply the colors without doing the same thing on the dark variant
Okay I think I understood what you mean. Have one preset for both light and dark theme so you didn't have to apply a different color scheme when you change the theme. Is that right?
As in, one preset has a variant for light and dark theme, and when applying the scheme, you're still able to switch between light and dark without reapplying the scheme.
Okay I think I understood what you mean. Have one preset for both light and dark theme so you didn't have to apply a different color scheme when you change the theme. Is that right?
Yes, is that
As in, one preset has a variant for light and dark theme, and when applying the scheme, you're still able to switch between light and dark without reapplying the scheme.
Yeah, something like that
I've not tested this, but here's how it could be done.
- Create 2 files containing the light and dark themes. For example:
gtk-light.cssandgtk-dark.css. - Detect if
gsettings set org.gnome.desktop.interface color-schemeis set to'default'or'dark'. - If set to dark then symlink
gtk-dark.csstogtk.css, and if default symlink the other file.
I believe Libadwaita has a built-in function for detecting the color scheme. Also it won't change the theme automatically when you toggle it in system settings, so it's not that much different from how it works now.
I believe Libadwaita has a built-in function for detecting the color scheme. Also it won't change the theme automatically when you toggle it in system settings, so it's not that much different from how it works now.
I have done GTK3 auto-switch using Night Theme Switcher extension
No, I mean that if in system settings you switch to Light theme when you have a dark color scheme applied, currently the color scheme won't change to light.
On Thu, Jul 28 2022 at 07:42:18 AM -0700, David Lapshin @.***> wrote:
I believe Libadwaita has a built-in function for detecting the color scheme. Also it won't change the theme automatically when you toggle it in system settings, so it's not that much different from how it works now.
I have done GTK3 auto-switch using Night Theme Switcher https://nightthemeswitcher.romainvigier.fr/ extension
— Reply to this email directly, view it on GitHub https://github.com/ArtyIF/AdwCustomizer/issues/12#issuecomment-1198237744, or unsubscribe https://github.com/notifications/unsubscribe-auth/AB5FPQRWMQHM5SG37TUUU5TVWKL4VANCNFSM54L4SRYQ. You are receiving this because you commented.Message ID: @.***>
I mean something like this, in case you don't mean that already (all Libadwaita apps):
I see that this issue was marked as completed. In that case, how do I make use of light and dark modes using the preset themes? It seems like I have an option to select and apply one of the two, but this seems to break the "Light" and "Dark" functionality in Gnome Settings.
Hi @cachandlerdev
For some reason, Adwaita and Gtk are ignoring gtk-dark.css, so i've disabled this functionnality. This will come back very soon :rocket: