papirus-icon-theme/tools/work/README.md

99 lines
2.9 KiB
Markdown
Raw Normal View History

# NOT USE NOW THIS INSTRUCTION, BECAUSE NOT FINISHED!!!
2016-12-06 07:16:59 -05:00
# FOR DEVELOPERS and DESIGNERS:
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-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
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-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-08 04:49:09 -05:00
# Steb by step for Papirus
- open template file on Inkscape
- delete not needed objects
- draw new objects
2016-12-08 05:14:14 -05:00
- save file as **nameSIZE.svg** (use lowercase registry for svg)
2016-12-08 05:08:57 -05:00
- draw icons for other sizes
2016-12-08 04:49:09 -05:00
- 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
2016-12-08 05:17:40 -05:00
- if all fine - copy icon to icon theme folder, use script `copy-to-theme.sh`:
2016-12-08 04:49:09 -05:00
For example:
```
2016-12-08 05:08:57 -05:00
./copy-app-to-theme.sh
2016-12-08 04:49:09 -05:00
```
- clear work directory (not delete template files)
- all is ready! Now you commited changes to GitHub
2016-12-08 04:49:09 -05:00
# Steb by step for Papirus Dark
2016-12-08 05:14:14 -05:00
**work/Papirus-Dark** have only monochrome icons with another CSS style.
2016-12-08 05:17:40 -05:00
- 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-work-dark.sh`
2016-12-08 05:54:55 -05:00
- go to **work/Papirus-Dark directory** and run script `convert-color-scheme-to-dark.sh`
2016-12-08 04:49:09 -05:00
- now check your work
2016-12-08 05:17:40 -05:00
- copy files to Papirus-Dark icon theme, use script `copy-to-theme.sh`