New theme icon for Tryton

Feature
1

Rational

I think the icons theme on Tryton to require a new design and current it is not unified with the web client (sao), because this use another theme, when the end users switch from desktop version to the web version are confused, because the icons are completely different, this show UX design problems and integrations between versions desktop/web.

Proposal

  • To create a new unified and nice theme icons for Tryton.
  • Using the exactly the same icons in web and sao version.

Implementation

  • Maybe to use to crowfunding campaign for to pay a professional UX designer for that Tryton have its own icon theme.
  • Choose best style for start design process using a survey between community

This is an example style ideas (but I hope another proposals from community):

1 Like
2

I quite agree on this but for me all those examples are not qualified for Tryton because of their license.
Indeed I already thought that we could use Material icons which is under Apache License v2.0. I think it is more complete than the Free part of Font Awesome and also it will be easy for designer to extend it (from our current web agency) because they are simple and without shadow.
But I think before starting on this change some work need to be done:

  • Fix IconFactory
  • Rationalize the icon usage:
    • List the minimal set of icons that client must embed
    • List the set of icons that trytond must provide
    • List the extra icons needed for each module
1 Like
3

Yes you are right, the license is important but the examples are just for designers inspiration :slight_smile:

I will try check out the icon Factory issue, maybe I can help.

1 Like
4

I think before choosing Material icons, we should check that FullCalendar will work with it on new version: https://fullcalendar.io/blog/2018/03/bootstrap-4-support

1 Like
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.

6

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

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

7

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

8

Sorry, I didn’t pay attention.

9

Actually there is a svg file:

1 Like
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.

11

Icon list

Client

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

Server

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

Modules

  • tryton-account
  • tryton-bank
  • tryton-carrier
  • tryton-commission
  • tryton-company
  • tryton-country
  • tryton-currency
  • tryton-party tryton-party
  • tryton-product
  • tryton-production
  • tryton-project
  • tryton-purchase
  • tryton-sale
  • tryton-stock
  • tryton-timesheet
1 Like
12

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

13

That’s the original plan:

14

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

15

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

16

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

Desktop client with new icons
2018-08-01-174607_1940x1552_scrot.png1940Ă—1552 323 KB

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

1 Like
17

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

18

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

image
image.png1866Ă—812 169 KB

21

I found some an icon ideas

macbook_productimage_fms_stockrecord.png2000Ă—1653 378 KB

22

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