Automatic Libadwaita theme switcher

autowaita.md

Automatic Libadwaita theme switcher

How to use?

1. Apply light theme using Gradience
2. rename gtk.css in ~/.config/gtk-4.0 to gtk-light.css
3. Apply dark theme using Gradience
4. rename gtk.css in ~/.config/gtk-4.0 to gtk-dark.css
5. Make autowaita.sh executable: Files > Right Click > Properties > Executable as Program
6. Put command to execute the script (e.g ~/./Autowaita/autowaita.sh) to the Commands tab of Night Theme Switcher, in both light and dark prompts

Example used here is Catppuccin Latte and Catppuccin Frappé

autowaita.sh

#!/bin/bash

# Automatic Libadwaita theme switcher

colorscheme=$(gsettings get org.gnome.desktop.interface color-scheme)
if [[ "$colorscheme" = "'default'" ]]; then
  ln ~/.config/gtk-4.0/gtk-light.css ~/.config/gtk-4.0/gtk.css --force
else
  ln ~/.config/gtk-4.0/gtk-dark.css ~/.config/gtk-4.0/gtk.css --force
fi

if [[ "$colorscheme" = "'default'" ]]; then
  echo "current color scheme is set to Light ☀️"
else
  echo "current color scheme is set to Dark 🌙"
fi

gtk-dark.css

@define-color accent_color rgb(81, 87, 109);
@define-color accent_bg_color rgb(65, 69, 89);
@define-color accent_fg_color rgb(198, 208, 245);
@define-color destructive_color rgb(234, 153, 156);
@define-color destructive_bg_color rgb(231, 130, 132);
@define-color destructive_fg_color rgb(198, 208, 245);
@define-color success_color rgb(166, 209, 137);
@define-color success_bg_color rgb(129, 200, 190);
@define-color success_fg_color rgb(198, 208, 245);
@define-color warning_color rgb(239, 159, 118);
@define-color warning_bg_color rgb(229, 200, 144);
@define-color warning_fg_color rgb(35, 38, 52);
@define-color error_color rgb(234, 153, 156);
@define-color error_bg_color rgb(231, 130, 132);
@define-color error_fg_color rgb(198, 208, 245);
@define-color window_bg_color rgb(48, 52, 70);
@define-color window_fg_color rgb(198, 208, 245);
@define-color view_bg_color rgb(41, 44, 60);
@define-color view_fg_color rgb(198, 208, 245);
@define-color headerbar_bg_color rgb(35, 38, 52);
@define-color headerbar_fg_color rgb(198, 208, 245);
@define-color headerbar_border_color rgb(131, 139, 167);
@define-color headerbar_backdrop_color @window_bg_color;
@define-color headerbar_shade_color rgba(0, 0, 0, 0.36);
@define-color card_bg_color rgb(41, 44, 60);
@define-color card_fg_color rgb(198, 208, 245);
@define-color card_shade_color rgba(0, 0, 0, 0.36);
@define-color dialog_bg_color rgb(41, 44, 60);
@define-color dialog_fg_color rgb(198, 208, 245);
@define-color popover_bg_color rgb(41, 44, 60);
@define-color popover_fg_color rgb(198, 208, 245);
@define-color shade_color rgba(0,0,0,0.36);
@define-color scrollbar_outline_color rgba(0,0,0,0.5);
@define-color blue_1 #99c1f1;
@define-color blue_2 #62a0ea;
@define-color blue_3 #3584e4;
@define-color blue_4 #1c71d8;
@define-color blue_5 #1a5fb4;
@define-color green_1 #8ff0a4;
@define-color green_2 #57e389;
@define-color green_3 #33d17a;
@define-color green_4 #2ec27e;
@define-color green_5 #26a269;
@define-color yellow_1 #f9f06b;
@define-color yellow_2 #f8e45c;
@define-color yellow_3 #f6d32d;
@define-color yellow_4 #f5c211;
@define-color yellow_5 #e5a50a;
@define-color orange_1 #ffbe6f;
@define-color orange_2 #ffa348;
@define-color orange_3 #ff7800;
@define-color orange_4 #e66100;
@define-color orange_5 #c64600;
@define-color red_1 #f66151;
@define-color red_2 #ed333b;
@define-color red_3 #e01b24;
@define-color red_4 #c01c28;
@define-color red_5 #a51d2d;
@define-color purple_1 #dc8add;
@define-color purple_2 #c061cb;
@define-color purple_3 #9141ac;
@define-color purple_4 #813d9c;
@define-color purple_5 #613583;
@define-color brown_1 #cdab8f;
@define-color brown_2 #b5835a;
@define-color brown_3 #986a44;
@define-color brown_4 #865e3c;
@define-color brown_5 #63452c;
@define-color light_1 #ffffff;
@define-color light_2 #f6f5f4;
@define-color light_3 #deddda;
@define-color light_4 #c0bfbc;
@define-color light_5 #9a9996;
@define-color dark_1 #77767b;
@define-color dark_2 #5e5c64;
@define-color dark_3 #3d3846;
@define-color dark_4 #241f31;
@define-color dark_5 #000000;

gtk-light.css

@define-color accent_color rgb(172, 176, 190);
@define-color accent_bg_color rgb(188, 192, 204);
@define-color accent_fg_color rgb(76, 79, 105);
@define-color destructive_color rgb(210, 15, 57);
@define-color destructive_bg_color rgb(230, 69, 83);
@define-color destructive_fg_color #eff1f5;
@define-color success_color rgb(23, 146, 153);
@define-color success_bg_color rgb(64, 160, 43);
@define-color success_fg_color #eff1f5;
@define-color warning_color rgb(223, 142, 29);
@define-color warning_bg_color rgb(254, 100, 11);
@define-color warning_fg_color rgb(76, 79, 105);
@define-color error_color rgb(210, 15, 57);
@define-color error_bg_color rgb(230, 69, 83);
@define-color error_fg_color #eff1f5;
@define-color window_bg_color rgb(239, 241, 245);
@define-color window_fg_color rgb(76, 79, 105);
@define-color view_bg_color rgb(230, 233, 239);
@define-color view_fg_color rgb(76, 79, 105);
@define-color headerbar_bg_color rgb(220, 224, 232);
@define-color headerbar_fg_color rgb(76, 79, 105);
@define-color headerbar_border_color rgb(156, 160, 176);
@define-color headerbar_backdrop_color @window_bg_color;
@define-color headerbar_shade_color rgba(0, 0, 0, 0.07);
@define-color card_bg_color rgb(230, 233, 239);
@define-color card_fg_color rgb(76, 79, 105);
@define-color card_shade_color rgba(0, 0, 0, 0.07);
@define-color dialog_bg_color #e6e9ef;
@define-color dialog_fg_color rgb(76, 79, 105);
@define-color popover_bg_color #e6e9ef;
@define-color popover_fg_color rgb(76, 79, 105);
@define-color shade_color rgba(0,0,0,0.07);
@define-color scrollbar_outline_color rgb(255,255,255);
@define-color blue_1 #99c1f1;
@define-color blue_2 #62a0ea;
@define-color blue_3 #3584e4;
@define-color blue_4 #1c71d8;
@define-color blue_5 #1a5fb4;
@define-color green_1 #8ff0a4;
@define-color green_2 #57e389;
@define-color green_3 #33d17a;
@define-color green_4 #2ec27e;
@define-color green_5 #26a269;
@define-color yellow_1 #f9f06b;
@define-color yellow_2 #f8e45c;
@define-color yellow_3 #f6d32d;
@define-color yellow_4 #f5c211;
@define-color yellow_5 #e5a50a;
@define-color orange_1 #ffbe6f;
@define-color orange_2 #ffa348;
@define-color orange_3 #ff7800;
@define-color orange_4 #e66100;
@define-color orange_5 #c64600;
@define-color red_1 #f66151;
@define-color red_2 #ed333b;
@define-color red_3 #e01b24;
@define-color red_4 #c01c28;
@define-color red_5 #a51d2d;
@define-color purple_1 #dc8add;
@define-color purple_2 #c061cb;
@define-color purple_3 #9141ac;
@define-color purple_4 #813d9c;
@define-color purple_5 #613583;
@define-color brown_1 #cdab8f;
@define-color brown_2 #b5835a;
@define-color brown_3 #986a44;
@define-color brown_4 #865e3c;
@define-color brown_5 #63452c;
@define-color light_1 #ffffff;
@define-color light_2 #f6f5f4;
@define-color light_3 #deddda;
@define-color light_4 #c0bfbc;
@define-color light_5 #9a9996;
@define-color dark_1 #77767b;
@define-color dark_2 #5e5c64;
@define-color dark_3 #3d3846;
@define-color dark_4 #241f31;
@define-color dark_5 #000000;