Giter Club home page Giter Club logo

plane-icon-theme's Introduction

Currently in BETA

Plane icon theme

A simple iconset, preferably used in dark versions of Gnome. Love/Arch/Inkscape/Gnome

  • Source icons in = ./src/plane ./src/plane-dark

  • Render icons in = ./plane ./plane-dark

Installation

  1. Downlad the lasted version in releases
  2. Unzip
  3. White
  • Copy in ./plane to /usr/share/icons/plane/
  1. Dark
  • Copy in ./plane-dark to /usr/share/icons/plane-dark
  1. Change icon set with Gnome Tweak Tool

Build

Here videos

  • Is necesary nodejs 7.0 +
  • $ npm install
  • $ npm install --global gulp-cli
  • $ gulp
  • sudo gulp copy

Developer

Allows hot editing, gulp watch auto will generate the icon and if you pass the parameter will update the icon set.

# Symbolic link /usr/share/icons/ -> ./plane && ./plane-dark
$ sudo gulp link


# Auto update
$ gulp watch 

# Or auto update with refresh icon cache Light (plane) version
$ gulp watch -P 

# Or auto update with refresh icon cache Dark (plane-dark) version
$ gulp watch -D 

ERRORs

  • "Error: watch /xxx/xxx ENOSPC" Solution -> echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p more info

To PNG

If you want Generate png files rename gulpfile-to-png.js to gulpfile.js, This is an old feature, it can work in an unexpected way.

Estructure file

templates/* contain it the templates with the structure, all templates should have the this structure:

[tag] => inkscape layer

folder.svg
	[icon_16|desktop_scalable] -> Render: 16/folder.svg or scalable/desktop.svg 
		[icon]
			"icon content"
		[frame]"contain only a rectangle with sizes of the icon"
			[frame_16] "must be Rectangle, Render icon with this sizes"
  • .svg properties are: units in px, the scale in x="1.000" scale in y="1.000", viewbox x:0, y:0
  • The script get all layers the first level and render them Individually

Libreoffice icons

  • Light $ sudo cp ./libreoffice-breeze/images_breeze.zip /usr/lib/libreoffice/share/config/images_breeze.zip Then open Libreoffice and go to Tools->Options->View and choose Breeze.
  • Dark $ sudo cp ./libreoffice-breeze/images_breeze_dark.zip /usr/lib/libreoffice/share/config/images_breeze_dark.zip Then open Libreoffice and go to Tools->Options->View and choose Breeze_dark.

Screen

see more screenshots

Thanks to

And all those designs that served as inspiration

Reviews

License: GPLv3

plane-icon-theme's People

Contributors

wfpaisa avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.