Canvas (ES-DE Version)

Canvas is a theme for EmulationStation-DE theme that aims to provide a modern and easy to use interface with a variety of color schemes. 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 either textlist or grid gamelist view. Additionally, two styles of system logos are available: Art or Icons. 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:

  • [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 - A system grid with a carousel of games and metadata on the left.

  • [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.

  • [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 - A system carousel with a carousel of games and metadata on the left.

  • [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.

• Theme Color Scheme - Art/Icon/Capsule/Screenshots There are 8 color schemes to choose from that each include an art, art "capsule", screenshots or icon variant for the system logos. 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.
  • 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 Variants and Color Schemes

Color	Variant	SystemView	GamelistView
Retro	[Grid] Grid: Simple
[Icon] Dark	[Carousel] Textlist
[Screenshots] Sony	[Grid] Grid: Detailed - Flipped
[Capsule] Light	[Grid] Carousel

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.

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.