• Recent
  • Tags
  • Popular
  • Home
  • Docs
  • Register
  • Login
RetroPie forum home
  • Recent
  • Tags
  • Popular
  • Home
  • Docs
  • Register
  • Login

Theme: Flatline (WIP)

Scheduled Pinned Locked Moved Projects and Themes
themegrid view
16 Posts 5 Posters 4.9k Views
Loading More Posts
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • E
    EctoOne
    last edited by EctoOne 6 Nov 2018, 03:12 16 May 2018, 00:48

    Here is a theme I'm currently working on. Since I personally don't like to much graphics and can barely find images that look good with my personal themes, I decided to see if I can make a theme that doesn't have any graphics.
    Well, it has 3 images.

    • A 1x1 white pixel for the background, lines and gamelist selector.
    • A 1x1 transparent pixel to hide something (although I probably could remove it)
    • A square image with a line at the bottom for the grid selector
      Everything else is just a font set.

    It should support all systems. I only added system folders for some systems where I changed the system names so they are in multiple lines. Otherwise something like Super Nintendo Entertainment System would be too long if it was in one line.
    Although I don't know if it works with custom collections, I never used them.

    It also is pretty simple to change the colors, there are only 4: Background, main (the lines and the most text), highlight (the system name and selectors) and secondary (folder text and all other text elements). They are all declared as variables at the top of the theme.xml. So changing them is super easy.

    Systemview:
    alt text

    Videoview:
    alt text
    Notes: Basic view looks the same but has no images of course. In Detailed view the box art is in the top right box (where the screenshot/video is)

    Grid view:
    alt text

    Todo:

    • Decide what metadata to put on the right side. I personally don't care for them, but it looked too empty so I added genre and players.

    Any feedback is welcome.

    Download here

    1 Reply Last reply Reply Quote 3
    • C
      ClassicGMR
      last edited by 16 May 2018, 06:12

      I always like to see clean, sleek, minimalist themes. Sometimes you just want to get where you're going without all the flash and this definitely fits the bill. This is something I would definitely use.

      Growing older is mandatory. Growing up is optional!
      Enjoy the ride!

      1 Reply Last reply Reply Quote 0
      • P
        paffley
        last edited by 16 May 2018, 09:08

        Nice work @EctoOne ! lemme know when its available and ill test it on my pi no problem.

        1 Reply Last reply Reply Quote 0
        • E
          EctoOne
          last edited by 17 May 2018, 23:44

          I uploaded a test version (download link is in the first post).

          • Changed the colors to grey variants and found some free fonts that I liked (See second image in the first post)
          M 1 Reply Last reply 18 May 2018, 02:13 Reply Quote 0
          • M
            mattrixk @EctoOne
            last edited by 18 May 2018, 02:13

            @ectoone: I like the idea of making a simple clean theme.

            Re: fonts, you could have a look at Google Fonts (fonts.google.com). There are a few hundred fonts to choose from, and you're allowed to use them for pretty much anything.

            My ES themes: MetaPixel | Spare | Io | Indent

            E 1 Reply Last reply 18 May 2018, 02:42 Reply Quote 0
            • E
              EctoOne @mattrixk
              last edited by 18 May 2018, 02:42

              @mattrixk thanks for the tip. I've been on that site before but it wasn't that obvious to me how to download fonts. I thought they were for supposed to be used embedded in websites. Figured it out though now.

              M 1 Reply Last reply 18 May 2018, 02:58 Reply Quote 0
              • M
                mattrixk @EctoOne
                last edited by 18 May 2018, 02:58

                @ectoone No worries. Glad you worked it out. I mostly used Roboto on my themes, but I used some fancier ones too (as you can see in my Core theme https://github.com/mattrixk/es-theme-core. I might actually finish it one day).

                My ES themes: MetaPixel | Spare | Io | Indent

                E 1 Reply Last reply 18 May 2018, 05:30 Reply Quote 0
                • E
                  EctoOne @mattrixk
                  last edited by EctoOne 18 May 2018, 05:30

                  @mattrixk Huh, it's 9 months old and I can't remember if I have seen that before. Looks nice.

                  Anyways, I changed the fonts to go more with the basic line theme. Although I'm still not happy with the secondary font. But all fonts I tested have been either too wide to fit in the metadata section or too tiny to read. And I changed the colors a little bit, because some where to dark to read from a distance.
                  I also replaced the preview images in the first post.

                  1 Reply Last reply Reply Quote 0
                  • E
                    EctoOne
                    last edited by 11 Jun 2018, 02:21

                    Update:

                    • It now has a complete text based carousel (Thanks again to @jdrassa for implementing that feature).
                    • changed the Carousel font
                    • changed the metadata font to the same as metadata label
                    • changed description font
                    • changed grid view to have the same look as the carousel (four games)
                    1 Reply Last reply Reply Quote 0
                    • S
                      simpleethat
                      last edited by 11 Jun 2018, 05:23

                      I think this might work for my R2D2 build I'm slowly working on. I'm going to have to grab it

                      E 1 Reply Last reply 11 Jun 2018, 06:52 Reply Quote 0
                      • E
                        EctoOne @simpleethat
                        last edited by 11 Jun 2018, 06:52

                        @simpleethat if you change the colors it might fit. I just did a quick test, and you might need to change some font sizes.
                        alt text

                        S 2 Replies Last reply 12 Jun 2018, 23:15 Reply Quote 0
                        • S
                          simpleethat @EctoOne
                          last edited by 12 Jun 2018, 23:15

                          @ectoone Oh man, once I get it finished I think that might be perfect

                          1 Reply Last reply Reply Quote 0
                          • S
                            simpleethat @EctoOne
                            last edited by 25 Jul 2018, 01:29

                            @ectoone Okay... I'm a little embarassed by this but how do I go about downloading it? Also what values did you get use for the colors?

                            E 1 Reply Last reply 25 Jul 2018, 08:02 Reply Quote 0
                            • E
                              EctoOne @simpleethat
                              last edited by 25 Jul 2018, 08:02

                              @simpleethat When you click the link, there is a green button on the right side that says 'Clone or Download'. Hit that and a small window appears under it with the option 'Download ZIP'.

                              And I don't quite understand your question about the color values. Do you want to know what values I used for the white/blue variant or where to input them or what?

                              These are the values for the white/blue variant and they have to be put at the top of the theme.xml file in the ZIP. There should be a section for it.

                               <backgroundColor>E0E6F2</backgroundColor>
                               <mainColor>0F2088</mainColor>
                               <highlightColor>CC3433</highlightColor>
                               <secondaryColor>888888</secondaryColor>
                              
                              1 Reply Last reply Reply Quote 0
                              • S
                                simpleethat
                                last edited by 28 Jul 2018, 02:07

                                This post is deleted!
                                1 Reply Last reply Reply Quote 0
                                • S
                                  simpleethat
                                  last edited by 28 Jul 2018, 02:15

                                  @ectoone Thanks, you assumed correctly about the blue/white values. I think this is going to be perfect for my R2D2 build

                                  1 Reply Last reply Reply Quote 0
                                  • First post
                                    Last post

                                  Contributions to the project are always appreciated, so if you would like to support us with a donation you can do so here.

                                  Hosting provided by Mythic-Beasts. See the Hosting Information page for more information.

                                    This community forum collects and processes your personal information.
                                    consent.not_received