Rose-Pine login theme for SDDM based on SDDM Sugar Dark

This is a customized version of the Sugar Dark Theme with colors from the Rose Pine palette.

All controls use the latest Qt Quick Controls 2 for increased performance on low end or even embedded systems and beautiful color transitions.

To learn how to customize the theme you should check the Sugar Wiki on Github or the very well documented and included theme.conf. Here are some previews of nifty variable names you can set/unset/change to customize your sugar: ThemeColor, Font, HourFormat, ForceRightToLeft, TranslateUsernamePlaceholder.

Dependencies

sddm >= 0.18.0, qt5 >= 5.11.0, qt5-quickcontrols2 >= 5.11.0, qt5-svg >= 5.11.0 qt5-graphicaleffects >= 5.11.0

Make sure these are up to date!

Installing the theme

Clone this repository and move the contents to the theme directory of SDDM:

$ sudo mv sddm-rose-pine /usr/share/sddm/themes

This will move all files to a folder called "sddm-rose-pine" inside of the themes directory of SDDM.

After that you will have to point SDDM to the new theme by editing its config file, preferrably at /etc/sddm.conf.d/sddm.conf (create if necessary). You can take the default config file of SDDM as a reference: /etc/sddm.conf/usr/lib/sddm/sddm.conf.d/sddm.conf.

In the [Theme] section simply add the themes name: Current=sddm-rose-pine. Also see the Arch wiki on SDDM.

NixOS

You can create a custom package and install it via environment.systemPackages.

# sddm-rose-pine.nix

{ stdenvNoCC
, fetchFromGitHub
, libsForQt5
}:

stdenvNoCC.mkDerivation rec {
  pname = "sddm-rose-pine-theme";
  version = "1.2";
  dontBuild = true;

  propagatedUserEnvPkgs = [
    libsForQt5.qt5.qtgraphicaleffects
  ];

  src = fetchFromGitHub {
    owner = "lwndhrst";
    repo = "sddm-rose-pine";
    rev = "v${version}";
    sha256 = "+WOdazvkzpOKcoayk36VLq/6lLOHDWkDykDsy8p87JE=";
  };

  installPhase = ''
    mkdir -p $out/share/sddm/themes
    cp -aR $src $out/share/sddm/themes/rose-pine
  '';
}

# configuration.nix

{
  services.xserver.displayManager.sddm.theme = "rose-pine";

  # ...

  environment.systemPackages = with pkgs; [
    # Install the derivation
    (callPackage ./sddm-rose-pine.nix {})
  ];
}

Theming the theme

Sugar is extremely customizable by editing its included theme.conf file. You can change the colors and images used, the time and date formats, the appearance of the whole interface and even how it works.
And as if that wouldn't still be enough you can translate every single button and label because SDDM is still lacking behind with localization and clearly needs your help!

Please read the Sugar Wiki on Github for a detailed description of every variable available, what it does and the values it accepts. The theme.conf itself is also very well commented for you to get right at it.