3.3 KiB
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
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"
andclass="ColorScheme-Highlight"
- panel icons use
class="ColorScheme-ButtonBackground"
andclass="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"
andclass="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.