Canvas (ES-DE Version)

Canvas is a theme for EmulationStation-DE theme that aims to provide a minimal interface with a large variety of color schemes and styles. It also provides easy customization for users to swap out wallpapers to their own liking.

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 - Canvas features combinations of a grid/carousel system view that will scale based on font size. A gamelist view of textlist, carousel, or grid gamelist views. Additionally, five styles of system icons are available: Capsule, Controller, Logos, Screenshots, or Art. All variants will scale the size of the gamelist and the amount of metadata shown based on the selected font size. Large and X-Large will reduce metadata shown on all screens, with X-Large just showing an image:

  • [Grid] Textlist - A system grid with a simple text list of games and metadata on the left.

  • [Grid] Textlist - Flipped - A system grid with a simple text list of games and metadata on the right.

  • [Grid] Carousel: Marquee - A system grid with a carousel of game logos and metadata on the left.

  • [Grid] Carousel: Boxart - A system grid with a carousel of game covers and minimal metadata.

  • [Grid] Grid: Basic - A system grid with a grid of boxart and minimal metadata for games.

  • [Grid] Grid: Detailed - A system grid with a grid of boxart and detailed metadata on the left for games.

  • [Grid] Grid: Detailed - Flipped - A system grid with a grid of boxart and detailed metadata on the right for games.

  • [Grid] Grid: Row - A system grid with a single row of boxart and a large video background.

  • [Carousel] Textlist - A system carousel with a simple text list of games and metadata on the left.

  • [Carousel] Textlist - Flipped - A system carousel with a simple text list of games and metadata on the right.

  • [Carousel] Carousel: Marquee - A system carousel with a carousel of game logos and metadata on the left.

  • [Carousel] Carousel: Boxart - A system carousel with a carousel of game covers and minimal metadata.

  • [Carousel] Grid: Basic - A system carousel with a grid of boxart and minimal metadata for games.

  • [Carousel] Grid: Detailed - A system carousel with a grid of boxart and detailed metadata on the left for games.

  • [Carousel] Grid: Detailed - Flipped - A system carousel with a grid of boxart and detailed metadata on the right for games.

  • [Carousel] Grid: Row - A system carousel with a single row of boxart and a large video background.

• Theme Color Scheme - Art/Icon/Capsule/Screenshots There are 9 color schemes to choose from that each include an a Capsule, Controller, Logo, Screenshots or art variant for the system view. Each color scheme changes the color palette and wallpaper of the theme across all views. Each wallpaper can easily be swapped out by the user for further customization. Alternate options are included within the theme as examples:

  • Light - A light grayscale color scheme.
  • Dark - A dark grayscale color scheme.
  • Neon - A retro neon color scheme.
  • Pastel - A light and bright color scheme.
  • Sony - A blue/white style using PSP colors.
  • NES - A black/red style using Nintendo colors.
  • SNES - A gray/purple style using Super Nintendo colors.
  • Famicom - A red/gold style using Nintendo Famicom colors.
  • Retro - A striped vintage color scheme.

• 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.
  • Medium - good for display on tvs and computer monitors.
  • Large - good for display on large handheld screens at 6 inches or larger.
  • Extra Large - good for display on small handheld screens at 6 inches or below. Disables most metadata.

Preview of some Variants and Color Schemes

Color	Variant	SystemView	GamelistView
[Capsule] Retro	[Grid] Grid: Basic
[Icon] Dark	[Carousel] Textlist
[Logos] Sony	[Grid] Grid: Detailed
[Art] NES	[Grid] Carousel: Boxart

Preview of Font Sizes

Small	Medium
Large	X-Large

Theme Customizations

This theme allows customizations to artwork without the need to edit the source XML.

Wallpapers

• Use the folder called wallpapers in ES-DE's theme directory at: ES-DE/themes/canvas-es-de
• Inside are .webp images named after the color schemes.
• Save over any of these with your new wallpaper to change that color scheme look.
• Alternate wallpapers are also stored in the "Alternate" folder as an example.
• Animated wallpapers in a gif format can be saved into the "Animated" folder. These will be displayed instead of the corresponding wallpaper color. This can be VRAM/CPU intensive.

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
• Light/Dark wallpaper by Pretty In Pixel
• Retro wallpaper by Hadair Ahmad
• Sony wallpaper by Winterbird
• Pastel wallpaper by simax-jr
• Donkey Kong Country 2 art for SNES: Created by Renato Giacomo
• Yoshi Mario Kart on Wii: Modifications made to art by Yoshiyaki & Renato Giacomo
• Delfino Plaza wallpaper on Gamecube: Created by Vincent Moubeche
• Mario on Gamecube: Created by SonicJeremy
• 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
• 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.