2016-12-06 09:49:10 -05:00
|
|
|
# NOT USE NOW THIS INSTRUCTION, BECAUSE NOT FINISHED!!!
|
2016-12-06 07:16:59 -05:00
|
|
|
# FOR DEVELOPERS and DESIGNERS:
|
2016-12-06 09:49:10 -05:00
|
|
|
It's easy :)
|
2016-12-06 06:42:43 -05:00
|
|
|
|
2016-12-08 04:49:09 -05:00
|
|
|
First draw icons for Papirus icon theme only! For Papirus Dark use script for change colors.
|
2016-12-07 01:36:55 -05:00
|
|
|
|
2016-12-08 04:49:09 -05:00
|
|
|
**NOTE:** If you draw monochrome icon for Papirus, please add version for Papirus Dark too!
|
|
|
|
|
|
|
|
## Basic concepts
|
|
|
|
Papirus - it's SVG-based icon theme for Linux. Have mix material and flat style.
|
|
|
|
|
|
|
|
All elements have clear distinction and outlines. Also main feature - it's warm colors tone!
|
|
|
|
|
|
|
|
PLEASE not use very bright and toxic colors for Papirus!!!
|
2016-12-06 09:49:10 -05:00
|
|
|
|
2016-12-08 04:49:09 -05:00
|
|
|
### Main icons
|
|
|
|
Now main icons have sizes 16px, 22px, 24px, 32px and 48px. Also available some 64px icons for Places and Mimes.
|
|
|
|
|
|
|
|
> Why needed this more sizes for SVG?
|
|
|
|
|
|
|
|
Because if use single size for all - icons will be blurred.
|
|
|
|
|
|
|
|
**It's important!!!**
|
|
|
|
|
|
|
|
For all icons use ONLY template, because this icons alredy have clear SVG code (and some needed objects)!
|
|
|
|
|
|
|
|
### Monochrome icons
|
2016-12-06 09:49:10 -05:00
|
|
|
Papirus now support KDE color scheme for monochrome actions, devices, places and panel icons
|
2016-12-06 07:18:33 -05:00
|
|
|
|
2016-12-06 07:16:59 -05:00
|
|
|
More info about that [here](https://techbase.kde.org/Development/Tutorials/Plasma5/ThemeDetails#Colors)
|
2016-12-06 06:42:43 -05:00
|
|
|
|
|
|
|
Now support only icons:
|
|
|
|
- actions (16px, 22px, 24px)
|
|
|
|
- devices (16px)
|
|
|
|
- places (16px)
|
|
|
|
- panel (22px, 24px)
|
|
|
|
|
2016-12-08 04:49:09 -05:00
|
|
|
**It's important!!!**
|
2016-12-06 09:49:10 -05:00
|
|
|
|
2016-12-08 04:49:09 -05:00
|
|
|
For monochrome icons use ONLY color pallete from template, becuase this icons have CSS style!!!
|
|
|
|
|
|
|
|
# System Requirements
|
|
|
|
- linux
|
|
|
|
- bash
|
|
|
|
- inkscape
|
|
|
|
- npm
|
|
|
|
- svgo
|
2016-12-06 14:44:52 -05:00
|
|
|
|
2016-12-08 04:49:09 -05:00
|
|
|
For Debian/Ubuntu/Linux Mint users:
|
2016-12-06 14:44:52 -05:00
|
|
|
```
|
2016-12-08 04:49:09 -05:00
|
|
|
sudo apt update
|
|
|
|
sudo apt install inkscape npm
|
|
|
|
sudo npm install -g svgo
|
2016-12-06 14:44:52 -05:00
|
|
|
```
|
2016-12-08 04:49:09 -05:00
|
|
|
# How doing this?
|
|
|
|
Open directory **work** and choose need category. On this directory alredy available template files for development.
|
2016-12-06 14:44:52 -05:00
|
|
|
|
2016-12-08 04:49:09 -05:00
|
|
|
Open on Inkscape template file and draw new icon and save on **work** category dir.
|
2016-12-06 14:52:33 -05:00
|
|
|
|
2016-12-08 04:49:09 -05:00
|
|
|
For example:
|
|
|
|
```
|
|
|
|
work/Papirus/apps/abricotine48.svg
|
|
|
|
```
|
|
|
|
**NOTE**: Please not forgot add size suffix for icon name - it's needed for right work scripts.
|
2016-12-06 09:49:10 -05:00
|
|
|
|
2016-12-08 04:49:09 -05:00
|
|
|
# Steb by step for Papirus
|
2016-12-06 06:42:43 -05:00
|
|
|
|
2016-12-08 04:49:09 -05:00
|
|
|
- open template file on Inkscape
|
|
|
|
- delete not needed objects
|
|
|
|
- draw new objects
|
|
|
|
- save file as **nameSIZE.svg**
|
|
|
|
- draw icon for other size
|
|
|
|
- run script for clear icon from **tools**
|
2016-12-06 06:42:43 -05:00
|
|
|
|
2016-12-08 04:49:09 -05:00
|
|
|
For example:
|
|
|
|
```
|
|
|
|
./run_on_dirs.sh work/Papirus/apps
|
|
|
|
```
|
|
|
|
- fine, your icon fixed and clear
|
|
|
|
- now you can check icons
|
|
|
|
- if all fine - copy icon to icon theme folder, use script copy-CATEGORY.sh:
|
2016-12-06 09:49:10 -05:00
|
|
|
|
2016-12-08 04:49:09 -05:00
|
|
|
For example:
|
|
|
|
```
|
|
|
|
./move-app.sh
|
|
|
|
```
|
|
|
|
- clear work directory (not delete template files)
|
|
|
|
- all is ready! Now you commited changes to GitHub
|
2016-12-06 09:49:10 -05:00
|
|
|
|
2016-12-08 04:49:09 -05:00
|
|
|
# Steb by step for Papirus Dark
|
|
|
|
- initially draw icons for **work/Papirus** and run scrip from **tools** run_on_dirs.sh
|
|
|
|
- copy files to **work/Papirus-Dark** directory, use script copy-to-dark.sh
|
|
|
|
- go to **work/Papirus-Dark directory** and run script colors-for-dark.sh
|
|
|
|
- now check your work
|
|
|
|
- copy files to Papirus-Dark icon theme, use script copy-CATEGORY.sh
|
2016-12-06 09:49:10 -05:00
|
|
|
|
|
|
|
|
|
|
|
|