[solved] Can anyone use gtk inspector and tell me the class name of the sidebar of gtk4 apps like nautilus
Basically I am using this gtk.css
file in ~/.config/gtk-4.0/gtk.css
but it’s weird that the sidebar is not themed correctly. If anyone knows about this, please do tell. My only lead at this moment is to find the class and add it in gtk.css file
. For some reason I can’t install the gtk inspector app
, So if anyone has it already or knows the classname, please help.
gtk.css file ->
<span style="color:#323232;">@define-color accent_color #fe8019;
</span><span style="color:#323232;">@define-color accent_bg_color #d65d0e;
</span><span style="color:#323232;">@define-color accent_fg_color #ebdbb2;
</span><span style="color:#323232;">
</span><span style="color:#323232;">@define-color destructive_color #8ec07c;
</span><span style="color:#323232;">@define-color destructive_bg_color #689d6a;
</span><span style="color:#323232;">@define-color destructive_fg_color #ebdbb2;
</span><span style="color:#323232;">
</span><span style="color:#323232;">@define-color success_color #b8bb26;
</span><span style="color:#323232;">@define-color success_bg_color #98971a;
</span><span style="color:#323232;">@define-color success_fg_color #ebdbb2;
</span><span style="color:#323232;">
</span><span style="color:#323232;">@define-color warning_color #fabd2f;
</span><span style="color:#323232;">@define-color warning_bg_color #d79921;
</span><span style="color:#323232;">@define-color warning_fg_color #ebdbb2;
</span><span style="color:#323232;">
</span><span style="color:#323232;">@define-color error_color #fb4934;
</span><span style="color:#323232;">@define-color error_bg_color #cc241d;
</span><span style="color:#323232;">@define-color error_fg_color #ebdbb2;
</span><span style="color:#323232;">
</span><span style="color:#323232;">@define-color window_bg_color #282828;
</span><span style="color:#323232;">@define-color window_fg_color #ebdbb2;
</span><span style="color:#323232;">
</span><span style="color:#323232;">@define-color view_bg_color #282828;
</span><span style="color:#323232;">@define-color view_fg_color #ebdbb2;
</span><span style="color:#323232;">
</span><span style="color:#323232;">@define-color headerbar_bg_color #282828;
</span><span style="color:#323232;">@define-color headerbar_fg_color #ebdbb2;
</span><span style="color:#323232;">@define-color headerbar_border_color #ebdbb2;
</span><span style="color:#323232;">@define-color headerbar_backdrop_color @window_bg_color;
</span><span style="color:#323232;">@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
</span><span style="color:#323232;">
</span><span style="color:#323232;">@define-color card_bg_color rgba(255, 255, 255, 0.08);
</span><span style="color:#323232;">@define-color card_fg_color #ebdbb2;
</span><span style="color:#323232;">@define-color card_shade_color rgba(0, 0, 0, 0.36);
</span><span style="color:#323232;">
</span><span style="color:#323232;">@define-color dialog_bg_color #3c3836;
</span><span style="color:#323232;">@define-color dialog_fg_color #ebdbb2;
</span><span style="color:#323232;">
</span><span style="color:#323232;">@define-color popover_bg_color #3c3836;
</span><span style="color:#323232;">@define-color popover_fg_color #ebdbb2;
</span><span style="color:#323232;">
</span><span style="color:#323232;">@define-color shade_color rgba(0, 0, 0, 0.36);
</span><span style="color:#323232;">@define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
</span><span style="color:#323232;">
</span>
Sidebar -> https://lemmy.world/pictrs/image/ba16b97e-66e8-4f72-a636-6516ebd975b5.png