Catppuccin SDDM

Catppuccin for SDDM

Previews

🌻 Latte

🪴 Frappé

🌺 Macchiato

🌿 Mocha

Usage

1. Ensure you have installed the dependencies for your operating system.

2. Download your chosen flavour + accent zip file from the latest GitHub release.

3. Unzip the file and move the resulting directory to /usr/share/sddm/themes/. E.g. to copy catppuccin-mocha-mauve:

   sudo mv -v catppuccin-mocha-mauve /usr/share/sddm/themes
   

4. Edit the /etc/sddm.conf file and change the theme to catppuccin-<flavour>-<accent>. For example, catppuccin-mocha-mauve.

   If you don't have this file, create the /etc/sddm.conf file and add the following lines:

   [Theme]
   Current=catppuccin-mocha-mauve
   

5. Unfortunately, the theme does not work properly if SDDM is run on X11 and not Wayland - follow the instructions here here if there are issues.

Dependencies

Arch Based OS

pacman -Syu qt6-svg qt6-declarative qt5-quickcontrols2

Debian Based OS

apt install --no-install-recommends qml-module-qtquick-layouts qml-module-qtquick-controls2 qml-module-qtquick-window2 libqt6svg6

RPM Based OS

dnf install qt6-qtquickcontrols2 qt6-qtsvg

Solus OS

eopkg install qt6-quickcontrols2 qt6-svg

NixOS

This theme is available in nixpkgs `catppuccin-sddm`.

Add the package to systemPackages, you can customize the theme by overriding the attributes:

environment.systemPackages = [(
  pkgs.catppuccin-sddm.override {
    flavor = "mocha";
    accent = "mauve";
    font  = "Noto Sans";
    fontSize = "9";
    background = "${./wallpaper.png}";
    loginBackground = true;
  }
)];

Then set it as the theme in the sddm configuration, change the suffix to the flavor and accent you set in the package override:

displayManager.sddm = {
  enable = true;
  theme = "catppuccin-mocha-mauve";
  package = pkgs.kdePackages.sddm;
};

Configuration

• Font: The chosen font
• FontSize: The text size
• ClockEnabled: Whether the clock is on or off, this should be set to either true or false
• CustomBackground: When this is true it will read from Background to render the custom background image, this should be set to either true or false
• Background: This is the location of the background image, it is recomended to use the provided backgrounds/ directory to store the images
• LoginBackground: This is a extra background around the login panel, this should be set to either true or false
• UserIcon: When this is set to true the user icon will be displayed, this should be set to either true or false

💝 Thanks to

• DonutDev
• Isabelinc
• Isabel Roses
• a9lim

Copyright © 2021-present Catppuccin Org