Moodle
  1. Moodle
  2. MDL-14361

Switch standard icons to Tango-based icons

    Details

    • Type: Improvement Improvement
    • Status: Open
    • Priority: Major Major
    • Resolution: Unresolved
    • Affects Version/s: 2.0
    • Fix Version/s: DEV backlog
    • Component/s: Themes
    • Labels:
    • Rank:
      599

      Description

      The Tango icon library proposes both an interesting naming scheme and a coherent iconset.

      First ... I like the iconset, but it's distributed under a cc-by-sa-2.5 license, so I sent an email to the FSF "licensing hotline" to ask if it could be included in Moodle. I was just told there is no problem including icons under this license in Moodle. So, good news for themers : we can use Tango icons. The iconset comes with 16x16, 22x22, 32x32 and scalable images.

      Second, the Tango naming scheme is now used in xfce, gnome and kde. If we used the same naming scheme, we could (easily?) use icons made for these frameworks (among others - openoffice, pidgin, gimp and others also use either the same icons or the naming scheme). This would require significant work to move/rename each icon (there are 229 icons in Moodle 1.9).

      Tango project: http://tango.freedesktop.org/Tango_Desktop_Project
      The iconset can be seen on http://tango.freedesktop.org/Tango_Icon_Library (files are available by cvs)

        Issue Links

          Activity

          Hide
          Ralf Hilgenstock added a comment -

          Martin Butz created a new theme based an Tango Icon Set called Moodalis-Tango. Added to theme database for download http://moodle.org/mod/data/view.php?d=26&rid=1865

          Show
          Ralf Hilgenstock added a comment - Martin Butz created a new theme based an Tango Icon Set called Moodalis-Tango. Added to theme database for download http://moodle.org/mod/data/view.php?d=26&rid=1865
          Hide
          Ralf Hilgenstock added a comment -

          Theme attached

          Show
          Ralf Hilgenstock added a comment - Theme attached
          Hide
          Anthony Borrow added a comment -

          Ralf - I want to make sure I am getting the flow of things correct here. As I understand it, the theme was written/created by Martin Butz; however, you were the one to share it with the community and will be working to maintain it. There is no problem with that, I just want to make sure that we give credit where credit is due. Also, I noticed that there is a file called styles_layout.css.sik. I am assuming that this file is not used or needed. I do not want to upload a file in CVS if it is not really needed so I have removed it; however, if it is needed then you can add it once I get the privileges taken care of. Also, I removed the /pix/mod/questionaire folder and its images before uploading because I believe questionnaire is spelled with two n's and figured since it was not a CORE module it wouldn't be that bad to remove it. Again, you should be able to add it in but since it is impossible to delete directories I wanted to make sure we got it right the first time. Also, since the feedback module will be in CORE for Moodle 2.0, you may want to consider adding in a /pix/mod/feedback/icon.gif if the theme would make use of it. I also removed /pix/s/section_8.gif since /pix/section_8.gif exists and it was not a smiley it struck me as out of place but if was not a mistake, it too can be added back. Now I will upload things, create the component, and set up access. If you have not done so before, please request CVS write access for contrib/plugins/theme/moodlis_tango so that I can approve it. I'll bump your privileges in the tracker so that you can manage issues related to the Theme: Moodalis tango component. Let me know if you have any questions or need help with anything. Again, thanks for all you do in the Moodle community and for sharing this very nice looking theme. Peace - Anthony

          Show
          Anthony Borrow added a comment - Ralf - I want to make sure I am getting the flow of things correct here. As I understand it, the theme was written/created by Martin Butz; however, you were the one to share it with the community and will be working to maintain it. There is no problem with that, I just want to make sure that we give credit where credit is due. Also, I noticed that there is a file called styles_layout.css.sik. I am assuming that this file is not used or needed. I do not want to upload a file in CVS if it is not really needed so I have removed it; however, if it is needed then you can add it once I get the privileges taken care of. Also, I removed the /pix/mod/questionaire folder and its images before uploading because I believe questionnaire is spelled with two n's and figured since it was not a CORE module it wouldn't be that bad to remove it. Again, you should be able to add it in but since it is impossible to delete directories I wanted to make sure we got it right the first time. Also, since the feedback module will be in CORE for Moodle 2.0, you may want to consider adding in a /pix/mod/feedback/icon.gif if the theme would make use of it. I also removed /pix/s/section_8.gif since /pix/section_8.gif exists and it was not a smiley it struck me as out of place but if was not a mistake, it too can be added back. Now I will upload things, create the component, and set up access. If you have not done so before, please request CVS write access for contrib/plugins/theme/moodlis_tango so that I can approve it. I'll bump your privileges in the tracker so that you can manage issues related to the Theme: Moodalis tango component. Let me know if you have any questions or need help with anything. Again, thanks for all you do in the Moodle community and for sharing this very nice looking theme. Peace - Anthony
          Hide
          Anthony Borrow added a comment -

          Ralf - As you can see I was rushing through things and based on our previous Moodle messages, I had assumed that this issue was a request to add the Moodalis Tango theme to CONTRIB. Fortunately, before I went to commit I noticed you have this as a Moodle (CORE) project and the actual issue seems to be quite a different request. Since this issue was created by Mathieu and assigned to someone else, I am going to let them handle it as appropriate. If you would like for me to upload the theme in CONTRIB and maintain it there, please create an issue in the CONTRIB section of the tracker requesting that I do that and then we can move forward. Peace - Anthony

          Show
          Anthony Borrow added a comment - Ralf - As you can see I was rushing through things and based on our previous Moodle messages, I had assumed that this issue was a request to add the Moodalis Tango theme to CONTRIB. Fortunately, before I went to commit I noticed you have this as a Moodle (CORE) project and the actual issue seems to be quite a different request. Since this issue was created by Mathieu and assigned to someone else, I am going to let them handle it as appropriate. If you would like for me to upload the theme in CONTRIB and maintain it there, please create an issue in the CONTRIB section of the tracker requesting that I do that and then we can move forward. Peace - Anthony
          Hide
          Martin Dougiamas added a comment -

          OK, I've been doing some testing of this, because I would like to see something like this replace the icons we have now.

          It's pretty good! Unfortunately there are some major problems I'm seeing that need to be fixed, so I'll file subtasks here.

          About moving to the same naming scheme, that is probably a good idea, even though the URLs will all be a little longer.

          Show
          Martin Dougiamas added a comment - OK, I've been doing some testing of this, because I would like to see something like this replace the icons we have now. It's pretty good! Unfortunately there are some major problems I'm seeing that need to be fixed, so I'll file subtasks here. About moving to the same naming scheme, that is probably a good idea, even though the URLs will all be a little longer.
          Hide
          Martin Dougiamas added a comment -

          Another option would be this: http://www.famfamfam.com/lab/icons/silk/ which is actually better IMHO because it's more flat and won't clash with themes as much.

          Preview here: http://www.famfamfam.com/lab/icons/silk/previews/index_abc.png

          Some new ones are still going to be needed to fill in the gaps for Moodle.

          Show
          Martin Dougiamas added a comment - Another option would be this: http://www.famfamfam.com/lab/icons/silk/ which is actually better IMHO because it's more flat and won't clash with themes as much. Preview here: http://www.famfamfam.com/lab/icons/silk/previews/index_abc.png Some new ones are still going to be needed to fill in the gaps for Moodle.
          Hide
          Hans de Zwart added a comment -

          The thing I really like about the Tango project is their style guidelines: http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines and their philosophy which is: "The Tango icon theme's goal is to make applications not seem alien on any desktop. A user running a multiplatform application should not have the impression that the look is unpolished and inconsistent with what he or she is used to. While this isn't about merging styles of all desktop systems, we do aim to not be drastically different on each platform."

          The silk icons are created by one person (and aren't scalable if I am correct), whereas Tango icons can now be made by many. Also I am not sure whether all the silk icons will work on light and dark backgrounds (see: http://moodle.org/mod/forum/discuss.php?d=72684)

          In either case you might want to create new icons, for the modules especially, that echo the original icons in some creative way. This means that not all your documentation is instantly outdated.

          I have to say I am excited by this one! Icons have been one of my personal gripes for a while (without any talent to do anything about it....)

          Show
          Hans de Zwart added a comment - The thing I really like about the Tango project is their style guidelines: http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines and their philosophy which is: "The Tango icon theme's goal is to make applications not seem alien on any desktop. A user running a multiplatform application should not have the impression that the look is unpolished and inconsistent with what he or she is used to. While this isn't about merging styles of all desktop systems, we do aim to not be drastically different on each platform." The silk icons are created by one person (and aren't scalable if I am correct), whereas Tango icons can now be made by many. Also I am not sure whether all the silk icons will work on light and dark backgrounds (see: http://moodle.org/mod/forum/discuss.php?d=72684 ) In either case you might want to create new icons, for the modules especially, that echo the original icons in some creative way. This means that not all your documentation is instantly outdated. I have to say I am excited by this one! Icons have been one of my personal gripes for a while (without any talent to do anything about it....)
          Hide
          Martin Dougiamas added a comment -

          Yes good arguments for Tango (and here too: http://moodle.org/mod/forum/discuss.php?d=121270)

          We just need help with the subtasks now.

          Show
          Martin Dougiamas added a comment - Yes good arguments for Tango (and here too: http://moodle.org/mod/forum/discuss.php?d=121270 ) We just need help with the subtasks now.
          Hide
          Kathy Cannon (Brandeis Univ) added a comment -

          I am offering to help. I've worked on icons in some detail for our custom theme work here. I've documented locations of the icons and edited icons. And if you have someone with more experience, encourage them to make use of me!

          Show
          Kathy Cannon (Brandeis Univ) added a comment - I am offering to help. I've worked on icons in some detail for our custom theme work here. I've documented locations of the icons and edited icons. And if you have someone with more experience, encourage them to make use of me!
          Hide
          Frank Ralf added a comment -

          JFTR

          "Possible changes to the Moodle iconset"
          http://moodle.org/mod/forum/discuss.php?d=126543

          Show
          Frank Ralf added a comment - JFTR "Possible changes to the Moodle iconset" http://moodle.org/mod/forum/discuss.php?d=126543
          Hide
          Martin Dougiamas added a comment -

          General question to the audience: what are we going to do about this in 2.0?

          Show
          Martin Dougiamas added a comment - General question to the audience: what are we going to do about this in 2.0?
          Hide
          Chad Outten added a comment -

          not sure if tango is still on radar for moodle 2.0 themes? so i thought it might be opportune to mention there's been some good ideas, work done by sam hemelryk around the silk icons. see attached. discussion at http://moodle.org/mod/forum/discuss.php?d=151581

          Show
          Chad Outten added a comment - not sure if tango is still on radar for moodle 2.0 themes? so i thought it might be opportune to mention there's been some good ideas, work done by sam hemelryk around the silk icons. see attached. discussion at http://moodle.org/mod/forum/discuss.php?d=151581
          Hide
          Chad Outten added a comment -

          silk iconset for moodle 2.0 themes.

          Show
          Chad Outten added a comment - silk iconset for moodle 2.0 themes.
          Hide
          David Bogner added a comment -

          I would have an iconset, that has not all moodle icons, but could be expanded to include them all. You can have a look at http://www.lernstar.com/ there are the basic icons on the frontpage. These are greyscale icons and should fit with quite a lot of color schemes.

          Show
          David Bogner added a comment - I would have an iconset, that has not all moodle icons, but could be expanded to include them all. You can have a look at http://www.lernstar.com/ there are the basic icons on the frontpage. These are greyscale icons and should fit with quite a lot of color schemes.
          Hide
          Stuart R Mealor added a comment -

          -1 for Tango.
          I'm sure the Moodle Community can do better than these?

          Show
          Stuart R Mealor added a comment - -1 for Tango. I'm sure the Moodle Community can do better than these?
          Hide
          Martin Butz added a comment -

          It does not seem to me a problem to include more than one icon set as a choice for a standard moodle system (e.g. tango and famfamfam). As long as there is a reasonable base for this to start (meaning: icon set should not be build up from the scratch). Please correct me, if I'm wrong concerning this matter.

          I provided some - IMHO still valid - arguments to use the tango icon set (see: http://moodle.org/mod/forum/discuss.php?d=121270#p531890). Furthermore I proposed some possible steps to work with the tango icons in a way, that 1. it is easy to extend the theme and 2. encourages contribution from various sides (see: http://moodle.org/mod/forum/discuss.php?d=126543#p65249)

          I am also willing to put some work into the issue, meaning:

          • I can publish the svg-sources as they are right now to the community (should reside in a repository)
          • do some work concerning missing icons or those, which need to be reworked

          I have already created a Moodle 2.0 compatible theme using the tango icons. It is still ongoing work, as it is more or less untested (does more concern the stability of the layout, although I realized, that some icons are still missing). If anyone is interested, I will be happy to show, what's has been done so far.

          Greetings
          Martin

          Show
          Martin Butz added a comment - It does not seem to me a problem to include more than one icon set as a choice for a standard moodle system (e.g. tango and famfamfam). As long as there is a reasonable base for this to start (meaning: icon set should not be build up from the scratch). Please correct me, if I'm wrong concerning this matter. I provided some - IMHO still valid - arguments to use the tango icon set (see: http://moodle.org/mod/forum/discuss.php?d=121270#p531890 ). Furthermore I proposed some possible steps to work with the tango icons in a way, that 1. it is easy to extend the theme and 2. encourages contribution from various sides (see: http://moodle.org/mod/forum/discuss.php?d=126543#p65249 ) I am also willing to put some work into the issue, meaning: I can publish the svg-sources as they are right now to the community (should reside in a repository) do some work concerning missing icons or those, which need to be reworked I have already created a Moodle 2.0 compatible theme using the tango icons. It is still ongoing work, as it is more or less untested (does more concern the stability of the layout, although I realized, that some icons are still missing). If anyone is interested, I will be happy to show, what's has been done so far. Greetings Martin
          Show
          Nadav Kavalerchik added a comment - How about http://commons.wikimedia.org/wiki/Crystal_Clear Which are taken from: http://commons.wikimedia.org/wiki/Category:Icons_themes
          Hide
          Martin Butz added a comment -

          The new default icon set in Moodle 2.5 (incorporated earlier?) looks quite good and elegant. Although there are some disadvantages:

          + These icons do not work on dark background. This might be negligible as dark themes are rarely used, but
          it is a problem e.g., if block titles are colored using nearly the same brilliance as the the grey icons.
          + Furthermore and grey shaded icons do look unobtrusive but have the disadvantage of omitting an important token, i.e. /color/. Color can be especially useful for warning (red), attention (orange) or the opposite: signaling something like /ok/ (green). As we have only a 16px x 16px space for communicating functions and features, it is IMHO a bad idea to willingly waiving an important element of the icon sign language to the disfavor of usablity.
          + Also I can understand the purpose of using the .class=icon-small. But you simply can not compress a 16px icon to 12px without optimizing it, which leads to spots of grey dots with no or very small amount of distinguishable features. I do think it is possble to use 12px-icons in some cases but only within a very limited range and in optimized form (and not only resizing by CSS).

          I'm still willing - as I said earlier - to optimze the tango icon set for Moodle 2.+ as I have realized that there are new icons added. Is the Moodle-community interested to have an alternative and coherent icon set besides the default one?

          Only my two cents added to the discussion.

          Regards
          Martin

          Show
          Martin Butz added a comment - The new default icon set in Moodle 2.5 (incorporated earlier?) looks quite good and elegant. Although there are some disadvantages: + These icons do not work on dark background. This might be negligible as dark themes are rarely used, but it is a problem e.g., if block titles are colored using nearly the same brilliance as the the grey icons. + Furthermore and grey shaded icons do look unobtrusive but have the disadvantage of omitting an important token, i.e. /color/. Color can be especially useful for warning (red), attention (orange) or the opposite: signaling something like /ok/ (green). As we have only a 16px x 16px space for communicating functions and features, it is IMHO a bad idea to willingly waiving an important element of the icon sign language to the disfavor of usablity. + Also I can understand the purpose of using the .class=icon-small. But you simply can not compress a 16px icon to 12px without optimizing it, which leads to spots of grey dots with no or very small amount of distinguishable features. I do think it is possble to use 12px-icons in some cases but only within a very limited range and in optimized form (and not only resizing by CSS). I'm still willing - as I said earlier - to optimze the tango icon set for Moodle 2.+ as I have realized that there are new icons added. Is the Moodle-community interested to have an alternative and coherent icon set besides the default one? Only my two cents added to the discussion. Regards Martin
          Hide
          Thomas Hanley added a comment -

          Hi Martin,

          See also the discussion around the use of FontAwesome here:

          https://tracker.moodle.org/browse/MDL-40759

          ~thomas

          Show
          Thomas Hanley added a comment - Hi Martin, See also the discussion around the use of FontAwesome here: https://tracker.moodle.org/browse/MDL-40759 ~thomas

            People

            • Votes:
              17 Vote for this issue
              Watchers:
              19 Start watching this issue

              Dates

              • Created:
                Updated: