/Shikai

Modern lightdm webkit2 theme

Primary LanguageJavaScriptGNU General Public License v3.0GPL-3.0

Shikai

Modern lightdm webkit2 theme

Description

This is a sleek lightdm webkit2 theme that focuses on it's looks with performance in mind.

Details

The theme features:

  • Multi-monitor 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!

Live Demo

https://thewisker.github.io/Shikai

Screenshots

Main theme screenshot

Behaviour settings screenshot

Style settings screenshot

Themes settings screenshot

Second main screenshot

Dependencies

The theme depends on web-greeter or nody-greeter and their respective dependencies, plus lightdm.

Installation

Once all dependencies are installed, you just need to download the this github repo.

Script

To install using the script just execute the following bash files under ./scripts from the repo's root directory.

  • ./scripts/w_install.sh To install using web-greeter
  • ./scripts/n_install.sh To 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.

Arch Linux

To install using the aur with a custom aur helper run:

  • yay -S web-greeter-theme-shikai Using yay aur helper for example

Then you should edit /etc/lightdm/web-greeter.yml to your liking focusing on the following lines:

  • theme: shikai
  • background_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.

Manually

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: shikai
  • background_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.

Configuration

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.

Author

TheWisker