marianarlt/sddm-sugar-dark

The sweetest dark theme around for SDDM, the Simple Desktop Display Manager.

Sugar Dark login theme for SDDM

Sugar is extremely customizable and so sweet it will probably cause you diabetes just from looking at it. Sweeten the login experience for your users, your family and yourself. Sugar is cross platform and all about user experience and functionality. With those principles in mind Sugar was written completely from scratch making it clean and simple not only by looks but by design too.
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 control sugar levels 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 This is just a teaser. There are 27 customizable variables in total! This sugar will be yours and only yours.
Sugar comes in two flavors. This one is for the bitter sweet. You can also check out Sugar Light.

Dependencies

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

Make sure these are up to date!

Installing the theme

From KDE Plasma

If you are on KDE Plasma—by default openSuse, Neon, Kubuntu, KaOS or Chakra for example—you are lucky and can simply go to your system settings and under "Startup and Shutdown" followed by "Login Screen (SDDM)" click "Get New Theme". From there search for "Sugar Dark" and install.

If for some reason you cannot find the category named "Login Screen (SDDM)" in your system settings then you are missing sddm-kcm. Install this little helper with your package manager first. You will be grateful you did.

From other desktop environments

Download the tar archive from openDesktop and extract the contents to the theme directory of SDDM (change the path for the downloaded file if necessary):

$ sudo tar -xzvf ~/Downloads/sugar-dark.tar.gz -C /usr/share/sddm/themes

This will extract all the files to a folder called "sugar-dark" 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=sugar-dark. Also see the Arch wiki on SDDM.

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.

Legal Notice

Copyright (C) 2018 Marian Arlt.

Sugar Dark is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

Sugar Dark is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with Sugar Dark. If not, see https://www.gnu.org/licenses/.

Mockup psd created by Qeaql-studio - Freepik.com

Other awesome projects

• Chili—the hottest login theme for KDE Plasma
• Chili stand-alone fork for SDDM only
• Flat OSX like aurorae window decorations for your Linux desktop and its high contrast version
• Finely crafted folder icons for Linux
• Inline clock widget for KDE Plasma

Motivate a developer

In the past years I have spent quite some hours on open source projects. If you are the type of person who digs attention to detail, know how much work is involved in it and/or simply likes to support makers with a coffee or a beer I would greatly appreciate your donation on my PayPayl account.
Alternatively downloading my themes directly from opendesktop or with the kde sddm system settings module will at least help me a little to be able to attend your issues and requests.
Please consider helping developers you think are worth a penny or two, literally.

sddm-sugar-dark's Issues

Automatic capitalization of first letter

I found that every time I log in using sugar-dark, the first letter of my username is capitalized.
Is it possible to cancel this feature in the theme.conf ？
Thank you very much!

Can see text behind Username on 1440p

There looks a letter peaking out of from the left side of the username field when in 1440, i have this on dual monitors 1440 and 1080, the 1080 looks great. the 1440 is peaking letters behind the field. Amazing theme otherwise. Thanks for the work.

Giant virtual keyboard

On Kubuntu 18.10 when the theme is installed editing any text box, such as entering a password, pops up a giant virtual keyboard on the bottom half of the screen and the top half turns black. Is there any way to disable this behaviour in theme.conf?

Preview image filename should be all lowercasee

It appears that Preview.jpg should all be lowercased (preview.jpg) to be properly picked by KDE's "Login Screen (SDDM)` settings module.

QtGraphicalEffects "not installed" on Fedora 40.

Hello.

I have SDDM preinstalled, on Fedora 40 Sway.

Output of qmake --version:

QMake version 3.1
Using Qt version 6.7.1 in /usr/lib64 

I have the qt5-qtquickcontrols2 and qt5-qtgraphicaleffects-5.15.14-1 packages installed.

When running the default version of the theme, I'm getting the errors that qtgraphicaleffects is not installed. After doing a further look into it, I tried running:

QML2_IMPORT_PATH=/usr/lib64/qt5/qml QT_PLUGIN_PATH=/usr/lib64/qt5/plugins sddm-greeter --test-mode --theme sugar-dark-orig

and got the following errors:

Loading file:sugar-dark-orig/Main.qml...
file:///home/shatterstone/sugar-dark-orig/Main.qml:82:9: Type LoginForm unavailable 
             LoginForm { 
             ^
file:///home/shatterstone/sugar-dark-orig/Components/LoginForm.qml:41:5: Type Input unavailable 
         Input { 
         ^
file:///home/shatterstone/sugar-dark-orig/Components/Input.qml:23:1: The plugin '/usr/lib64/qt5/qml/QtGraphicalEffects/libqtgraphicaleffectsplugin.so' uses incompatible Qt library. (5.15.0) [release] 
     import QtGraphicalEffects 1.0 
     ^
file:///home/shatterstone/sugar-dark-orig/Main.qml:82:9: Type LoginForm unavailable 
             LoginForm { 
             ^
file:///home/shatterstone/sugar-dark-orig/Components/LoginForm.qml:41:5: Type Input unavailable 
         Input { 
         ^
file:///home/shatterstone/sugar-dark-orig/Components/Input.qml:23:1: The plugin '/usr/lib64/qt5/qml/QtGraphicalEffects/libqtgraphicaleffectsplugin.so' uses incompatible Qt library. (5.15.0) [release] 
     import QtGraphicalEffects 1.0 
     ^
Fallback to embedded theme 

I should mention I found a "solution" where I replaced every import of QtGraphicalEffects 1.0 in the theme with import Qt5Compat.GraphicalEffects 1.0 which seems to mostly work (except that the user selector icon is broken; fixed it by setting visible: false in the "selectUser" ComboBox in Input.qml) so it mostly kinda works after some modifications, but I'm not sure why these are even necessary in the first place. Any help would be appreciated. If you need any more info, please let me know. Thanks.

Edit(s): Fixing formatting of code blocks

From gentoo openrc (not issue)

To install in Gentoo [openrc ]
the file configuration is a

/usr/share/sddm/sddm.conf.d/00default.conf

and add:
[Theme]
Current=sddm-sugar-dark

it would be nice if you added these two lines in the Readme.md file.
Thank you so much for your work.

Undocumented qt5-svg dependency

Hi @MarianArlt, thanks for the nice theme!

While installing this, I noticed a bunch of these errors:

[12:47:33.556] (WW) GREETER: file:///usr/lib/qt/qml/QtQuick/Controls.2/RoundButton.qml: QML IconImage: Error decoding: file:///usr/share/sddm/themes/sugar-dark/Assets/Reboot.svgz: Unsupported image format

The qt5-quickcontrols dependency was mentioned in the README, but not qt5-svg.

On Arch: pacman -S qt5-svg fixes this.

Preview metadata is wrong

metadata.desktop says
preview="preview.png"

file is "Preview.png" with a different case

Rendering breaks on hidpi

On hidpi monitors, the profile icon doesn't cover over some text; this causes some additional text to be visible. This doesn't happen on my other low-dpi monitors.

Giant touch keyboard new

I'm asking this again, because the solution posted here doesn't work for me. My problem is that the sddm.conf file is empty.
It has 0 B.
Please explain to me how to modify or create the sddm.conf file so I can change the value.
Thanks

Add a keyboard layout switcher

Having a method to change the active keyboard layout would make this theme much easier to roll out on multi-user systems.

An example of how to do this could be - from the SDDM slice theme - https://github.com/RadRussianRus/sddm-slice/blob/master/Main.qml#L274-L280

Small layout issue in high resolution screen

As shown in the screenshot, there is something to the left of the "User" icon. This only happens when the monitor height is above a certain threshold (between 1080 and 1800). My screen height is 1800.

Actually, this is the same problem addressed in the PR #11 and the "something" might be letter "O".

Battery Charge % Indicator [Feature Request]

I love this theme. I have converted about 20 people over to it. The only feature missing for me is a battery charge % indicator.

Halloween Image Link

Is there a link to the other example images? I'm interested in the Halloween background.

Thanks

Have the possibility to hide the password when typing

It's convenient for people alone on their computer to have their password letters show up. But i don't want people around me watching it. Is it possible to disable the letter preview ?
Thanks for making the addon.

unrelated: You might inform users to add this tweak since you can't modify it yourself #4
It's one step that will make regular users avoid using your theme.
Cheers

QtQuick