My gtk settings

{
  config,
  lib,
  pkgs,
  ...
}: let
  cssContent = with config.myHome.colorscheme; ''
    @define-color accent_color ${xcolors.orange1};
    @define-color accent_bg_color ${xcolors.orange0};
    @define-color accent_fg_color ${xcolors.fg1};

    @define-color destructive_color ${xcolors.aqua1};
    @define-color destructive_bg_color ${xcolors.aqua0};
    @define-color destructive_fg_color ${xcolors.fg1};

    @define-color success_color ${xcolors.green1};
    @define-color success_bg_color ${xcolors.green0};
    @define-color success_fg_color ${xcolors.fg1};

    @define-color warning_color ${xcolors.yellow1};
    @define-color warning_bg_color ${xcolors.yellow0};
    @define-color warning_fg_color ${xcolors.fg1};

    @define-color error_color ${xcolors.red1};
    @define-color error_bg_color ${xcolors.red0};
    @define-color error_fg_color ${xcolors.fg1};

    @define-color window_bg_color ${xcolors.bg0};
    @define-color window_fg_color ${xcolors.fg1};

    @define-color view_bg_color ${xcolors.bg0};
    @define-color view_fg_color ${xcolors.fg1};

    @define-color headerbar_bg_color ${xcolors.bg0};
    @define-color headerbar_fg_color ${xcolors.fg1};
    @define-color headerbar_border_color ${xcolors.fg1};
    @define-color headerbar_backdrop_color @window_bg_color;
    @define-color headerbar_shade_color rgba(0, 0, 0, 0.36);

    @define-color card_bg_color rgba(255, 255, 255, 0.08);
    @define-color card_fg_color ${xcolors.fg1};
    @define-color card_shade_color rgba(0, 0, 0, 0.36);

    @define-color dialog_bg_color ${xcolors.bg1};
    @define-color dialog_fg_color ${xcolors.fg1};

    @define-color popover_bg_color ${xcolors.bg1};
    @define-color popover_fg_color ${xcolors.fg1};

    @define-color shade_color rgba(0, 0, 0, 0.36);
    @define-color scrollbar_outline_color rgba(0, 0, 0, 0.5);
  '';
in {
  options = {
    myHome.gtk.enable = lib.mkEnableOption "Enables gtk";
  };

  config = lib.mkIf config.myHome.gtk.enable {
    gtk = {
      enable = true;

      font = {
        # package = pkgs.nerdfonts.override {fonts = ["FiraMono"];};
        # name = "FiraMono Nerd Font";
        package = pkgs.ubuntu_font_family; # TODO
        name = "Ubuntu";
        size = 10;
      };

      iconTheme = {
        package = pkgs.gnome.adwaita-icon-theme;
        name = "Adwaita";
      };

      theme = {
        package = pkgs.adw-gtk3;
        name = "adw-gtk3";
      };

      gtk2.configLocation = "${config.xdg.configHome}/gtk-2.0/gtkrc";
      gtk3 = {
        bookmarks = [
          "file://${config.home.homeDirectory}/Documents"
          "file://${config.home.homeDirectory}/Downloads"
          "file://${config.home.homeDirectory}/Music"
          "file://${config.home.homeDirectory}/Pictures"
          "file://${config.home.homeDirectory}/Videos"
        ];
        extraCss = cssContent;
      };
      gtk4.extraCss = cssContent;
    };

    qt = {
      enable = true;
      platformTheme = "gtk";
    };
  };
}

  • Yash Raj@lemmy.worldOP
    link
    fedilink
    English
    arrow-up
    0
    ·
    5 months ago

    All the other apps eg. file manager app and all are themed perfectly tho. Only this sidepanel of file/folder upload/download dialog box which appears when uploading a file on a website on firefox is like this.