papirus-icon-theme/tools/template

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!!!

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" and class="ColorScheme-Highlight"
• panel icons use class="ColorScheme-ButtonBackground"

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 fix colors, styles and clear svg code (HERE SCRIPTS)

• Before git commit please check your icon - STYLE, CLASS and FILL on your new svg-file.

For example, Papirus 16px actions icon:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
<defs id="defs10">
  <style type="text/css" id="current-color-scheme">
   .ColorScheme-Text { color:#5c616c; } .ColorScheme-Highlight { color:#5294e2; } .ColorScheme-ButtonBackground { color:#d3dae3; }
  </style>
 </defs>
 <path style="fill:currentColor;opacity:1" class="ColorScheme-Text" d="M 2,0 2,16 4,16 4,7 7,7 8,9 14,9 14,2 10,2 9,0 4,0 2,0 Z"/>
 <path style="fill:currentColor" class="ColorScheme-Highlight" d="M 4,0 4,7 7,7 8,9 14,9 14,2 10,2 9,0 4,0 Z"/>
</svg>