Iconic (ES-DE Version)

This version of the theme features refreshed artwork. For the original art, download here: https://github.com/Siddy212/iconic-es-de-original/blob/main/README.md

Iconic is an EmulationStation-DE theme that aims to provide a modern UI appearance while also highlighting famous characters from each system. It includes many textlist and gridview options while also adding new multi-layered artwork for popular systems. Inspiration and templates were taken from the following themes:

• AlekFull NX theme by fagnerpc and ported by anthonycaccese
• CoinOPS theme by TheGrizzMD
• ARTFLIX by Alekfull
• ARTFLIX-Colbalto by Galisteo
• NSO Menu Interpreted ES-DE by anthonycaccese

Preview

System View	Gamelist View

Configuration Options

• This theme has a simple set of options that can be changed directly from the UI Settings menu of ES-DE

• Theme Aspect Ratio - sets the aspect ratio the theme will render at. If needed, this can be changed to match the aspect ratio of your screen (though it should happen automatically).

  • 16:9
  • 16:10
  • 4:3
  • 19.5:9
  • 1:1
  • 21:9
  • 3:2

• Theme Variant - sets the layout used for the gamelist view when media & metadata are scraped for your games. Simple variants will have a minimal System view without overlays and reduce the amount of metadata shown. All settings will scale the size of the gamelist and the amount of metadata shown based on the selected font size. X-Large font will disable metadata and show only the boxart for Textlist/Carousel views.:

  • Textlist - A simple list of game names on the right with the miximage on the left.

  • Textlist - Flipped - A simple list of game names on the left with the miximage on the right.

  • Carousel - A vertical carousel of game marquees on the right and the game miximage on the left.

  • Grid: Boxart - A grid view that displays boxart covers with metadata on the left.

  • Grid: Physical Media - A grid view that displays physical media images with metadata on the left.

  • Grid: Titlescreen - A grid view that displays titlescreens with metadata on the left.

  • Grid: Marquee - A grid view that displays marquees with metadata on the left.

  • (Simple) Textlist - Simple System view. A simple list of game names on the right with reduced metadata on the left.

  • (Simple) Carousel - Simple System view. A vertical carousel of game marquees on the right and minimal metadata on the left.

  • (Simple) Grid: Boxart - Simple System view. A grid view that spands the entire width of the screen and displays boxart covers.

  • (Simple) Grid: Physical Media - Simple System view. A grid view that spands the entire width of the screen and displays physical media.

• Theme Color Scheme - There are 3 types of color schemes that are used for the overall theme on all views, Light, Dark, and Retro-Gray. Each of these color schemes allow you to choose from: Nintendon't, Classic, Modern, or Custom. This will indicate which art style to use. Classic using more official game art while Modern uses updated renders of characters. Nintendon't removes litigious IPs to allow for streaming which the theme defaults to. Custom allows user-defined artwork that can be mixed without changing the xml.

  • Light - A white scheme in Classic, Modern, Nintendon't, or Custom styles.
  • Dark - A dark scheme in Classic, Modern, Nintendon't, or Custom styles.
  • Retro Gray - A SNES inspired color scheme in Classic, Modern, Nintendon't, or Custom styles.

• Theme Font Size - enables you to change the size of the fonts displayed in the theme. It will also scale the size of the grid and carousel.

  • Small - good for display on tvs and computer monitors. Smallest Grid size.
  • Medium - good for display on tvs and computer monitors. Medium Grid sizing.
  • Large - good for display on large handheld screens at 6 inches or larger. Medium Grid sizing.
  • Extra Large - good for display on small handheld screens at 6 inches or below. Largest Grid sizing and disables most metadata.

Preview of Variants and Color Schemes

Color	Variant	SystemView	GamelistView
Dark-Classic	Carousel & Boxart
Retro Gray-Classic	Textlist & Miximage

Color	Variant	SystemView	GamelistView
Dark-Modern	Grid: Boxart
Light-Modern	Grid: Physical Media

Theme Customizations

This theme allows customizations to artwork without the need to edit the source XML. This enables you to change the look of the theme and still retain any changes when the root theme is updated.

Start Here

• Make sure Light (Custom Artwork), Dark (Custom Artwork), or Retro Gray (Custom Artwork) is selected from Menu > UI Settings > Theme Variant
• This setting changes the directories that the theme looks for artwork in and sets up the ability for you to add custom artwork.
• If desired, users can mix and match classic/modern art. There is also an alternate background/overlay folder that can give additional options.

Backgrounds

• Use the folder called custom-backgrounds in ES-DE's theme directory at: ES-DE/themes/iconic-es-de/_inc/systems
• Copy your custom background images to that folder
• They should be named:
  • ${system.theme}.webp
  • _default.webp
• ${system.theme}.webp should be named for the system you are looking to override. For example if you wanted to override the artwork for snes you would create an image called snes.webp in the backgrounds folder.
• If a given ${system.theme}.webp image is not found, it will use _default.jpg image, so make sure to keep that file.

Overlays

• Custom overlays can be added to help make images pop. These are only active in non-"Simple" variants.
• These should be in a 16:9 1920x1080 aspect ratio and a transparent .webp format to have the desired effect.
• Use the folder called custom-overlay in ES-DE's theme directory at: ES-DE/themes/iconic-es-de/_inc/systems
• Upload your custom overlay images to that folder. Be aware that these will appear on top of all other assets on that screen.
• They should be named:
  • ${system.theme}.webp

Additional Notes

This theme may be resource intensive due to the layering of images. This is especially true when utilizing the grid view or the non-"Simple" variants. Increasing the VRAM limit under "Other Settings" within the ES-DE menu is useful if pop-in is experienced.

Acknowledgments

Artwork was designed and created by the following artists and credit is provided to them.

• A lot of the original artwork and layouts were designed and created by fagnerpc
• Earthworm Jim: Created by Robert Fink
• Super Metroid background SNES: Created by Mark Van Haitsma
• Donkey Kong Country 2 art for SNES: Created by Renato Giacomo
• Yoshi Mario Kart on Wii: Modifications made to art by Yoshiyaki & Renato Giacomo NES background: Created by m4d3
• Delfino Plaza wallpaper on Gamecube: Created by Vincent Moubeche
• Mario on Gamecube: Created by SonicJeremy
• Balloon Fighter Render: Created by Hydro-Plumber
• Chrono on SFC: Created by Pik
• Mario on NES: (https://www.freepnglogos.com/images/mario-11641.html)
• Multiple character renders: Nibroc-Rock
• Mario Curtain for Now--Playing: Blueamnesiac
• Pit on Famicom and Banjo Kazooie on N64: Adverse56
• Tyranitar for GBC Hacks: Chris Silva
• Wallpaper for Gameboy Hacks: [trollkarl3] (https://www.deviantart.com/trollkarl3/art/Realistic-Super-Mario-Bros-1-first-stage-Wallpaper-375538304)
• Haohmaru for ngp - jlcryu
• Glados for Steam - EliteRobo
• ScummVM Classic - mikimontllo
• Arcade Carousel Icon - IainSA
• System Icons (Dragon32, BBCMicro, etc) - PangolinWrestler
• Other publicly available wallpapers or characters are credited to their original creators.

License

Creative Commons CC-BY-NC-SA - https://creativecommons.org/licenses/by-nc-sa/2.0/ You are free to share and adapt this theme as long as you provide attribution back to me (and the above credits) as well share any updates you make under the same licence terms.