Coder Social home page Coder Social logo

miftanurfarid / lightdm-webkit-theme-macos Goto Github PK

View Code? Open in Web Editor NEW

This project forked from zoomten/lightdm-webkit-theme-macos

0.0 1.0 0.0 570 KB

LightDM Webkit (& WebKit2) greeter theme which is deliberately made to be macOS-esque.

HTML 15.38% JavaScript 67.58% CSS 17.04%

lightdm-webkit-theme-macos's Introduction

lightdm-webkit-theme-macos

LightDM Webkit (& WebKit2) greeter theme which is deliberately made to be macOS-esque.

##Source This LightDM webkit greeter theme is based on LightDM-Webkit-MacOSX-Theme, with the visuals changed to approximate the more recent releases of macOS.

It can be applied on pretty much any Linux distro which includes LightDM and the WebKit / WebKit2 greeter either in the repositories or installed with distro.

##Installation You will need to set LightDM as your display manager and you will need either of the LightDM WebKit greeters. (For Arch Linux that's lightdm-webkit-greeter or lightdm-webkit2-greeter from the AUR)

Then modify the LightDM configuration file in:

 /etc/lightdm/lightdm.conf

Change the greeter-session to lightdm-webkit-greeter or lightdm-webkit2-greeter, depending on which one you have installed.

You should have something similar to this on your config:

 [SeatDefaults]
 greeter-session=lightdm-webkit-greeter
 allow-guest=false

Next, install the theme by copying all the files in this repository to:

 /usr/share/lightdm-webkit/themes/macos

To apply the theme, modify /etc/lightdm/lightdm-webkit-greeter.conf or /etc/lightdm/lightdm-webkit2-greeter.conf so that it contains a line similar to this:

 webkit-theme = macos

Enjoy your aesthetic login screen :D

##Modifications Among the modifications I've made include:

  • Restyled svg icons
  • Updated style
  • Added clock and title on header
  • A new font (based on Liberation Sans)

##Customizing ###Text on the greeter### To add your own text, like "Welcome to your computer", you can open index.html in a text editor and modifying line 10, e.g.

<div class="headertext"></div> <!-- you can change this to whatever -->

to

<div class="headertext">Welcome to your computer</div>

###Custom background### Simply replace logon.png in the resources/img/ folder with a background of your choice. A sample background (made by me) is included.

##Demo A demo of this theme can be viewed here

lightdm-webkit-theme-macos's People

Contributors

zoomten avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.