changed skin handling and added themes support for skins

2023-10-19 15:58:31 +00:00 · 2014-10-03 15:54:23 +02:00
parent 7766972eec
commit 91a0681ab8
593 changed files with 495 additions and 144 deletions
--- a/skins/nopacity/xmlfiles/displayaudiotracks.xml
+++ b/skins/nopacity/xmlfiles/displayaudiotracks.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE displayaudiotracks SYSTEM "../../dtd/displayaudiotracks.dtd">
+<!DOCTYPE displayaudiotracks SYSTEM "../../../dtd/displayaudiotracks.dtd">

 <displayaudiotracks x="25%" y="0" width="50%" height="100%" fadetime="{fadeTime}">
    <!-- Available Variables background:
--- a/skins/nopacity/xmlfiles/displaychannel.xml
+++ b/skins/nopacity/xmlfiles/displaychannel.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE displaychannel SYSTEM "../../dtd/displaychannel.dtd">
+<!DOCTYPE displaychannel SYSTEM "../../../dtd/displaychannel.dtd">

 <displaychannel x="0" y="0" width="100%" height="100%" fadetime="{fadeTime}">

@@ -90,9 +90,9 @@
    -->
    <progressbar>
        <area x="17%" y="80%" width="81%" height="2%" layer="2">
-            <drawellipse x="1" y="1" width="{areaheight}-2" height="{areaheight}-2" color="{clrBrightGreen}" quadrant="0" />
-            <drawellipse x="1 + {elapsed}/{duration}*{areawidth} - {elapsed}/{duration}*{areaheight}" y="1" width="{areaheight}-2" height="{areaheight}-2" color="{clrBrightGreen}" quadrant="0" />
-            <drawrectangle x="{areaheight}/2" y="1" width="{elapsed}/{duration}*{areawidth} - {elapsed}/{duration}*{areaheight}" height="{areaheight}-2" color="{clrBrightGreen}" />
+            <drawellipse x="1" y="1" width="{areaheight}-2" height="{areaheight}-2" color="{clrProgressbar}" quadrant="0" />
+            <drawellipse x="1 + {elapsed}/{duration}*{areawidth} - {elapsed}/{duration}*{areaheight}" y="1" width="{areaheight}-2" height="{areaheight}-2" color="{clrProgressbar}" quadrant="0" />
+            <drawrectangle x="{areaheight}/2" y="1" width="{elapsed}/{duration}*{areawidth} - {elapsed}/{duration}*{areaheight}" height="{areaheight}-2" color="{clrProgressbar}" />
        </area>
    </progressbar>

--- a/skins/nopacity/xmlfiles/displaymenu.xml
+++ b/skins/nopacity/xmlfiles/displaymenu.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE displaymenu SYSTEM "../../dtd/displaymenu.dtd" [
+<!DOCTYPE displaymenu SYSTEM "../../../dtd/displaymenu.dtd" [
 <!ENTITY displaymenudefault SYSTEM "displaymenudefault.xml">
 <!ENTITY displaymenumain SYSTEM "displaymenumain.xml">
 <!ENTITY displaymenusetup SYSTEM "displaymenusetup.xml">
@@ -21,20 +21,20 @@
    <background>
        <area x="0" y="0" width="100%" height="100%" layer="1">
            <!-- top bar -->
-            <drawrectangle x="0" y="0" width="{areawidth}" height="10%" color="{clrDarkBlue}" />
-            <drawrectangle x="30%" y="{areaheight}*0.1 - 1" width="71%" height="1" color="{clrDarkGreen}" />
+            <drawrectangle x="0" y="0" width="{areawidth}" height="10%" color="{clrBackground}" />
+            <drawrectangle x="30%" y="{areaheight}*0.1 - 1" width="71%" height="1" color="{clrBorder}" />
            <!-- menu bar -->
-            <drawrectangle x="0" y="10%" width="{areawidth}*29/100" height="81%" color="{clrDarkBlue}" />
-            <drawrectangle x="{areawidth}*29/100 - 1" y="12%" width="1" height="76%" color="{clrDarkGreen}" />
+            <drawrectangle x="0" y="10%" width="{areawidth}*29/100" height="81%" color="{clrBackground}" />
+            <drawrectangle x="{areawidth}*29/100 - 1" y="12%" width="1" height="76%" color="{clrBorder}" />
            <!-- bottom bar -->
-            <drawrectangle x="0" y="90%" width="{areawidth}" height="10%" color="{clrDarkBlue}" />
-            <drawrectangle x="30%" y="{areaheight}*0.9 - 1" width="71%" height="1" color="{clrDarkGreen}" />
+            <drawrectangle x="0" y="90%" width="{areawidth}" height="10%" color="{clrBackground}" />
+            <drawrectangle x="30%" y="{areaheight}*0.9 - 1" width="71%" height="1" color="{clrBorder}" />
            <!-- upper corner -->
-            <drawellipse x="{areawidth}*29/100" y="{areaheight}/10" width="{areawidth}*2/100" height="{areawidth}*2/100" quadrant="-2" color="{clrDarkGreen}" />
-            <drawellipse x="{areawidth}*29/100 - 1" y="{areaheight}/10 - 1" width="{areawidth}*2/100" height="{areawidth}*2/100" quadrant="-2" color="{clrDarkBlue}" />
+            <drawellipse x="{areawidth}*29/100" y="{areaheight}/10" width="{areawidth}*2/100" height="{areawidth}*2/100" quadrant="-2" color="{clrBorder}" />
+            <drawellipse x="{areawidth}*29/100 - 1" y="{areaheight}/10 - 1" width="{areawidth}*2/100" height="{areawidth}*2/100" quadrant="-2" color="{clrBackground}" />
            <!-- lower corner -->
-            <drawellipse x="{areawidth}*29/100" y="{areaheight}*90/100 - {areawidth}*2/100" width="{areawidth}*2/100" height="{areawidth}*2/100" quadrant="-3" color="{clrDarkGreen}" />
-            <drawellipse x="{areawidth}*29/100 - 1" y="{areaheight}*90/100 - {areawidth}*2/100 + 1" width="{areawidth}*2/100" height="{areawidth}*2/100" quadrant="-3" color="{clrDarkBlue}" />
+            <drawellipse x="{areawidth}*29/100" y="{areaheight}*90/100 - {areawidth}*2/100" width="{areawidth}*2/100" height="{areawidth}*2/100" quadrant="-3" color="{clrBorder}" />
+            <drawellipse x="{areawidth}*29/100 - 1" y="{areaheight}*90/100 - {areawidth}*2/100 + 1" width="{areawidth}*2/100" height="{areawidth}*2/100" quadrant="-3" color="{clrBackground}" />
        </area>
        <area x="0" y="0" width="100%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="headertop" x="0" y="0" width="100%" height="100%"/>
--- a/skins/nopacity/xmlfiles/displaymenuchannels.xml
+++ b/skins/nopacity/xmlfiles/displaymenuchannels.xml
@@ -1,9 +1,9 @@
 <menuchannels x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="33%" scaletvy="10%" scaletvwidth="65%" scaletvheight="80%">
    <scrollbar>
        <area x="30%" y="11%" width="2%" height="78%" layer="2">
-            <fill color="{clrDarkBlue}" />
+            <fill color="{clrBorder}" />
            <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrDarkGreen}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrProgressbar}" />
        </area>
    </scrollbar>

--- a/skins/nopacity/xmlfiles/displaymenudefault.xml
+++ b/skins/nopacity/xmlfiles/displaymenudefault.xml
@@ -1,7 +1,7 @@
 <menudefault x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="0" scaletvy="0" scaletvwidth="0" scaletvheight="0">
    <background>
        <area x="0" y="0" width="100%" height="100%" layer="1">
-            <fill color="{clrDarkBlue}" />
+            <fill color="{clrBackground}" />
        </area>
        <area x="0" y="0" width="100%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="headertop" x="0" y="0" width="100%" height="100%"/>
--- a/skins/nopacity/xmlfiles/displaymenudetailepg.xml
+++ b/skins/nopacity/xmlfiles/displaymenudetailepg.xml
@@ -2,7 +2,7 @@
    <background>
        <area x="0" y="0" width="100%" height="100%" layer="1">
            <fill color="{clrTransBlack}" />
-            <drawrectangle x="0" y="0" width="100%" height="10%" color="{clrDarkBlue}" />
+            <drawrectangle x="0" y="0" width="100%" height="10%" color="{clrBackground}" />
        </area>
        <area x="0" y="0" width="100%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="headertop" x="0" y="0" width="100%" height="100%"/>
@@ -10,9 +10,9 @@
    </background>
    <scrollbar>
        <area x="97%" y="25%" width="2%" height="60%" layer="2">
-            <fill color="{clrDarkBlue}" />
+            <fill color="{clrBorder}" />
            <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrDarkGreen}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrProgressbar}" />
        </area>
    </scrollbar>
    <!-- Available Variables in detailheader elements:
@@ -245,9 +245,10 @@
    -->
    <tablabels>
        <area x="1%" y="85%" width="98%" height="5%" layer="3">
+            <drawrectangle x="0" y="1" width="100%" height="1" color="{clrBorder}" />
            <loop name="tabs" x="0" y="0" orientation="horizontal">
-                <drawrectangle condition="{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{clrDarkGreen}" />
-                <drawrectangle condition="not{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{clrDarkGreen}" />
+                <drawrectangle condition="{tabs[current]}" x="0" y="1" width="{width(label)}" height="100%" color="{clrBorder}" />
+                <drawrectangle condition="not{tabs[current]}" x="0" y="1" width="{width(label)}" height="100%" color="{clrBorder}" />
                <drawrectangle condition="not{tabs[current]}" x="2" y="2" width="{width(label)} - 4" height="{areaheight}-4" color="{clrTransparent}" />
                <drawtext name="label" x="0" valign="center" font="{vdrOsd}" fontsize="95%" color="{clrWhite}" text="  {tabs[title]}  " />
            </loop>
--- a/skins/nopacity/xmlfiles/displaymenudetailrecording.xml
+++ b/skins/nopacity/xmlfiles/displaymenudetailrecording.xml
@@ -2,7 +2,7 @@
    <background>
        <area x="0" y="0" width="100%" height="100%" layer="1">
            <fill color="{clrTransBlack}" />
-            <drawrectangle x="0" y="0" width="100%" height="10%" color="{clrDarkBlue}" />
+            <drawrectangle x="0" y="0" width="100%" height="10%" color="{clrBackground}" />
        </area>
        <area x="0" y="0" width="100%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="headertop" x="0" y="0" width="100%" height="100%"/>
@@ -10,9 +10,9 @@
    </background>
    <scrollbar>
        <area x="97%" y="25%" width="2%" height="60%" layer="2">
-            <fill color="{clrDarkBlue}" />
+            <fill color="{clrBorder}" />
            <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrDarkGreen}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrProgressbar}" />
        </area>
    </scrollbar>
    <!-- Available Variables in detailheader elements:
@@ -222,8 +222,8 @@
    <tablabels>
        <area x="1%" y="85%" width="98%" height="5%" layer="3">
            <loop name="tabs" x="0" y="0" orientation="horizontal">
-                <drawrectangle condition="{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{clrDarkGreen}" />
-                <drawrectangle condition="not{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{clrDarkGreen}" />
+                <drawrectangle condition="{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{clrBorder}" />
+                <drawrectangle condition="not{tabs[current]}" x="0" y="0" width="{width(label)}" height="100%" color="{clrBorder}" />
                <drawrectangle condition="not{tabs[current]}" x="2" y="2" width="{width(label)} - 4" height="{areaheight}-4" color="{clrTransparent}" />
                <drawtext name="label" x="0" valign="center" font="{vdrOsd}" fontsize="95%" color="{clrWhite}" text="  {tabs[title]}  " />
            </loop>
--- a/skins/nopacity/xmlfiles/displaymenudetailtext.xml
+++ b/skins/nopacity/xmlfiles/displaymenudetailtext.xml
@@ -2,7 +2,7 @@
    <background>
        <area x="0" y="0" width="100%" height="100%" layer="1">
            <fill color="{clrTransBlack}" />
-            <drawrectangle x="0" y="0" width="100%" height="10%" color="{clrDarkBlue}" />
+            <drawrectangle x="0" y="0" width="100%" height="10%" color="{clrBackground}" />
        </area>
        <area x="0" y="0" width="100%" height="10%" layer="2">
            <drawimage imagetype="skinpart" path="headertop" x="0" y="0" width="100%" height="100%"/>
@@ -10,9 +10,9 @@
    </background>
    <scrollbar>
        <area x="97%" y="11%" width="2%" height="79%" layer="2">
-            <fill color="{clrDarkBlue}" />
+            <fill color="{clrBorder}" />
            <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrDarkGreen}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrProgressbar}" />
        </area>
    </scrollbar>
    <!-- Available Variables in tab elements:
--- a/skins/nopacity/xmlfiles/displaymenumain.xml
+++ b/skins/nopacity/xmlfiles/displaymenumain.xml
@@ -47,9 +47,9 @@

    <scrollbar>
        <area x="30%" y="11%" width="2%" height="78%" layer="2">
-            <fill color="{clrDarkBlue}" />
+            <fill color="{clrBorder}" />
            <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrDarkGreen}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrProgressbar}" />
        </area>
    </scrollbar>

@@ -64,7 +64,7 @@
    <discusage>
        <area x="89%" y="11%" width="10%" height="16%" layer="1">
            <fill condition="lt({freepercent}, 6)" color="{clrTransRed}" />
-            <fill condition="gt({freepercent}, 5)" color="{clrDarkBlue}" />
+            <fill condition="gt({freepercent}, 5)" color="{clrBackground}" />
            <drawimage imagetype="skinpart" path="discpercent" x="0" y="82%" width="{areawidth}" height="18%"/>
        </area>
        <area x="89%" y="11%" width="10%" height="16%" layer="2">
--- a/skins/nopacity/xmlfiles/displaymenurecordings.xml
+++ b/skins/nopacity/xmlfiles/displaymenurecordings.xml
@@ -1,9 +1,9 @@
 <menurecordings x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="33%" scaletvy="10%" scaletvwidth="65%" scaletvheight="80%">
    <scrollbar>
        <area x="30%" y="11%" width="2%" height="78%" layer="2">
-            <fill color="{clrDarkBlue}" />
+            <fill color="{clrBorder}" />
            <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrDarkGreen}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrProgressbar}" />
        </area>
    </scrollbar>

--- a/skins/nopacity/xmlfiles/displaymenuschedules.xml
+++ b/skins/nopacity/xmlfiles/displaymenuschedules.xml
@@ -21,9 +21,9 @@
    
    <scrollbar>
        <area x="30%" y="11%" width="2%" height="78%" layer="2">
-            <fill color="{clrDarkBlue}" />
+            <fill color="{clrBorder}" />
            <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrDarkGreen}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrProgressbar}" />
        </area>
    </scrollbar>

@@ -164,12 +164,12 @@
                <!-- progress bar if event is running -->
                <drawtext condition="{running}" name="start" x="{areawidth}/4 - {width(start)}" y="9%" font="vdrOsd}" fontsize="6%" color="{clrWhite}" text="{start}" />
                <drawtext condition="{running}" name="stop" x="{areawidth}*3/4" y="9%" font="{vdrOsd}" fontsize="6%" color="{clrWhite}" text="{stop}" />
-                <drawellipse condition="{running}" x="{areawidth} / 4 + 5" y="{posy(start)} + {height(start)} / 2 - 6" width="11" height="11" quadrant="0" color="{clrDarkBlue}" />
-                <drawrectangle condition="{running}" x="{areawidth} / 4 + 10" y="{posy(start)} + {height(start)} / 2 - 6" width="{areawidth}/2 - 20" height="11" color="{clrDarkBlue}" />
-                <drawellipse condition="{running}" x="3 * {areawidth} / 4 - 16" y="{posy(start)} + {height(start)} / 2 - 6" width="11" height="11" quadrant="0" color="{clrDarkBlue}" />
-                <drawellipse condition="{running}" x="{areawidth} / 4 + 6" y="{posy(start)} + {height(start)} / 2 - 5" width="9" height="9" quadrant="0" color="{clrBrightGreen}" />
-                <drawrectangle condition="{running}" x="{areawidth} / 4 + 10" y="{posy(start)} + {height(start)} / 2 - 5" width="{areawidth}/2 * {elapsed} / {duration} - 20 * {elapsed} / {duration}" height="9" color="{clrBrightGreen}" />
-                <drawellipse condition="{running}" x="{areawidth} / 4 + 10 + {areawidth}/2 * {elapsed} / {duration} - 20 * {elapsed} / {duration} - 4" y="{posy(start)} + {height(start)} / 2 - 5" width="9" height="9" quadrant="0" color="{clrBrightGreen}" />
+                <drawellipse condition="{running}" x="{areawidth} / 4 + 5" y="{posy(start)} + {height(start)} / 2 - 6" width="11" height="11" quadrant="0" color="{clrBackground}" />
+                <drawrectangle condition="{running}" x="{areawidth} / 4 + 10" y="{posy(start)} + {height(start)} / 2 - 6" width="{areawidth}/2 - 20" height="11" color="{clrBackground}" />
+                <drawellipse condition="{running}" x="3 * {areawidth} / 4 - 16" y="{posy(start)} + {height(start)} / 2 - 6" width="11" height="11" quadrant="0" color="{clrBackground}" />
+                <drawellipse condition="{running}" x="{areawidth} / 4 + 6" y="{posy(start)} + {height(start)} / 2 - 5" width="9" height="9" quadrant="0" color="{clrProgressbar}" />
+                <drawrectangle condition="{running}" x="{areawidth} / 4 + 10" y="{posy(start)} + {height(start)} / 2 - 5" width="{areawidth}/2 * {elapsed} / {duration} - 20 * {elapsed} / {duration}" height="9" color="{clrProgressbar}" />
+                <drawellipse condition="{running}" x="{areawidth} / 4 + 10 + {areawidth}/2 * {elapsed} / {duration} - 20 * {elapsed} / {duration} - 4" y="{posy(start)} + {height(start)} / 2 - 5" width="9" height="9" quadrant="0" color="{clrProgressbar}" />
                <!-- start and stop if event is not running -->
                <drawtext condition="not{running}" x="10" y="9%" font="{vdrOsd}" fontsize="{areaheight}/20" color="{clrWhite}" text="{start} - {stop} ({duration} min)" />
                <!-- scraper poster -->
@@ -185,12 +185,12 @@
                <!-- progress bar if event is running -->
                <drawtext condition="{running}" name="start" x="{areawidth}/4 - {width(start)}" y="11%" font="vdrOsd}" fontsize="8%" color="{clrWhite}" text="{start}" />
                <drawtext condition="{running}" name="stop" x="{areawidth}*3/4" y="11%" font="{vdrOsd}" fontsize="8%" color="{clrWhite}" text="{stop}" />
-                <drawellipse condition="{running}" x="{areawidth} / 4 + 5" y="{posy(start)} + {height(start)} / 2 - 6" width="11" height="11" quadrant="0" color="{clrDarkBlue}" />
-                <drawrectangle condition="{running}" x="{areawidth} / 4 + 10" y="{posy(start)} + {height(start)} / 2 - 6" width="{areawidth}/2 - 20" height="11" color="{clrDarkBlue}" />
-                <drawellipse condition="{running}" x="3 * {areawidth} / 4 - 16" y="{posy(start)} + {height(start)} / 2 - 6" width="11" height="11" quadrant="0" color="{clrDarkBlue}" />
-                <drawellipse condition="{running}" x="{areawidth} / 4 + 6" y="{posy(start)} + {height(start)} / 2 - 5" width="9" height="9" quadrant="0" color="{clrBrightGreen}" />
-                <drawrectangle condition="{running}" x="{areawidth} / 4 + 10" y="{posy(start)} + {height(start)} / 2 - 5" width="{areawidth}/2 * {elapsed} / {duration} - 20 * {elapsed} / {duration}" height="9" color="{clrBrightGreen}" />
-                <drawellipse condition="{running}" x="{areawidth} / 4 + 10 + {areawidth}/2 * {elapsed} / {duration} - 20 * {elapsed} / {duration} - 4" y="{posy(start)} + {height(start)} / 2 - 5" width="9" height="9" quadrant="0" color="{clrBrightGreen}" />
+                <drawellipse condition="{running}" x="{areawidth} / 4 + 5" y="{posy(start)} + {height(start)} / 2 - 6" width="11" height="11" quadrant="0" color="{clrBackground}" />
+                <drawrectangle condition="{running}" x="{areawidth} / 4 + 10" y="{posy(start)} + {height(start)} / 2 - 6" width="{areawidth}/2 - 20" height="11" color="{clrBackground}" />
+                <drawellipse condition="{running}" x="3 * {areawidth} / 4 - 16" y="{posy(start)} + {height(start)} / 2 - 6" width="11" height="11" quadrant="0" color="{clrBackground}" />
+                <drawellipse condition="{running}" x="{areawidth} / 4 + 6" y="{posy(start)} + {height(start)} / 2 - 5" width="9" height="9" quadrant="0" color="{clrProgressbar}" />
+                <drawrectangle condition="{running}" x="{areawidth} / 4 + 10" y="{posy(start)} + {height(start)} / 2 - 5" width="{areawidth}/2 * {elapsed} / {duration} - 20 * {elapsed} / {duration}" height="9" color="{clrProgressbar}" />
+                <drawellipse condition="{running}" x="{areawidth} / 4 + 10 + {areawidth}/2 * {elapsed} / {duration} - 20 * {elapsed} / {duration} - 4" y="{posy(start)} + {height(start)} / 2 - 5" width="9" height="9" quadrant="0" color="{clrProgressbar}" />
                <!-- start and stop if event is not running -->
                <drawtext condition="not{running}" x="10" y="9%" font="{vdrOsd}" fontsize="{areaheight}/20" color="{clrWhite}" text="{start} - {stop} ({duration} min)" />
                <!-- scraper poster -->
--- a/skins/nopacity/xmlfiles/displaymenusetup.xml
+++ b/skins/nopacity/xmlfiles/displaymenusetup.xml
@@ -2,9 +2,9 @@

    <scrollbar>
        <area x="30%" y="11%" width="2%" height="78%" layer="2">
-            <fill color="{clrDarkBlue}" />
+            <fill color="{clrBorder}" />
            <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrDarkGreen}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrProgressbar}" />
        </area>
    </scrollbar>

--- a/skins/nopacity/xmlfiles/displaymenutimers.xml
+++ b/skins/nopacity/xmlfiles/displaymenutimers.xml
@@ -1,9 +1,9 @@
 <menutimers x="0" y="0" width="100%" height="100%" fadetime="0" scaletvx="33%" scaletvy="10%" scaletvwidth="65%" scaletvheight="80%">
    <scrollbar>
        <area x="30%" y="11%" width="2%" height="78%" layer="2">
-            <fill color="{clrDarkBlue}" />
+            <fill color="{clrBorder}" />
            <drawrectangle x="2" y="2" width="{areawidth} - 4" height="{areaheight} - 4" color="{clrTransparent}" />
-            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrDarkGreen}" />
+            <drawrectangle x="4" y="4 + {areaheight} * {offset} / 1000" width="{areawidth} - 8" height="{areaheight} * {height} / 1000 - 8" color="{clrProgressbar}" />
        </area>
    </scrollbar>

--- a/skins/nopacity/xmlfiles/displaymessage.xml
+++ b/skins/nopacity/xmlfiles/displaymessage.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE displaymessage SYSTEM "../../dtd/displaymessage.dtd">
+<!DOCTYPE displaymessage SYSTEM "../../../dtd/displaymessage.dtd">

 <displaymessage x="0" y="0" width="100%" height="100%" fadetime="300">

--- a/skins/nopacity/xmlfiles/displayreplay.xml
+++ b/skins/nopacity/xmlfiles/displayreplay.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE displayreplay SYSTEM "../../dtd/displayreplay.dtd">
+<!DOCTYPE displayreplay SYSTEM "../../../dtd/displayreplay.dtd">

 <displayreplay x="0" y="0" width="100%" height="100%" fadetime="{fadeTime}">

@@ -20,7 +20,7 @@

    <backgroundmodeonly>
        <area x="40%" y="86%" width="20%" height="11%" layer="3">
-            <fill color="{clrBrightGreen}" />
+            <fill color="{clrBorder}" />
            <drawrectangle x="1" y="1" width="{areawidth} -2" height="{areaheight} -2" color="{clrTransBlack}" />
        </area>
    </backgroundmodeonly>
@@ -107,8 +107,8 @@
    -->
    <progressbar>
        <area x="3%" y="83%" width="94%" height="2%" layer="2">
-            <drawellipse x="1" y="1" width="{areaheight}-2" height="{areaheight}-2" color="{clrBrightGreen}" quadrant="0" />
-            <drawrectangle x="{areaheight}/2" y="1" width="{current}/{total}*{areawidth} - {current}/{total}*{areaheight}" height="{areaheight}-2" color="{clrBrightGreen}" />
+            <drawellipse x="1" y="1" width="{areaheight}-2" height="{areaheight}-2" color="{clrProgressbar}" quadrant="0" />
+            <drawrectangle x="{areaheight}/2" y="1" width="{current}/{total}*{areawidth} - {current}/{total}*{areaheight}" height="{areaheight}-2" color="{clrProgressbar}" />
        </area>
    </progressbar>

--- a/skins/nopacity/xmlfiles/displayvolume.xml
+++ b/skins/nopacity/xmlfiles/displayvolume.xml
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE displayvolume SYSTEM "../../dtd/displayvolume.dtd">
+<!DOCTYPE displayvolume SYSTEM "../../../dtd/displayvolume.dtd">

 <displayvolume x="20%" y="75%" width="60%" height="10%" fadetime="{fadeTime}">

@@ -26,14 +26,14 @@
        <!-- Volumebar Background -->
        <area x="4%" y="60%" width="92%" height="30%" layer="2">
            <drawellipse x="0" y="0" width="{areaheight}" height="{areaheight}" color="{clrBlack}" quadrant="0" />
-            <drawellipse x="1" y="1" width="{areaheight}-2" height="{areaheight}-2" color="{clrBrightGreen}" quadrant="0" />
+            <drawellipse x="1" y="1" width="{areaheight}-2" height="{areaheight}-2" color="{clrProgressbar}" quadrant="0" />
            <drawellipse x="{areawidth}-{areaheight}" y="0" width="{areaheight}" height="{areaheight}" color="{clrBlack}" quadrant="0" />
            <drawrectangle x="{areaheight}/2" y="0" width="{areawidth} - {areaheight}" height="{areaheight}" color="{clrBlack}" />
        </area>
        <!-- Volumebar -->
        <area x="5%" y="60%" width="91%" height="30%" layer="3">
-            <drawrectangle x="1" y="1" width="{volume}/{maxvolume}*{areawidth} - {volume}/{maxvolume}*{areaheight}/2" height="{areaheight}-2" color="{clrBrightGreen}" />
-            <drawellipse x="{volume}/{maxvolume}*{areawidth} - {volume}/{maxvolume}*{areaheight}/2" y="1" width="{areaheight}/2 - 2" height="{areaheight}-2" color="{clrBrightGreen}" quadrant="5" />
+            <drawrectangle x="1" y="1" width="{volume}/{maxvolume}*{areawidth} - {volume}/{maxvolume}*{areaheight}/2" height="{areaheight}-2" color="{clrProgressbar}" />
+            <drawellipse x="{volume}/{maxvolume}*{areawidth} - {volume}/{maxvolume}*{areaheight}/2" y="1" width="{areaheight}/2 - 2" height="{areaheight}-2" color="{clrProgressbar}" quadrant="5" />
        </area>        
    </volume>

--- a/skins/nopacity/xmlfiles/globals.xml
+++ b/skins/nopacity/xmlfiles/globals.xml
@@ -1,207 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE globals SYSTEM "../../dtd/globals.dtd">
-
-<globals>
-    <!--
-    define all your needed colors here
-    -->
-    <colors>
-        <color name="clrRed">FFFF0000</color>
-        <color name="clrGreen">FF5FE200</color>
-        <color name="clrYellow">FFE2DA00</color>
-        <color name="clrBlue">FF007FE2</color>
-        <color name="clrWhite">FFFFFFFF</color>
-        <color name="clrTransWhite">99FFFFFF</color>
-        <color name="clrBlack">FF000000</color>
-        <color name="clrBrightGreen">FF8EAB21</color>
-        <color name="clrDarkGreen">FF4C5C11</color>
-        <color name="clrGray">FF858585</color>
-        <color name="clrDarkBlue">B012273F</color>
-        <color name="clrTransBlack">99000000</color>
-        <color name="clrTransRed">99FF0000</color>
-        <color name="clrFontMenuItem">FFFFFFFF</color>
-        <color name="clrFontMenuItemSelected">FF363636</color>
-        <color name="clrFontInactive">FF858585</color>
-        <color name="clrTransparent">00000000</color>
-    </colors>
-    <!--
-    these variables can be used everywhere in the templates
-    variabls of type int can also be used as conditions, just
-    set such a variable to 1 for true and 0 for false
-    -->
-    <variables>
-        <var type="int" name="fadeTime">300</var>
-    </variables>
-    <!--
-    translations used in the skin
-    -->
-    <translations>
-        <token name="tr(free)">
-            <trans lang="en_EN">free</trans>
-            <trans lang="de_DE">frei</trans>
-        </token>
-        <token name="tr(transponder)">
-            <trans lang="en_EN">Transponder</trans>
-            <trans lang="de_DE">Transponder</trans>
-        </token>
-        <token name="tr(now)">
-            <trans lang="en_EN">Now</trans>
-            <trans lang="de_DE">Jetzt</trans>
-        </token>
-        <token name="tr(next)">
-            <trans lang="en_EN">Next</trans>
-            <trans lang="de_DE">Nachfolgend</trans>
-        </token>
-        <token name="tr(nextschedules)">
-            <trans lang="en_EN">Next Schedules</trans>
-            <trans lang="de_DE">Nachfolgende Sendungen</trans>
-        </token>
-        <token name="tr(reruns)">
-            <trans lang="en_EN">Reruns</trans>
-            <trans lang="de_DE">Wiederholungen</trans>
-        </token>
-        <token name="tr(rerunsof)">
-            <trans lang="en_EN">Reruns of</trans>
-            <trans lang="de_DE">Wiederholungen von</trans>
-        </token>
-        <token name="tr(actors)">
-            <trans lang="en_EN">Actors</trans>
-            <trans lang="de_DE">Schauspieler</trans>
-        </token>
-        <token name="tr(episode)">
-            <trans lang="en_EN">Episode</trans>
-            <trans lang="de_DE">Folge</trans>
-        </token>
-        <token name="tr(season)">
-            <trans lang="en_EN">Season</trans>
-            <trans lang="de_DE">Staffel</trans>
-        </token>
-        <token name="tr(gueststars)">
-            <trans lang="en_EN">Guest Stars</trans>
-            <trans lang="de_DE">Gaststars</trans>
-        </token>
-        <token name="tr(seriesfirstaired)">
-            <trans lang="en_EN">Series First Aired</trans>
-            <trans lang="de_DE">Erstausstrahlung der Serie</trans>
-        </token>
-        <token name="tr(episodefirstaired)">
-            <trans lang="en_EN">Episode First Aired</trans>
-            <trans lang="de_DE">Erstausstrahlung der Episode</trans>
-        </token>
-        <token name="tr(network)">
-            <trans lang="en_EN">Network</trans>
-            <trans lang="de_DE">TV Station</trans>
-        </token>
-        <token name="tr(genre)">
-            <trans lang="en_EN">Genre</trans>
-            <trans lang="de_DE">Genre</trans>
-        </token>
-        <token name="tr(status)">
-            <trans lang="en_EN">Status</trans>
-            <trans lang="de_DE">Status</trans>
-        </token>
-        <token name="tr(rating)">
-            <trans lang="en_EN">Rating</trans>
-            <trans lang="de_DE">Bewertung</trans>
-        </token>
-        <token name="tr(episoderating)">
-            <trans lang="en_EN">Episode Rating</trans>
-            <trans lang="de_DE">Bewertung der Folge</trans>
-        </token>
-        <token name="tr(recinfo)">
-            <trans lang="en_EN">Recording Information</trans>
-            <trans lang="de_DE">Aufnahme Informationen</trans>
-        </token>
-        <token name="tr(seriesgalery)">
-            <trans lang="en_EN">Series Galery</trans>
-            <trans lang="de_DE">Serien Galerie</trans>
-        </token>
-        <token name="tr(moviegalery)">
-            <trans lang="en_EN">Movie Galery</trans>
-            <trans lang="de_DE">Spielfilm Galerie</trans>
-        </token>
-        <token name="tr(originaltitle)">
-            <trans lang="en_EN">Original Title</trans>
-            <trans lang="de_DE">Originaltitel</trans>
-        </token>
-        <token name="tr(budget)">
-            <trans lang="en_EN">Budget</trans>
-            <trans lang="de_DE">Budget</trans>
-        </token>
-        <token name="tr(revenue)">
-            <trans lang="en_EN">Revenue</trans>
-            <trans lang="de_DE">Einnahmen</trans>
-        </token>
-        <token name="tr(adult)">
-            <trans lang="en_EN">Adult</trans>
-            <trans lang="de_DE">Nur für Erwachsene</trans>
-        </token>
-        <token name="tr(releasedate)">
-            <trans lang="en_EN">Release Date</trans>
-            <trans lang="de_DE">Erscheinungsdatum</trans>
-        </token>
-        <token name="tr(runtime)">
-            <trans lang="en_EN">Runtime</trans>
-            <trans lang="de_DE">Laufzeit</trans>
-        </token>
-        <token name="tr(popularity)">
-            <trans lang="en_EN">Popularity</trans>
-            <trans lang="de_DE">Popularität</trans>
-        </token>
-        <token name="tr(voteaverage)">
-            <trans lang="en_EN">Vote Average</trans>
-            <trans lang="de_DE">Durchschnittliche Wertung</trans>
-        </token>
-        <token name="tr(homepage)">
-            <trans lang="en_EN">Homepage</trans>
-            <trans lang="de_DE">Homepage</trans>
-        </token>
-        <token name="tr(recsize)">
-            <trans lang="en_EN">Recording size</trans>
-            <trans lang="de_DE">Größe der Aufnahme</trans>
-        </token>
-        <token name="tr(recsizecutted)">
-            <trans lang="en_EN">Cutted Recording Size</trans>
-            <trans lang="de_DE">Größe der geschnittenen Aufnahme</trans>
-        </token>
-        <token name="tr(reclength)">
-            <trans lang="en_EN">Recording Length</trans>
-            <trans lang="de_DE">Länge der Aufnahme</trans>
-        </token>
-        <token name="tr(reclengthcutted)">
-            <trans lang="en_EN">Cutted Recording Length</trans>
-            <trans lang="de_DE">Länge der geschnittenen Aufnahme</trans>
-        </token>
-        <token name="tr(bitrate)">
-            <trans lang="en_EN">Bit Rate</trans>
-            <trans lang="de_DE">Bitrate</trans>
-        </token>
-        <token name="tr(format)">
-            <trans lang="en_EN">Format</trans>
-            <trans lang="de_DE">Format</trans>
-        </token>
-        <token name="tr(searchtimer)">
-            <trans lang="en_EN">Searchtimer</trans>
-            <trans lang="de_DE">Suchtimer</trans>
-        </token>
-        <token name="tr(volume)">
-            <trans lang="en_EN">Volume</trans>
-            <trans lang="de_DE">Lautstärke</trans>
-        </token>
-    </translations>
-    <!--
-    The three Fonts FontOSD, FontFix and FontSml configured in VDR
-    can be used in all template "font" attributes with this tokens:
-    {vdrOsd}
-    {vdrFix}
-    {vdrSml} 
-    If you like to use further fonts, just define them below.
-    Syntax:
-    <font name="tokenname">fontname</font>
-    These fonts can then also be used in all templates in the "font" 
-    attribute.
-    if an invalid font is used in a template, vdrOsd is used as default.
-    -->
-    <fonts>
-    </fonts>
-</globals>