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

plane-icon-theme's People

Contributors

creyd avatar dependabot[bot] avatar wfpaisa avatar wiuribecomodisimos avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

plane-icon-theme's Issues

Make theme distribution- and desktop-agnostic

The theme features some Manjaro-branding which doesn't really make sense on non-Manjaro-systems like my Solus install:
bildschirmfoto zu 2018-02-10 19-11-20
I also had to rename some icons to make them usable. This is due to Mate shipping there own (mostly forked) applications like pluma (gedit). Usually icon-themes have a lot of symlinks to compensate for this.

Missing ubuntu icons

Hi, thanks for the theme, I really like it. There are some missing ubuntu icons which a think will make it even better, for instance Rhythm-box, Archive Manager, Software, Files, Contacts and Transmission. Are there any plans to add those as well?

Thanks again.

Missing picon?

Hi,
I use your nice picon set, missing picon are

gtk-icon-theme-error-quark: Symbol »emblem-synchronized« nicht im Thema plane-dark vorhanden (0)
gtk-icon-theme-error-quark: Symbol »preferences-desktop-multimedia« nicht im Thema plane-dark vorhanden (0)
gtk-icon-theme-error-quark: Symbol »sync-error« nicht im Thema plane-dark vorhanden (0)
gtk-icon-theme-error-quark: Symbol »sync-synchronizing« nicht im Thema plane-dark vorhanden (0)
gtk-icon-theme-error-quark: Symbol »system-reboot« nicht im Thema plane-dark vorhanden (0)
Thx a lot :-) for your perfect work.

Several broken symlinks when building

I think you have several references to icons in your local computer that are not present in the repo:

Ex: plane-icon-theme/src/plane-dark/apps/scalable/com.gexperts.Tilix.svg -> /home/Proyectos/plane-mono-dark/apps/48/tilix.svg

Like this one several of them and that does not allow the project to be built in another computer. I guess this happen because the symlinks have absolute paths, try using relative paths.

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.