New theme icon for Tryton

(Cédric Krier) #5

Indeed there is only 5 icons used by FullCalendar: https://fullcalendar.io/docs/bootstrapFontAwesome
It will be easy to write the css rules to use the Material icons equivalent.

(Vincent Bastos) #6

Just thought I would add another resource. Foundation is an alternative to Bootstrap.

https://foundation.zurb.com/icon-fonts.html

(Cédric Krier) #7

Fonts are not useful because we need to display on GTK which require a picture format (ex: PNG, SVG etc.)

(Vincent Bastos) #8

Sorry, I didn’t pay attention.

(Vincent Bastos) #9

Actually there is a svg file:

(Cédric Krier) #10

The IconFactory issue has a patch: Issue 7059: IconFactory deprecated - Tryton issue tracker
But it requires the rework of list of icon to be pushed.

(Cédric Krier) #11

Icon list

Client

  • tryton-ok tryton-ok
  • tryton-cancel tryton-cancel
  • tryton-close tryton-close
  • tryton-menu tryton-menu
  • tryton-bookmarks tryton-bookmarks
  • tryton-exit tryton-exit
  • tryton-switch tryton-switch
  • tryton-back tryton-back
  • tryton-forward tryton-forward
  • tryton-create tryton-create
  • tryton-save tryton-save
  • tryton-refresh tryton-refresh
  • tryton-copy tryton-copy
  • tryton-delete tryton-delete
  • tryton-undo tryton-undo
  • tryton-log tryton-log
  • tryton-history tryton-history
  • tryton-attach tryton-attach
  • tryton-note tryton-note
  • tryton-launch tryton-launch
  • tryton-link tryton-link
  • tryton-open tryton-open
  • tryton-print tryton-print
  • tryton-email tryton-email
  • tryton-public tryton-public
  • tryton-export tryton-export
  • tryton-import tryton-import
  • tryton-filter tryton-filter
  • tryton-search tryton-search
  • tryton-bookmark tryton-bookmark
  • tryton-bookmark-border tryton-bookmark-border
  • tryton-archive tryton-archive
  • tryton-unarchive tryton-unarchive
  • tryton-star tryton-star
  • tryton-star-border tryton-star-border
  • tryton-clear tryton-clear
  • tryton-add tryton-add
  • tryton-remove tryton-remove
  • tryton-date tryton-date
  • tryton-translate tryton-translate
  • tryton-format-bold tryton-format-bold
  • tryton-format-italic tryton-format-italic
  • tryton-format-underline tryton-format-underline
  • tryton-format-align-left tryton-format-align-left
  • tryton-format-align-center tryton-format-align-center
  • tryton-format-align-right tryton-format-align-right
  • tryton-format-align-justify tryton-format-align-justify
  • tryton-format-color-text tryton-format-color-text
  • tryton-info tryton-info
  • tryton-warning tryton-warning
  • tryton-error tryton-error

Server

  • tryton-form tryton-form
  • tryton-list tryton-list
  • tryton-tree tryton-tree
  • tryton-calendar tryton-calendar
  • tryton-graph tryton-graph
  • tryton-board tryton-board
  • tryton-folder tryton-folder
  • tryton-settings tryton-settings

Modules

  • tryton-account tryton-account
  • tryton-bank tryton-bank
  • tryton-carrier tryton-carrier
  • tryton-commission tryton-commission
  • tryton-company tryton-company
  • tryton-country tryton-country
  • tryton-currency tryton-currency
  • tryton-party tryton-party
  • tryton-product tryton-product
  • tryton-production tryton-production
  • tryton-project tryton-project
  • tryton-purchase tryton-purchase
  • tryton-sale tryton-sale
  • tryton-stock tryton-stock
  • tryton-timesheet tryton-timesheet
(Sergio Morillo) #12

If Tryton will use Material icons, what do you think about setting material design as default (or included) sao theme?

(Cédric Krier) #13

That’s the original plan:

(Sergio Morillo) #14

I’m referring not only icons theme but all bootstrap css styling.

(Cédric Krier) #15

I doubt any one will invest on rewriting sao to change the main component library.
Also this is off-topic.

(Cédric Krier) #16

Here is a preview of the desktop client with the new icons:

Desktop client with new icons
2018-08-01-174607_1940x1552_scrot.png1940x1552 323 KB

The color is not fixed, I’m waiting the final design of the website theme.

Use material design in sao
(Cédric Krier) #17

The patch is ready for testing at Issue 474: Use Material icons - Tryton issue tracker

(Cédric Krier) #18

Here is a preview of the web client with the new icons:

image
image.png1866x812 169 KB

(Oscar Alvarez) #21

I found some an icon ideas

macbook_productimage_fms_stockrecord.png2000x1653 378 KB

(Oscar Alvarez) #22

Hi Cedk, IMHO I think that the bank and accounting icon, must be exchange,

(Cédric Krier) #23

Well it is probably a matter of taste. But for me, bank is about the liquidity so money seems appropriate. And the accounting is more about balancing so the temple front express that.

(Sergi Almacellas Abellana) #24

I’ve just noticed that with the new-icon theme it is not possible to distinguish if a record has an attachment (or note) when using the desktop client.

On previous versions there was a different icon which was used to show the presence of both records. Is this done in purpose?

(Cédric Krier) #25

There are no standard feature to put a counter on the svg icon, son only the label is updated.
Now if someone comes with a way to add a counter to the icon, it will be great.

(Cédric Krier) #26

This topic was automatically closed after 24 days. New replies are no longer allowed.