mirror of
https://github.com/PapirusDevelopmentTeam/papirus-icon-theme.git
synced 2024-10-19 01:30:52 -04:00
105 lines
3.3 KiB
Markdown
105 lines
3.3 KiB
Markdown
# NOT USE NOW THIS INSTRUCTION, BECAUSE NOT FINISHED!!!
|
|
# FOR DEVELOPERS and DESIGNERS:
|
|
It's easy :)
|
|
Icons draw for Papirus icon theme only! For Papirus Dark use another colors and class on SVG-file.
|
|
If you create monochrome icon, please add version for Papirus Dark too!!!
|
|
|
|
# System Requirements
|
|
- linux
|
|
- bash
|
|
- inkscape
|
|
- npm
|
|
- svgo
|
|
- xmllint
|
|
|
|
For Debian/Ubuntu/Linux Mint users:
|
|
```
|
|
sudo apt update
|
|
sudo apt install inkscape npm
|
|
sudo npm install -g svgo xmllint
|
|
```
|
|
# Steb by step for monochrome icons
|
|
- open template file on inkscape
|
|
- delete not needed objects
|
|
- draw new objects
|
|
- save file as **ICONNAME_p.svg**
|
|
- run scripts for fix colors, styles and clear svg code (HERE SCRIPTS) #add classes and fix fill + clear with svgo
|
|
- rename your new files with script (HERE SCRIPT) #rename script
|
|
- copy files to Papirus icon theme folders
|
|
- run script for change color for Papiru Dark (HERE SCRIPT) #script change color HEX and class for panel
|
|
- copy files to Papirus Dark icon theme folders
|
|
- check your work
|
|
- commit to github
|
|
|
|
# Steb by step for main icons
|
|
- open template file on inkscape
|
|
- delete not needed objects
|
|
- draw new objects
|
|
- save file as **ICONNAME_p.svg**
|
|
- run script for clear svg code (HERE SCRIPT) #script for svgo
|
|
- check your work
|
|
- commit to github
|
|
|
|
## KDE color scheme support
|
|
Papirus now support KDE color scheme for monochrome actions, devices, places and panel icons
|
|
|
|
More info about that [here](https://techbase.kde.org/Development/Tutorials/Plasma5/ThemeDetails#Colors)
|
|
|
|
Now support only icons:
|
|
- actions (16px, 22px, 24px)
|
|
- devices (16px)
|
|
- places (16px)
|
|
- panel (22px, 24px)
|
|
|
|
On folder **monochrome** available templates for developers and designers
|
|
|
|
### Colors and Class
|
|
List for colors and class for monochrome icons
|
|
Papirus CSS:
|
|
```
|
|
<defs id="papirus">
|
|
<style type="text/css" id="current-color-scheme">
|
|
.ColorScheme-Text { color:#5c616c; } .ColorScheme-Highlight { color:#5294e2; } .ColorScheme-ButtonBackground { color:#d3dae3; }
|
|
</style>
|
|
</defs>
|
|
```
|
|
Papirus classes:
|
|
- actions, devices, places icons use `class="ColorScheme-Text"` and `class="ColorScheme-Highlight"`
|
|
- panel icons use `class="ColorScheme-ButtonBackground"` and `class="ColorScheme-Highlight"`
|
|
|
|
Papirus Dark CSS:
|
|
```
|
|
<defs id="papirus">
|
|
<style type="text/css" id="current-color-scheme">
|
|
.ColorScheme-Text { color:#d3dae3; } .ColorScheme-Highlight { color:#5294e2; } .ColorScheme-ButtonBackground { color:#d3dae3; }
|
|
</style>
|
|
</defs>
|
|
```
|
|
Papirus Dark classes:
|
|
- actions, devices, places and panel icons use `class="ColorScheme-Text"` and `class="ColorScheme-Highlight"`
|
|
|
|
|
|
## Main icons
|
|
Main icons - it's all others icons (apps, devices, places and etc..)
|
|
|
|
On folder **main** available templates for developers and designers
|
|
|
|
# If you want modify or create new icon please follow this rules:
|
|
|
|
- For new icon use ONLY template file (this icons already cleared and have CSS Style for monochrome icons)
|
|
|
|
- Open template file, delete not needed objects and draw new objects
|
|
|
|
- Not save modified template file. Save your new file as:
|
|
|
|
**ICONNAME_tempp.svg**
|
|
|
|
This needed for right work for scripts
|
|
|
|
- Not save monochrome icons without STYLE, CLASS and FILL on code!
|
|
|
|
- After all changes run scripts for clear svg code (HERE SCRIPT) #script for svgo
|
|
|
|
- Before git commit please check your icon - STYLE, CLASS and FILL on your new svg-file.
|
|
|
|
|