Skip to content

Latest commit

 

History

History
122 lines (84 loc) · 8.05 KB

README.md

File metadata and controls

122 lines (84 loc) · 8.05 KB

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
MainPastel GamePastel

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 MainRetro GameRetroLarge
[Icon] Dark [Carousel] Textlist MainDarkIcon GameDark
[Screenshots] Sony [Grid] Grid: Detailed - Flipped CanvasSonyScreenshots CanvasSonyGrid-Detailed-Flipped
[Capsule] Light [Grid] Carousel CanvasLightCapsule CanvasLightCarousel

Preview of Font Sizes

Small Medium
CanvasSmall CanvasMedium
Large X-Large
CanvasLarge CanvasXLarge

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.

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.