Modern lightdm webkit2 theme
This is a sleek lightdm webkit2 theme that focuses on it's looks with performance in mind.
The theme features:
- Draggable windows!
- Multi-monitor support!
- Multi-language support!
- Custom time and date formats!
- Graphical on-theme behaviour configuration!
- Graphical on-theme styles configuration!
- Saving configurations as sub-themes!
- Sleek animations and on-hover effects!
- Background shuffle on background click!
- Idle login window auto-hiding at 60s of inactivity!
- Custom backgrounds configured via web-greeter.yml!
- Custom user images configured via a .face image on user home folders!
- Demo password:
password
https://thewisker.github.io/Shikai
- The demo wallpapers do not fit on some aspect ratios, thus look out of place, but that can be fixed when the theme is installed by changing the wallpapers for ones with the correct aspect ratios.
The theme depends on web-greeter or nody-greeter and their respective dependencies, plus lightdm.
Once all dependencies are installed, you just need to download the this github repo.
To install using the script just execute the following bash files under ./scripts from the repo's root directory.
./scripts/w_install.shTo install using web-greeter./scripts/n_install.shTo install using nody-greeter
Then, to set up a user profile image, copy the desired image to the user's home directory
renaming it to .face.
To install using the aur with a custom aur helper run:
yay -S web-greeter-theme-shikaiUsingyayaur helper for example
Then you should edit /etc/lightdm/web-greeter.yml
to your liking focusing on the following lines:
theme: shikaibackground_images_dir: /usr/share/web-greeter/themes/shikai/assets/media/wallpapers/logo_image: /usr/share/web-greeter/themes/shikai/assets/media/logos/
Then, to set up a user profile image, copy the desired image to the user's home directory
renaming it to .face.
Go to the dist folder and open the index.html and monitor.htmlfiles. Then find in both window.__is_debug = true;and change it to window.__is_debug = false;
Then copy the dist folder to /usr/share/web-greeter/themes/, renaming it from dist to shikai. Then you need to
change the line starting with greeter-session= in /etc/lightdm/lightdm.conf to greeter-session=web-greeter or
greeter-session=nody-greeter, depending on which you have installed. You should edit /etc/lightdm/web-greeter.yml
to your liking focusing on the following lines:
theme: shikaibackground_images_dir: /usr/share/web-greeter/themes/shikai/assets/media/wallpapers/logo_image: /usr/share/web-greeter/themes/shikai/assets/media/logos/
Then, to set up a user profile image, copy the desired image to the user's home directory
renaming it to .face.
The configuration becomes avaiable by hovering over the top-left corner of the window. The behaviour and style settings are saved locally only when the configuration panel gets closed. The themes configuration gets saved on theme creation, deletion and activation.
Feel free to give any ideas for future improvements here, ask any questions you have here and post screenshots of your theme designs here.
- Change wallpapers by adding or removing from
/usr/share/web-greeter/themes/shikai/assets/media/wallpapers/path! - Undefined behaviour for adding non-browser-compliant images and non-image files to the wallpapers directory!
- Missing linux distro logo? Submit a pull request!
- Missing language? Submit a pull request including it in ./src/lang!
- Have a really cool wallpaper to add to the live demo? Submit a pull request!
On the odd case that the demo or the theme itself only loads the backgrounds or does not load the settings, it is most probably due to a recent update that contains changes to the settings JSON structure. This can be fixed manually, looking at the errors in the developer console, and manually adding the missing keys and values, or easier by deleting the page's localStorage.
