Uploaded image for project: 'NetBeans'
  1. NetBeans
  2. NETBEANS-2617

Redraw common icons in SVG

Attach filesAttach ScreenshotAdd voteVotersWatch issueWatchersLinkUpdate Comment AuthorReplace String in CommentUpdate Comment VisibilityDelete Comments
    XMLWordPrintableJSON

Details

    • Improvement
    • Status: Open
    • Major
    • Resolution: Unresolved
    • 11.0
    • None
    • platform - Other
    • Windows, Linux, and MacOS

    Description

      Once NETBEANS-2604 is done, we should start replacing commonly seen NetBeans icons with SVG versions, for improved appearance on Retina/HiDPI displays.

      UPDATE: Progress is now tracked per these instructions in the netbeans-tools repository

      With some practice, it takes on average 30 minutes to create an SVG version of a typical icon in Adobe Illustrator. See the attached illustration and Illustrator template. The Illustrator template includes a few icons which have already been converted.

      In NETBEANS-2605, a prioritized list of icons to convert was produced (now migrated to the Google Sheet above). By redrawing the most commonly seen icons first, we can get the greatest "bang for the buck" in terms of improving NetBeans' appearance on HiDPI displays. Once we have a batch of icons ready to integrate into the NetBeans repository, Eirik will redo the duplicate detection and ensure the SVGs end up in all relevant locations, and start creating pull requests.

      See also the overview page for HiDPI improvements on https://cwiki.apache.org/confluence/display/NETBEANS/HiDPI+%28Retina%29+improvements .

      The style guide and process notes has been moved to this confluence page.

      Attachments

        1. 210604 Icons Overview Cropped.png
          101 kB
          Eirik Bakke
        2. 211228 Consolidated Icons.ai
          1015 kB
          Eirik Bakke
        3. 220101 Updated Dark Filter Test.png
          303 kB
          Eirik Bakke
        4. ide.editor.bookmarks.ai
          242 kB
          Pete Whelpton
        5. ide.editor.macros.ai
          174 kB
          Pete Whelpton
        6. ide.seperator.breadcrumbs.ai
          182 kB
          Pete Whelpton
        7. image-2022-01-19-14-41-29-967.png
          165 kB
          Jean-Marc Borer
        8. netbeans_icons_illustrator_template.ai
          231 kB
          Eirik Bakke
        9. ScreenshotExample.png
          721 kB
          Eirik Bakke
        10. style example.png
          151 kB
          Eirik Bakke
        11. style example (dark filter).png
          184 kB
          Eirik Bakke

        Issue Links

        Activity

          This comment will be Viewable by All Users Viewable by All Users
          Cancel

          People

            Unassigned Unassigned
            ebakke Eirik Bakke

            Dates

              Created:
              Updated:

              Slack

                Issue deployment