• 1(current)
  • 2
  • 3
  • 4
  • 5
  • 14
Post your color schemes, custom overlays and other customisations here.
#1
Brick 
A big part of Eminence is customization. A lot can be done with custom colour schemes and overlay images.

Overlay images can be set in Skin Settings > Fanart. You can do some interesting things with this like vignettes, lighting or textured overlays (the silhouette.png also works well).

You can create a colour scheme by copying one of the colour xml files in the skin.eminence/colors folder. Give it a new name and it will be selectable in Appearance settings. You only need to include the definitions you want to change, any missing colour definitions will be pulled in from the defaults.xml file. The colours are in ARGB Hex format, so the first two characters are the alpha channel. Post one or two screenshots with your xml to give an idea of what it looks like. Any impressive colour schemes I will include in future updates on the repo.

Key for main colours
PHP Code:
<color name="PosterHighlight">AF33b5e5</color
This is the blue highlight focus colour used through the skin in views and hubs etc.


PHP Code:
<color name="Highlight">FF33b5e5</color
This is a stronger version of the highlight colour. This is used for text focus (e.g. settings level change). Generally this matches the posterhighlight colour, just with more opacity to make it stronger.


PHP Code:
<color name="Background">ff1e1e1e</color
This is the colour of the background. The alpha channel needs to be full opaque (FF)


PHP Code:
<color name="PosterBorder">3e888888</color>
<
color name="PosterBorder-NF">1e888888</color
These are the colours of unselected items. e.g. borders around posters, hub items, list panel etc. the NF version is used in settings items.


PHP Code:
<color name="TopBarDark">ff181818</color
This is the colour of the header tile on the home screen or fullscreen video


PHP Code:
<color name="TopBarDarkIcon">ffededed</color
This is the header icon and text colour on the home screen or fullscreen video


PHP Code:
<color name="TopBar">3e888888</color
This is the colour of the header tile in library views etc.
Arctic Fuse - Alpha now available. Support me on Ko-fi.
Reply
#2
watch gallery



Burnt Orange
Code:
<?xml version="1.0" encoding="UTF-8"?>
<colors>
    <!-- Highlight Colors -->
    <color name="Highlight">ffd76c38</color>
    <color name="PosterHighlight">dfd76c38</color>
    
    <!-- Keyboard -->
    <color name="Keyboard">ffd76c38</color>
</colors>

Red
Code:
</xml version=1.0 encoding="UTF-8"?><colors>  <!--Highlight Colors -->  <color name="Highlight">FFB61F24</color>  <color name="PosterHighlight">AFB61F24</color>  <!-- Keyboard -->  <color name="Keyboard">FFB61F24</color></colors>

Soft Purple
Code:
<?xml version="1.0" encoding="UTF-8"?>
<colors>
    <!-- Highlight Colors -->
    <color name="Highlight">ffa682a6</color>
    <color name="PosterHighlight">dfa682a6</color>
    
    <!-- Keyboard -->
    <color name="Keyboard">ffa682a6</color>
</colors>
Reply
#3
I like it green Smile

Code:
<?xml version="1.0" encoding="UTF-8"?>
<colors>
    <!-- Highlight Colors -->
    <color name="Highlight">ff00af64</color>
    <color name="PosterHighlight">af36d792</color>
    
    <!-- Keyboard -->
    <color name="Keyboard">FF00af64</color>

</colors>

watch gallery
Reply
#4
Emerald Green Big Grin

Image

Code:
<?xml version="1.0" encoding="UTF-8"?>
<colors>
    <!-- Highlight Colors -->
    <color name="Highlight">ff46b995</color>
    <color name="PosterHighlight">df46b995</color>
    
    <!-- Keyboard -->
    <color name="Keyboard">ff46b995</color>
</colors>
Reply
#5
@niki365 - i love the soft purple (mauve)!
Linux Mint 18 LTS 64-bit - Kodi 17 Beta6
Odroid-C2 - Libreelec v7.90.009
Reply
#6
(2014-09-24, 16:50)locomot1f Wrote: @niki365 - i love the soft purple (mauve)!

Thanks!
Reply
#7
@nicki365 burnt orange is my new colour. Nice work
Reply
#8
Created a White theme with Forest green color (228B22).
Based on this you can create your own White theme by replacing the RBG color 228B22 with another in all places where it is used.

Code:
<?xml version="1.0" encoding="UTF-8"?>
<colors>
        <!-- Highlight Colors -->
    <color name="Highlight">FF228B22</color>
    <color name="PosterHighlight">df228B22</color>
       <!-- Keyboard -->
    <color name="Keyboard">FF228B22</color>
    <color name="Keyboard-BG">FFc0c0c0</color>
    <color name="Keyboard-Keys">9Fffffff</color>
        <!-- Main Colors -->
    <color name="Background">CCffffff</color>
    <color name="Selected">ff151515</color>
    <color name="Selected2">ff2f2f2f</color>
    <color name="PosterBorder">66228B22</color>
    <color name="PosterBorder-NF">66228B22</color>
    <color name="PanelBG">ffe8e8e8</color>
    <color name="PanelBG2">ffe8e8e8</color>
    <color name="PanelFG">ff1f1f1f</color>
    <color name="PanelFG-NF">9f1f1f1f</color>
    <color name="Disabled">3f1f1f1f</color>
    <color name="MainLabel2">FF1f1f1f</color>
    <color name="SubLabel2">BF1f1f1f</color>
    <color name="TopBarIcon">fF1f1f1f</color>
    <color name="TopBar">ffe8e8e8</color>
</colors>


Regards Jorgen
Reply
#9
(2014-09-26, 10:54)emptyhead Wrote: @nicki365 burnt orange is my new colour. Nice work

Thanks


Here's The Colors From Above In White Theme (Updated From The Fixes Below)

watch gallery


Emerald Green

Code:
<?xml version="1.0" encoding="UTF-8"?>
<colors>
        <!-- Home Header And Panels -->
    <color name="MainLabel">FFb9b9b9</color>
    <color name="SubLabel">BFb9b9b9</color>
    <color name="MainLabel2">FF5f5f5f</color>
    <color name="SubLabel2">BF5f5f5f</color>
    <color name="OSD-NF">6Fb9b9b9</color>
    <color name="TopBar">FFe8e8e8</color>
    <color name="TopBarDark">FF181818</color>
    <color name="TopBarDarkIcon">FFb9b9b9</color>
    <color name="TopBarIcon">FF5f5f5f</color>
        <!-- Highlight Colors -->
    <color name="Highlight">FF46b995</color>
    <color name="PosterHighlight">DF46b995</color>
        <!-- Keyboard -->
    <color name="Keyboard">FF46b995</color>
    <color name="Keyboard-BG">FFc9c9c9</color>
    <color name="Keyboard-Keys">9Ffffafa</color>
        <!-- Main Colors -->
    <color name="Background">CCffffff</color>
    <color name="Selected">FF151515</color>
    <color name="Selected2">FF2f2f2f</color>
    <color name="PosterBorder">6646b995</color>
    <color name="PosterBorder-NF">6646b995</color>
    <color name="PanelBG">FFe8e8e8</color>
    <color name="PanelBG2">FFe8e8e8</color>
    <color name="RadioFO">FF000000</color>
    <color name="PanelFG">FF1f1f1f</color>
    <color name="PanelFG-NF">9F1f1f1f</color>
    <color name="Disabled">3F1f1f1f</color>
</colors>

Burnt Orange
Code:
<?xml version="1.0" encoding="UTF-8"?>
<colors>
        <!-- Home Header And Panels -->
    <color name="MainLabel">FFb9b9b9</color>
    <color name="SubLabel">BFb9b9b9</color>
    <color name="MainLabel2">FF5f5f5f</color>
    <color name="SubLabel2">BF5f5f5f</color>
    <color name="OSD-NF">6Fb9b9b9</color>
    <color name="TopBar">FFe8e8e8</color>
    <color name="TopBarDark">FF181818</color>
    <color name="TopBarDarkIcon">FFb9b9b9</color>
    <color name="TopBarIcon">FF5f5f5f</color>
        <!-- Highlight Colors -->
    <color name="Highlight">FFd76c38</color>
    <color name="PosterHighlight">DFd76c38</color>
        <!-- Keyboard -->
    <color name="Keyboard">FFd76c38</color>
    <color name="Keyboard-BG">FFc9c9c9</color>
    <color name="Keyboard-Keys">9Ffffafa</color>
        <!-- Main Colors -->
    <color name="Background">CCffffff</color>
    <color name="Selected">FF151515</color>
    <color name="Selected2">FF2f2f2f</color>
    <color name="PosterBorder">66d76c38</color>
    <color name="PosterBorder-NF">66d76c38</color>
    <color name="PanelBG">FFe8e8e8</color>
    <color name="PanelBG2">FFe8e8e8</color>
    <color name="RadioFO">FF000000</color>
    <color name="PanelFG">FF1f1f1f</color>
    <color name="PanelFG-NF">9F1f1f1f</color>
    <color name="Disabled">3F1f1f1f</color>
</colors>

Soft Purple
Code:
<?xml version="1.0" encoding="UTF-8"?>
<colors>
        <!-- Home Header And Panels -->
    <color name="MainLabel">FFb9b9b9</color>
    <color name="SubLabel">BFb9b9b9</color>
    <color name="MainLabel2">FF5f5f5f</color>
    <color name="SubLabel2">BF5f5f5f</color>
    <color name="OSD-NF">6Fb9b9b9</color>
    <color name="TopBar">FFe8e8e8</color>
    <color name="TopBarDark">FF181818</color>
    <color name="TopBarDarkIcon">FFb9b9b9</color>
    <color name="TopBarIcon">FF5f5f5f</color>
        <!-- Highlight Colors -->
    <color name="Highlight">FFa682a6</color>
    <color name="PosterHighlight">DFa682a6</color>
        <!-- Keyboard -->
    <color name="Keyboard">FFa682a6</color>
    <color name="Keyboard-BG">FFc9c9c9</color>
    <color name="Keyboard-Keys">9Ffffafa</color>
        <!-- Main Colors -->
    <color name="Background">CCffffff</color>
    <color name="Selected">FF151515</color>
    <color name="Selected2">FF2f2f2f</color>
    <color name="PosterBorder">66a682a6</color>
    <color name="PosterBorder-NF">66a682a6</color>
    <color name="PanelBG">FFe8e8e8</color>
    <color name="PanelBG2">FFe8e8e8</color>
    <color name="RadioFO">FF000000</color>
    <color name="PanelFG">FF1f1f1f</color>
    <color name="PanelFG-NF">9F1f1f1f</color>
    <color name="Disabled">3F1f1f1f</color>
</colors>

Soft Red
Code:
<?xml version="1.0" encoding="UTF-8"?>
<colors>
        <!-- Home Header And Panels -->
    <color name="MainLabel">FFb9b9b9</color>
    <color name="SubLabel">BFb9b9b9</color>
    <color name="MainLabel2">FF5f5f5f</color>
    <color name="SubLabel2">BF5f5f5f</color>
    <color name="OSD-NF">6Fb9b9b9</color>
    <color name="TopBar">FFe8e8e8</color>
    <color name="TopBarDark">FF181818</color>
    <color name="TopBarDarkIcon">FFb9b9b9</color>
    <color name="TopBarIcon">FF5f5f5f</color>
        <!-- Highlight Colors -->
    <color name="Highlight">FFB61F24</color>
    <color name="PosterHighlight">DFB61F24</color>
        <!-- Keyboard -->
    <color name="Keyboard">FFB61F24</color>
    <color name="Keyboard-BG">FFc9c9c9</color>
    <color name="Keyboard-Keys">9Ffffafa</color>
        <!-- Main Colors -->
    <color name="Background">CCffffff</color>
    <color name="Selected">FF151515</color>
    <color name="Selected2">FF2f2f2f</color>
    <color name="PosterBorder">66B61F24</color>
    <color name="PosterBorder-NF">66B61F24</color>
    <color name="PanelBG">FFe8e8e8</color>
    <color name="PanelBG2">FFe8e8e8</color>
    <color name="RadioFO">FF000000</color>
    <color name="PanelFG">FF1f1f1f</color>
    <color name="PanelFG-NF">9F1f1f1f</color>
    <color name="Disabled">3F1f1f1f</color>
</colors>
Reply
#10
My first attempt of creating a White theme had some things i did not like after using it some times,
The headings white and black color was too strong for my taste so i created a more softer version (including the Home screen and OSD).

I have also fixed the orders of the colors in the code the same as the default.xml.

This is using the color Teal (RGB=008080):
Code:
<?xml version="1.0" encoding="UTF-8"?>
<colors>
        <!-- Home Header And Panels -->
    <color name="MainLabel">FFb9b9b9</color>
    <color name="SubLabel">BFb9b9b9</color>
    <color name="MainLabel2">FF5f5f5f</color>
    <color name="SubLabel2">BF5f5f5f</color>
    <color name="OSD-NF">6Fb9b9b9</color>
    <color name="TopBar">FFe8e8e8</color>
    <color name="TopBarDark">FF181818</color>
    <color name="TopBarDarkIcon">FFb9b9b9</color>
    <color name="TopBarIcon">FF5f5f5f</color>
        <!-- Highlight Colors -->
    <color name="Highlight">FF008080</color>
    <color name="PosterHighlight">DF008080</color>
        <!-- Keyboard -->
    <color name="Keyboard">FF008080</color>
    <color name="Keyboard-BG">FFc9c9c9</color>
    <color name="Keyboard-Keys">9Ffffafa</color>
        <!-- Main Colors -->
    <color name="Background">CCffffff</color>
    <color name="Selected">FF151515</color>
    <color name="Selected2">FF2f2f2f</color>
    <color name="PosterBorder">66008080</color>
    <color name="PosterBorder-NF">66008080</color>
    <color name="PanelBG">FFe8e8e8</color>
    <color name="PanelBG2">FFe8e8e8</color>
    <color name="RadioFO">FF000000</color>
    <color name="PanelFG">FF1f1f1f</color>
    <color name="PanelFG-NF">9F1f1f1f</color>
    <color name="Disabled">3F1f1f1f</color>
</colors>

I have also tested the following colors (RGB) that works (on both versions of the White theme):

Chocolate (D2691E)
Crimson (DC143C)
Forrest Green (228B22)
Olive (808000)
Reply
#11
I discovered a problem to use the same RGB color in different color name in the White theme (see my previous posts),
In some places are "Highlight" and "PosterHighlight" used in combination, for example when activating "Tile color in header" and then select "Shutdown".
With the alpha channel difference not enough ('FFxxxxxx' and 'DFxxxxxx') you can hardly see the text of the selected option (which is "Highlight" in these cases).

The solution is either to:
1. Change "PosterHighlight" from 'DFxxxxxx' to 'BFxxxxxx' (which will help a bit and give a more uniform color scheme).
2. Change "PosterHighlight" to another more visible different color (which will have to be done for each color scheme and possible a mixed color scheme).
Reply
#12
(2014-09-30, 14:55)Jorgen57 Wrote: I discovered a problem to use the same RGB color in different color name in the White theme (see my previous posts),
In some places are "Highlight" and "PosterHighlight" used in combination, for example when activating "Tile color in header" and then select "Shutdown".
With the alpha channel difference not enough ('FFxxxxxx' and 'DFxxxxxx') you can hardly see the text of the selected option (which is "Highlight" in these cases).

The solution is either to:
1. Change "PosterHighlight" from 'DFxxxxxx' to 'BFxxxxxx' (which will help a bit and give a more uniform color scheme).
2. Change "PosterHighlight" to another more visible different color (which will have to be done for each color scheme and possible a mixed color scheme).

updated the above colors to reflect your changes
Reply
#13
@Jorgen57, screenshots ?
Reply
#14
(2014-09-30, 21:49)schumi2004 Wrote: @Jorgen57, screenshots ?

Check my post for the white theme it has updated screenshots.
Reply
#15
Do you want more of your favorite color?

You can get a more colorful scheme by just adding or changing a line,
I discovered that when i did my White theme and it works for all color schemes.

1. Copy your favorite color XML file, in this case i have used Red.XML
2. Rename it to More Red.XML
3. Copy this line into the XML if it does not exist:
Code:
<color name="PosterBorder">66B61F24</color>
4. Adjust the line "PosterBorder", it should start with 66 to give a difference to FF, then is the RGB color (in this case Red=B61F24), that should be changed to the same RGB color as color name "Highlight".
5. Save the XML.

Now you have more colorful scheme, You will notice that if the background is dark then the color for "PosterBorder" will be darker than the color of "Highlight" but that is made on purpose because it will difference in some panels the selected item from the non-selected items.
You can of course play with the alpha channel (66) on the "PosterBorder" to make it lighter or darker but it should not be FF since you will not be able to see any difference between selected items and non-selected items.

Good luck!
Reply
  • 1(current)
  • 2
  • 3
  • 4
  • 5
  • 14

Logout Mark Read Team Forum Stats Members Help
Post your color schemes, custom overlays and other customisations here.6