diff --git a/css/design.css b/css/design.css
index 1266056427da76bcb1fd1ae62d0193ed76982154..2a9e2404b17b529b2652c2531b3d65a7a75c705c 100755
--- a/css/design.css
+++ b/css/design.css
@@ -5,15 +5,15 @@
 
 body {
 	margin: 0px;
-	background: #EEE;
+	background: #0a0a0a;
 	font-family: Arial;
 	overflow:hidden;
 }
 
 [data-container=panel] {
-	background-color: #FFF;
-	border: solid 1px #F0F0F0;
-	box-shadow: 0px 2px 1px #D3D3D3;
+	background-color: #080808;
+	border: solid 1px #101010;
+	box-shadow: 0px 2px 1px #1d1b1b;
 	padding: 6px;
 /*	margin: 5px;*/
 	float:left;
diff --git a/panels/clock/background.png b/panels/clock/background.png
old mode 100755
new mode 100644
index 8c6e0be971749afdfbc2ff59be1398f76fc9a945..26d3c5cf93907ff1d9c1798becb328f7d3f65d28
Binary files a/panels/clock/background.png and b/panels/clock/background.png differ
diff --git a/panels/clock/background.svg b/panels/clock/background.svg
index 5b77eef4257d30a7bd348bb81a0c536a467283c6..a0d7eca902a80a5c0754e4055982692bc4a4ef43 100755
--- a/panels/clock/background.svg
+++ b/panels/clock/background.svg
@@ -15,7 +15,7 @@
    viewBox="0 0 200 200"
    id="svg2"
    inkscape:version="0.91 r13725"
-   sodipodi:docname="clock.svg">
+   sodipodi:docname="background.svg">
   <metadata
      id="metadata68">
     <rdf:RDF>
@@ -24,7 +24,7 @@
         <dc:format>image/svg+xml</dc:format>
         <dc:type
            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-        <dc:title></dc:title>
+        <dc:title />
       </cc:Work>
     </rdf:RDF>
   </metadata>
@@ -47,16 +47,16 @@
      guidetolerance="10"
      inkscape:pageopacity="0"
      inkscape:pageshadow="2"
-     inkscape:window-width="1176"
-     inkscape:window-height="602"
+     inkscape:window-width="1600"
+     inkscape:window-height="817"
      id="namedview64"
      showgrid="false"
      showguides="false"
      inkscape:zoom="1.18"
-     inkscape:cx="56.648863"
-     inkscape:cy="71.355624"
-     inkscape:window-x="-8"
-     inkscape:window-y="-8"
+     inkscape:cx="-155.21554"
+     inkscape:cy="69.660709"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
      inkscape:window-maximized="1"
      inkscape:current-layer="svg2">
     <sodipodi:guide
@@ -78,7 +78,8 @@
   </sodipodi:namedview>
   <g
      transform="matrix(0.26357406,0,0,0.26357406,34.335212,69.879291)"
-     id="g3417">
+     id="g3417"
+     style="opacity:0.489">
     <path
        inkscape:connector-curvature="0"
        id="path10"
@@ -2241,21 +2242,21 @@
        id="dial">
       <use
          xlink:href="#quarterStrokesDIN41091.4"
-         style="stroke:none"
+         style="stroke:none;fill:#ffffff"
          id="use30" />
       <use
          xlink:href="#quarterStrokesDIN41091.4"
-         style="stroke:none"
+         style="stroke:none;fill:#ffffff"
          transform="rotate( 90, 100, 100)"
          id="use32" />
       <use
          xlink:href="#quarterStrokesDIN41091.4"
-         style="stroke:none"
+         style="stroke:none;fill:#ffffff"
          transform="rotate(180, 100, 100)"
          id="use34" />
       <use
          xlink:href="#quarterStrokesDIN41091.4"
-         style="stroke:none"
+         style="stroke:none;fill:#ffffff"
          transform="rotate(270, 100, 100)"
          id="use36" />
       <g
@@ -2268,51 +2269,63 @@
         <text
            x="100"
            y="30"
-           id="text40">12</text>
+           id="text40"
+           style="fill:#ffffff;">12</text>
         <text
            x="143"
            y="41"
-           id="text42">1</text>
+           id="text42"
+           style="fill:#ffffff;">1</text>
         <text
            x="171"
            y="70"
-           id="text44">2</text>
+           id="text44"
+           style="fill:#ffffff;">2</text>
         <text
            x="182"
            y="109"
-           id="text46">3</text>
+           id="text46"
+           style="fill:#ffffff;">3</text>
         <text
            x="171"
            y="147"
-           id="text48">4</text>
+           id="text48"
+           style="fill:#ffffff;">4</text>
         <text
            x="142"
            y="176"
-           id="text50">5</text>
+           id="text50"
+           style="fill:#ffffff;">5</text>
         <text
            x="100"
            y="188"
-           id="text52">6</text>
+           id="text52"
+           style="fill:#ffffff;">6</text>
         <text
            x="60"
            y="176"
-           id="text54">7</text>
+           id="text54"
+           style="fill:#ffffff;">7</text>
         <text
            x="30"
            y="147"
-           id="text56">8</text>
+           id="text56"
+           style="fill:#ffffff;">8</text>
         <text
            x="18"
            y="109"
-           id="text58">9</text>
+           id="text58"
+           style="fill:#ffffff;">9</text>
         <text
            x="34"
            y="70"
-           id="text60">10</text>
+           id="text60"
+           style="fill:#ffffff;">10</text>
         <text
            x="61"
            y="41"
-           id="text62">11</text>
+           id="text62"
+           style="fill:#ffffff;">11</text>
       </g>
     </g>
   </g>
diff --git a/panels/clock/script.js b/panels/clock/script.js
index 86ff9b1df4f23cdcf21a95c4d9763ff8dee182d4..e89c85ca5dea4672e45e9f5a29268ea3632d09e3 100755
--- a/panels/clock/script.js
+++ b/panels/clock/script.js
@@ -18,9 +18,9 @@ this.loaded = function(panel, config) {
 			dbgc			= null,
 			afgc			= analClock ? analClock.getContext("2d") : null,
 			abgc			= null,
-			bgColor			= "#FFF",
-			sdColor			= "#DDD",
-			icColor			= "#000",
+			bgColor			= "#080808",
+			sdColor			= "#111",
+			icColor			= "#FFF",
 			date			= new Date(),
 			monthNames		= ["jan","feb","mar","apr","may","jun","jul","aug","sep","oct","nov","dec"],
 			dayNames		= ["su","mo","tu","we","th","fr","sa"],