https://github.com/parham-dev27/quad
A simple clean theme for web-greeter
https://github.com/parham-dev27/quad
good-first-issue javascript lightdm lightdm-greeter lightdm-theme lightdm-webkit2-greeter lightdm-webkit2-greeter-theme linux theme unixporn web-greeter web-greeter-theme
Last synced: about 2 months ago
JSON representation
A simple clean theme for web-greeter
- Host: GitHub
- URL: https://github.com/parham-dev27/quad
- Owner: parham-dev27
- License: mit
- Created: 2024-04-10T17:55:45.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-04-12T16:50:50.000Z (about 2 years ago)
- Last Synced: 2025-03-03T05:29:55.190Z (over 1 year ago)
- Topics: good-first-issue, javascript, lightdm, lightdm-greeter, lightdm-theme, lightdm-webkit2-greeter, lightdm-webkit2-greeter-theme, linux, theme, unixporn, web-greeter, web-greeter-theme
- Language: JavaScript
- Homepage: https://parham-dev27.github.io/Quad/
- Size: 913 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Quad
Rewrite of Quad-Theme
Designed For Elite Hackers
[![Contributors][contributors-shield]][contributors-url]
[![Forks][forks-shield]][forks-url]
[![Stargazers][stars-shield]][stars-url]
[![Issues][issues-shield]][issues-url]
Installation •
Build From Source •
Development •
Roadmap •
Credits •
License
## Installation
> **Note**:
> This is a theme for Lightdm-webkit2-greeter, therefore that must be installed.
1. Download the [latest release](https://github.com/parham-dev27/Quad/releases)
1. Extract using: `tar -xzf Quad.tgz`
1. `sudo cp -r quad /usr/share/lightdm-webkit/themes/`
1. Set lightdm greeter session to webkit2 using:
```sh
sudo sed -i 's/^\(#?greeter\)-session\s*=\s*\(.*\)/greeter-session = lightdm-webkit2-greeter #\1/ #\2g' /etc/lightdm/lightdm.conf
```
1. Set `quad` as the default theme using:
```sh
sudo sed -i 's/^webkit_theme\s*=\s*\(.*\)/webkit_theme = quad #\1/g' /etc/lightdm/lightdm-webkit2-greeter.conf
```
## Build From Source
> **Note**:
> Node modules must be installed.
> If They are not installed, install them using `npm install`
1. `git clone https://github.com/parham-dev27/Quad`
1. `npm run build`
## Development
> **Note**:
> Node modules must be installed.
> If They are not installed, install them using `npm install`
1. `npm run dev`
- This will start a webserver: `http://localhost:8000`
- The webpage will automatically update on changes made to the source files.
### Built with:
- [![Javascript][js]][js]
- [![Node][node.js]][node-url]
- [![NPM][npm]][npm-url]
- [![SCSS][scss]][scss]
- [![Gulp][gulp]][gulp-url]
## Roadmap
- [x] Rewrite in SCSS
- [ ] Dynamically generated distribution logo
- [ ] Add a way to switch between DE/WM
> **Feel free to suggest/create new features** #good-first-issue
## Credits
- This is a rewrite of the original Quad-Theme.
- Special thanks to Jack Deadman for the original code.
## License
MIT
---
> GitHub [@parham-dev27](https://github.com/parham-dev27) ·
> Github [@jackdeadman](https://github.com/jackdeadman)
[contributors-shield]: https://img.shields.io/github/contributors/parham-dev27/Quad.svg?style=for-the-badge
[contributors-url]: https://github.com/parham-dev27/Quad/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/parham-dev27/Quad.svg?style=for-the-badge
[forks-url]: https://github.com/parham-dev27/Quad/network/members
[stars-shield]: https://img.shields.io/github/stars/parham-dev27/Quad.svg?style=for-the-badge
[stars-url]: https://github.com/parham-dev27/Quad/stargazers
[issues-shield]: https://img.shields.io/github/issues/parham-dev27/Quad.svg?style=for-the-badge
[issues-url]: https://github.com/parham-dev27/Quad/issues
[license-shield]: https://img.shields.io/github/license/parham-dev27/Quad.svg?style=for-the-badge
[license-url]: https://github.com/parham-dev27/Quad/blob/master/LICENSE.txt
[npm]: https://img.shields.io/badge/npm-000000?style=for-the-badge&logo=npm&logoColor=red
[npm-url]: https://www.npmjs.com/
[node.js]: https://img.shields.io/badge/node-darkgreen?style=for-the-badge&logo=node.js&logoColor=white
[node-url]: https://nodejs.org/en
[gulp]: https://img.shields.io/badge/gulp-35495E?style=for-the-badge&logo=gulp&logoColor=4FC08D
[gulp-url]: https://gulpjs.com/
[scss]: https://img.shields.io/badge/SCSS-bf4080?style=for-the-badge&logo=sass&logoColor=white
[scss]: https://sass-lang.com/documentation/syntax/
[js]: https://img.shields.io/badge/Javascript-4A4A55?style=for-the-badge&logo=javascript&logoColor=yello
[js]: https://developer.mozilla.org/en-US/docs/Web/javascript