Giter Site home page Giter Site logo

wfpaisa / plane-icon-theme Goto Github PK

View Code? Open in Web Editor NEW
116.0 10.0 7.0 105.01 MB

Is a modern icon theme for gnome linux versions.

License: GNU General Public License v3.0

JavaScript 100.00%
icons icon-set gnome plane-icon-theme icon-pack icon-theme theme

plane-icon-theme's Introduction

Plane icon theme

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

  • Source icons in = ./src/variants/plane and ./src/variants/* are all possible variants

  • Render icons in = ./build/variants/* and zip in ./build/zip-variants/*

Screen

see more screenshots

Installation

  1. Download the lasted version in ./build/zip-variants/
  2. Unzip in [USER_FOLDER]/.local/share/icons
  3. Change icon set with Gnome Tweak Tool

Build

Here videos

  • Is necesary nodejs 8
  • $ npm install
  • $ npm install --global gulp-cli
  • $ gulp

Developer

The folder ./src/variants/* contains all possible icon variants and the var variants in the gulpfile.js have an array with all posible icon set variants.

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

# Build with debug
$ gulp -debug

# Auto update
# Change [-PlaneGnome] for the icon set you want reload from `./build/variants`
$ ln -s [FOLDER_PATH]/build/variants/PlaneGnome ~/.local/share/icons/PlaneGnome
$ gulp watch -PlaneGnome

Potential 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

Estructure file

./assets/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 ./build/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 ./build/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.

Thanks to

And all other designs that served as inspiration!

Reviews

Todo

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.