https://github.com/a2nt/styling-kit
https://github.com/a2nt/styling-kit
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/a2nt/styling-kit
- Owner: a2nt
- License: bsl-1.0
- Created: 2018-03-30T20:46:31.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2023-02-27T21:50:48.000Z (over 3 years ago)
- Last Synced: 2024-12-30T04:18:14.806Z (over 1 year ago)
- Language: CSS
- Size: 1.3 MB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 7
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# styling-kit
This kit allows you to style OS interface, apps and websites with the same color palette.
At the screen shoot you can see Gnome Shell interface with Papirus Icons (https://github.com/PapirusDevelopmentTeam/papirus-icon-theme) + styled website.
# How to use it
Stylish extension allows you inject compiled styles into websites (https://userstyles.org/).
Compiled gnome-theme can be used as gtk + gnome-theme.
# Requirements
node
npm
gulp
# Supports
## Interfaces
+ GNOME Shell
+ GTK 2.0, 3.0, 3.2
+ Metacity
+ Unity
+ xfwm4
## Apps
+ nautilus
+ gedit
+ lightdm
+ pantheon
+ budgie
+ geary
## Web
+ leprosorium.ru
## Getting started
```
git clone https://github.com/a2nt/styling-kit.git
cd styling-kit
npm install
node ./index.js
```
## Add extra style
1) Create style at ./web/*site_name_domain*/scss/index.scss
2) Create domain specific variables at ./web/*site_name_domain*/scss/_variables.scss and include global variables ./_variables.scss
3) Edit global ./_variables.scss
4) Compile styles using node ./index.js
5) Compiled styles will be placed into ./dist/ directory
## Example
Take a look to ./web/example-domain.com