Merge lp:~daker/ubuntu-html5-theme/dark-theme-part1 into lp:~ubuntu-html5-theme-devs/ubuntu-html5-theme/ambiance

[Adnane Belmadiaf]

Added dark theme CSS
Renamed default.css to content.css
Added some tweaks to make easy for us to extend CSS for themes
CSS/HTML fixes

Demo : http://people.ubuntu.com/~daker/ubuntu-html5-theme/examples/widgets/

[lp:~daker/ubuntu-html5-theme/dark-theme-part1]

69. By Adnane Belmadiaf on 2013-07-19

Fixed merge conflicts

70. By Adnane Belmadiaf on 2013-07-19

Renamed dark theme to suru-dark
Fixed CSS licence

[Alexandre Abreu (abreu-alexandre)]

Is it still relevant?

Unmerged revisions

70. By Adnane Belmadiaf on 2013-07-19

Renamed dark theme to suru-dark
Fixed CSS licence

69. By Adnane Belmadiaf on 2013-07-19

Fixed merge conflicts

68. By Adnane Belmadiaf on 2013-07-10

Removed unused css

67. By Adnane Belmadiaf on 2013-07-10

Renamed default.css to content.css

66. By Adnane Belmadiaf on 2013-07-10

Dark Theme

=== modified file '0.1/ambiance/css/appTemplate.css'
--- 0.1/ambiance/css/appTemplate.css	2013-07-17 15:27:43 +0000
+++ 0.1/ambiance/css/appTemplate.css	2013-07-19 14:57:28 +0000
@@ -5,19 +5,34 @@
  * This file is part of ubuntu-html5-theme.
  *
  * This package is free software; you can redistribute it and/or modify
- * it under the terms of the GNU Lesser General Public License as 
- * published by the Free Software Foundation; either version 3 of the 
+ * it under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 3 of the
  * License, or
  * (at your option) any later version.
- 
+
  * This package is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
- 
- * You should have received a copy of the GNU Lesser General Public 
- * License along with this program. If not, see 
- * <http://www.gnu.org/licenses/>
+
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this program. If not, see
+ * <http://www.gnu.org/licenses/>.
  */
 
-@import url("default.css");
\ No newline at end of file
+@import url("reset.css");
+@import url("content.css");
+@import url("header.css");
+@import url("pagestack.css");
+@import url("tabs.css");
+@import url("text-input.css");
+@import url("progress-bars.css");
+@import url("dialogs.css");
+@import url("buttons.css");
+@import url("sliders.css");
+@import url("toggles.css");
+@import url("popover.css");
+@import url("listitems.css");
+@import url("toolbars.css");
+@import url("shapes.css");
+@import url("indexbar.css");
\ No newline at end of file

=== added file '0.1/ambiance/css/content.css'
--- 0.1/ambiance/css/content.css	1970-01-01 00:00:00 +0000
+++ 0.1/ambiance/css/content.css	2013-07-19 14:57:28 +0000
@@ -0,0 +1,70 @@
+/*
+ * Copyright (C) 2013 Adnane Belmadiaf <[e-mail]>
+ *
+ * This file is part of ubuntu-html5-theme.
+ *
+ * This package is free software; you can redistribute it and/or modify
+ * it under the terms of the Lesser GNU General Public License as
+ * published by the Free Software Foundation; either version 3 of the
+ * License, or
+ * (at your option) any later version.
+
+ * This package is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this program. If not, see
+ * <http://www.gnu.org/licenses/>
+ */
+
+* {
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+body {
+    background: #ededf0 url("../img/[e-mail]") repeat top left;
+    font-family: Ubuntu;
+    font-weight: normal;
+}
+
+[data-role="content"] {
+    background: transparent;
+    border-top: 1px solid #f0f0f0;
+    height: auto;
+    min-height: auto;
+    width: 100%;
+    font-size: 1rem "Ubuntu";
+    color: #787878;
+}
+
+[data-role="content"] p {
+    font: 0.9rem "Ubuntu";
+    color: #787878;
+}
+
+[data-role="content"] h1,
+[data-role="content"] h2,
+[data-role="content"] h3 {
+    color: #747278;
+    font: 1.3rem "Ubuntu Light";
+    font-weight: bold;
+}
+
+[data-role="content"] h2 {
+    font-size: 1.1rem;
+}
+
+[data-role="content"] h3 {
+    font-size: 0.9rem;
+}
+
+[data-role="content"] img {
+    margin: 0 auto;
+    max-width: 98%;
+}
+
+.inset {
+    margin-bottom: 10px;
+}
\ No newline at end of file

=== removed file '0.1/ambiance/css/default.css'
--- 0.1/ambiance/css/default.css	2013-07-19 13:18:03 +0000
+++ 0.1/ambiance/css/default.css	1970-01-01 00:00:00 +0000
@@ -1,86 +0,0 @@
-/*
- * Copyright (C) 2013 Adnane Belmadiaf <[e-mail]>
- * License granted by Canonical Limited
- *
- * This file is part of ubuntu-html5-theme.
- *
- * This package is free software; you can redistribute it and/or modify
- * it under the terms of the GNU Lesser General Public License as
- * published by the Free Software Foundation; either version 3 of the
- * License, or
- * (at your option) any later version.
-
- * This package is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU General Public License for more details.
-
- * You should have received a copy of the GNU Lesser General Public
- * License along with this program. If not, see
- * <http://www.gnu.org/licenses/>
- */
-
-@import url("reset.css");
-@import url("tabs.css");
-@import url("pagestack.css");
-@import url("text-input.css");
-@import url("progress-bars.css");
-@import url("dialogs.css");
-@import url("buttons.css");
-@import url("sliders.css");
-@import url("toggles.css");
-@import url("popover.css");
-@import url("listitems.css");
-@import url("toolbars.css");
-@import url("shapes.css");
-@import url("indexbar.css");
-
-* {
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-body {
-    background: #ededf0 url("../img/[e-mail]") repeat top left;
-    font-family: Ubuntu;
-    font-weight: normal;
-}
-
-[data-role="content"] {
-    background: #ededf0 url("../img/[e-mail]") repeat top left;
-    border-top: 1px solid #f0f0f0;
-    height: auto;
-    min-height: auto;
-    width: 100%;
-    font-size: 1rem "Ubuntu";
-    color: #787878;
-}
-
-[data-role="content"] p {
-    font: 0.9rem "Ubuntu";
-    color: #787878;
-}
-
-[data-role="content"] h1,
-[data-role="content"] h2,
-[data-role="content"] h3 {
-    color: #747278;
-    font: 1.3rem "Ubuntu Light";
-    font-weight: bold;
-}
-
-[data-role="content"] h2 {
-    font-size: 1.1rem;
-}
-
-[data-role="content"] h3 {
-    font-size: 0.9rem;
-}
-
-[data-role="content"] img {
-    margin: 0 auto;
-    max-width: 98%;
-}
-
-.inset {
-    margin-bottom: 10px;
-}
\ No newline at end of file

=== modified file '0.1/ambiance/css/shapes.css'
--- 0.1/ambiance/css/shapes.css	2013-07-17 15:27:43 +0000
+++ 0.1/ambiance/css/shapes.css	2013-07-19 14:57:28 +0000
@@ -5,18 +5,18 @@
  * This file is part of ubuntu-html5-theme.
  *
  * This package is free software; you can redistribute it and/or modify
- * it under the terms of the GNU Lesser General Public License as 
- * published by the Free Software Foundation; either version 3 of the 
+ * it under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 3 of the
  * License, or
  * (at your option) any later version.
- 
+
  * This package is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
- 
- * You should have received a copy of the GNU Lesser General Public 
- * License along with this program. If not, see 
+
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this program. If not, see
  * <http://www.gnu.org/licenses/>.
  */
 

=== modified file '0.1/ambiance/css/sliders.css'
--- 0.1/ambiance/css/sliders.css	2013-07-17 15:27:43 +0000
+++ 0.1/ambiance/css/sliders.css	2013-07-19 14:57:28 +0000
@@ -5,18 +5,18 @@
  * This file is part of ubuntu-html5-theme.
  *
  * This package is free software; you can redistribute it and/or modify
- * it under the terms of the GNU Lesser General Public License as 
- * published by the Free Software Foundation; either version 3 of the 
+ * it under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 3 of the
  * License, or
  * (at your option) any later version.
- 
+
  * This package is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
- 
- * You should have received a copy of the GNU Lesser General Public 
- * License along with this program. If not, see 
+
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this program. If not, see
  * <http://www.gnu.org/licenses/>.
  */
 
@@ -32,7 +32,7 @@
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 6px;
-    padding: 5px 0;
+    padding: 5px 3px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
 }
@@ -43,8 +43,8 @@
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     border-radius: 6px;
-    width: 38px;
-    height: 35px;
+    width: 30px;
+    height: 30px;
     background-color: #bbbbbb;
     -webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
     box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);

=== modified file '0.1/ambiance/css/text-input.css'
--- 0.1/ambiance/css/text-input.css	2013-07-17 15:27:43 +0000
+++ 0.1/ambiance/css/text-input.css	2013-07-19 14:57:28 +0000
@@ -5,18 +5,18 @@
  * This file is part of ubuntu-html5-theme.
  *
  * This package is free software; you can redistribute it and/or modify
- * it under the terms of the GNU Lesser General Public License as 
- * published by the Free Software Foundation; either version 3 of the 
+ * it under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 3 of the
  * License, or
  * (at your option) any later version.
- 
+
  * This package is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
- 
- * You should have received a copy of the GNU Lesser General Public 
- * License along with this program. If not, see 
+
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this program. If not, see
  * <http://www.gnu.org/licenses/>.
  */
 

=== added directory '0.1/ambiance/css/themes'
=== added directory '0.1/ambiance/css/themes/suru-dark'
=== added file '0.1/ambiance/css/themes/suru-dark/buttons.css'
--- 0.1/ambiance/css/themes/suru-dark/buttons.css	1970-01-01 00:00:00 +0000
+++ 0.1/ambiance/css/themes/suru-dark/buttons.css	2013-07-19 14:57:28 +0000
@@ -0,0 +1,31 @@
+/*
+ * Copyright (C) 2013 Adnane Belmadiaf <[e-mail]>
+ * License granted by Canonical Limited
+ *
+ * This file is part of ubuntu-html5-theme.
+ *
+ * This package is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 3 of the
+ * License, or
+ * (at your option) any later version.
+
+ * This package is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this program. If not, see
+ * <http://www.gnu.org/licenses/>.
+ */
+
+/* ----------------------------------
+ * Buttons
+ * ---------------------------------- */
+
+[data-role="button"]{
+    background: -webkit-linear-gradient(top, #dd4814 0%,#d9722d 100%);
+    background: linear-gradient(to bottom, #dd4814 0%,#d9722d 100%);
+    color: #fff;
+}
\ No newline at end of file

=== added file '0.1/ambiance/css/themes/suru-dark/content.css'
--- 0.1/ambiance/css/themes/suru-dark/content.css	1970-01-01 00:00:00 +0000
+++ 0.1/ambiance/css/themes/suru-dark/content.css	2013-07-19 14:57:28 +0000
@@ -0,0 +1,44 @@
+/*
+ * Copyright (C) 2013 Adnane Belmadiaf <[e-mail]>
+ * License granted by Canonical Limited
+ *
+ * This file is part of ubuntu-html5-theme.
+ *
+ * This package is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 3 of the
+ * License, or
+ * (at your option) any later version.
+
+ * This package is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this program. If not, see
+ * <http://www.gnu.org/licenses/>.
+ */
+
+* {
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+body {
+    background: #211d1d;
+}
+
+[data-role="content"] {
+    border-top: 1px solid rgba(255, 255, 255, 0.05);
+    color: #787878;
+}
+
+[data-role="content"] p {
+    color: #787878;
+}
+
+[data-role="content"] h1,
+[data-role="content"] h2,
+[data-role="content"] h3 {
+    color: #747278;
+}
\ No newline at end of file

=== added file '0.1/ambiance/css/themes/suru-dark/listitems.css'
--- 0.1/ambiance/css/themes/suru-dark/listitems.css	1970-01-01 00:00:00 +0000
+++ 0.1/ambiance/css/themes/suru-dark/listitems.css	2013-07-19 14:57:28 +0000
@@ -0,0 +1,68 @@
+/*
+ * Copyright (C) 2013 Adnane Belmadiaf <[e-mail]>
+ * License granted by Canonical Limited
+ *
+ * This file is part of ubuntu-html5-theme.
+ *
+ * This package is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 3 of the
+ * License, or
+ * (at your option) any later version.
+
+ * This package is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this program. If not, see
+ * <http://www.gnu.org/licenses/>.
+ */
+
+/* ----------------------------------
+ * Lists
+ * ---------------------------------- */
+
+[data-role="list"] {
+    border-top: 0;
+}
+
+/* Title divisors */
+[data-role="list"] header {
+    color: rgba(243, 243, 231, 0.2);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
+}
+
+/* List items */
+[data-role="list"] li {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
+    border-top: 1px solid rgba(255, 255, 255, 0.05);
+
+    color: rgba(243, 243, 231, 0.2);
+}
+
+/* Pressed State */
+[data-role="list"] li > a {
+    color: inherit;
+    border: 0;
+}
+
+[data-role="list"] li > a:active {
+    background: inherit;
+    border: 0;
+}
+
+/* Text content */
+[data-role="list"] li p {
+
+}
+
+[data-role="list"] li p:only-child,
+[data-role="list"] li p:first-of-type:last-of-type {
+    color: #888888;
+}
+
+[data-role="list"] li p:last-child {
+    color: #ffffff;
+}

=== added file '0.1/ambiance/css/themes/suru-dark/popover.css'
--- 0.1/ambiance/css/themes/suru-dark/popover.css	1970-01-01 00:00:00 +0000
+++ 0.1/ambiance/css/themes/suru-dark/popover.css	2013-07-19 14:57:28 +0000
@@ -0,0 +1,32 @@
+/*
+ * Copyright (C) 2013 Adnane Belmadiaf <[e-mail]>
+ * License granted by Canonical Limited
+ *
+ * This file is part of ubuntu-html5-theme.
+ *
+ * This package is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 3 of the
+ * License, or
+ * (at your option) any later version.
+
+ * This package is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this program. If not, see
+ * <http://www.gnu.org/licenses/>.
+ */
+
+.popover {
+    background: rgba(255, 255, 255, 0.98);
+    -webkit-box-shadow: 0 -5px 7.76px 0.24px rgba(0, 0, 0, 0.5);
+    box-shadow: 0 -5px 7.76px 0.24px rgba(0, 0, 0, 0.5);
+    color: #888888;
+}
+
+.list li a {
+    color: #888888;
+}
\ No newline at end of file

=== added file '0.1/ambiance/css/themes/suru-dark/sliders.css'
--- 0.1/ambiance/css/themes/suru-dark/sliders.css	1970-01-01 00:00:00 +0000
+++ 0.1/ambiance/css/themes/suru-dark/sliders.css	2013-07-19 14:57:28 +0000
@@ -0,0 +1,37 @@
+/*
+ * Copyright (C) 2013 Adnane Belmadiaf <[e-mail]>
+ * License granted by Canonical Limited
+ *
+ * This file is part of ubuntu-html5-theme.
+ *
+ * This package is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 3 of the
+ * License, or
+ * (at your option) any later version.
+
+ * This package is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this program. If not, see
+ * <http://www.gnu.org/licenses/>.
+ */
+
+/* ----------------------------------
+ * Sliders
+ * ---------------------------------- */
+
+input[type=range] {
+    background: transparent;
+    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 3px 0 rgba(0, 0, 0, 0.9);
+    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 3px 0 rgba(0, 0, 0, 0.9);
+}
+
+input[type="range"]::-webkit-slider-thumb {
+    background-color: #dd4814;
+    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 5px 0 rgba(0, 0, 0, 0.9);
+    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 5px 0 rgba(0, 0, 0, 0.9);
+}
\ No newline at end of file

=== added file '0.1/ambiance/css/themes/suru-dark/tabs.css'
--- 0.1/ambiance/css/themes/suru-dark/tabs.css	1970-01-01 00:00:00 +0000
+++ 0.1/ambiance/css/themes/suru-dark/tabs.css	2013-07-19 14:57:28 +0000
@@ -0,0 +1,47 @@
+/*
+ * Copyright (C) 2013 Adnane Belmadiaf <[e-mail]>
+ * License granted by Canonical Limited
+ *
+ * This file is part of ubuntu-html5-theme.
+ *
+ * This package is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 3 of the
+ * License, or
+ * (at your option) any later version.
+
+ * This package is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this program. If not, see
+ * <http://www.gnu.org/licenses/>.
+ */
+
+/* ----------------------------------
+ * Tabs
+ * ---------------------------------- */
+
+[data-role="header"]{
+    background: #211d1d;
+    color: #f3f3e7;
+    border-bottom: 14px solid rgba(0, 0, 0, 0.2);
+}
+
+[data-role="header"] div.tabs-inner {
+    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
+}
+
+[data-role="header"] div.tabs-inner li > a {
+    color: rgba(243, 243, 231, 0.2);
+}
+
+[data-role="header"] div.tabs-inner .active > a {
+    color: #f3f3e7;
+}
+
+[data-role="header"] div.tabs-inner .inactive > a {
+    color: rgba(243, 243, 231, 0.2);
+}
\ No newline at end of file

=== added file '0.1/ambiance/css/themes/suru-dark/text-input.css'
--- 0.1/ambiance/css/themes/suru-dark/text-input.css	1970-01-01 00:00:00 +0000
+++ 0.1/ambiance/css/themes/suru-dark/text-input.css	2013-07-19 14:57:28 +0000
@@ -0,0 +1,74 @@
+/*
+ * Copyright (C) 2013 Adnane Belmadiaf <[e-mail]>
+ * License granted by Canonical Limited
+ *
+ * This file is part of ubuntu-html5-theme.
+ *
+ * This package is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 3 of the
+ * License, or
+ * (at your option) any later version.
+
+ * This package is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this program. If not, see
+ * <http://www.gnu.org/licenses/>.
+ */
+
+/* ----------------------------------
+ * Text inputs
+ * ---------------------------------- */
+
+input[type="text"],
+input[type="password"],
+input[type="email"],
+input[type="tel"],
+input[type="search"],
+input[type="url"],
+input[type="number"],
+textarea {
+    background: #fff;
+    color: rgba(136, 136, 136, 0.5);
+    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 3px 0 rgba(0, 0, 0, 0.9);
+    -webkit-box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), inset 0 1px 3px 0 rgba(0, 0, 0, 0.9);
+}
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus,
+input[type="tel"]:focus,
+input[type="search"]:focus,
+input[type="url"]:focus,
+input[type="number"]:focus,
+textarea:focus {
+    background: #fff;
+    color: #757373;
+}
+
+input[type="text"][disabled],
+input[type="password"][disabled],
+input[type="email"][disabled],
+input[type="tel"][disabled],
+input[type="search"][disabled],
+input[type="url"][disabled],
+input[type="number"][disabled],
+textarea[disabled] {
+    background: rgba(255, 255, 255, 0.1);
+    color: darkgray;
+}
+
+input[type="text"]:not([value]),
+input[type="password"]:not([value]),
+input[type="email"]:not([value]),
+input[type="tel"]:not([value]),
+input[type="search"]:not([value]),
+input[type="url"]:not([value]),
+input[type="number"]:not([value]),
+textarea:not([value]) {
+    color: #757373;
+}
\ No newline at end of file

=== added file '0.1/ambiance/css/themes/suru-dark/toggles.css'
--- 0.1/ambiance/css/themes/suru-dark/toggles.css	1970-01-01 00:00:00 +0000
+++ 0.1/ambiance/css/themes/suru-dark/toggles.css	2013-07-19 14:57:28 +0000
@@ -0,0 +1,51 @@
+/*
+ * Copyright (C) 2013 Adnane Belmadiaf <[e-mail]>
+ * License granted by Canonical Limited
+ *
+ * This file is part of ubuntu-html5-theme.
+ *
+ * This package is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 3 of the
+ * License, or
+ * (at your option) any later version.
+
+ * This package is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this program. If not, see
+ * <http://www.gnu.org/licenses/>.
+ */
+
+
+label:not([for]) input[type="checkbox"] + span {
+    background: rgba(187, 187, 187, 0.4);
+    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 5px 0 rgba(0, 0, 0, 0.9);
+    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 5px 0 rgba(0, 0, 0, 0.9);
+    border-bottom: 0;
+}
+
+input[type="checkbox"]:disabled + span {
+    background: rgba(192, 192, 192, 0.5)!important;
+}
+
+input[type="checkbox"]:disabled:checked + span {
+    background: rgba(221, 72, 20, 0.5) url(../img/[e-mail]) no-repeat 0.5rem 0.5rem!important;
+    background-size: 53% 53%!important;
+}
+
+label input[type="checkbox"][data-role="switch"] + span.toggle > span.toggle-handle {
+    background: rgba(187, 187, 187, 0.7);
+    box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 5px 0 rgba(0, 0, 0, 0.9);
+    -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.05), inset 0 1px 5px 0 rgba(0, 0, 0, 0.9);
+    border-bottom: 0;
+}
+
+label input[type="checkbox"][data-role="switch"]:checked + span.toggle > span.toggle-handle {
+    background: rgb(221, 72, 20);
+    -webkit-transform: translate3d(38px, 0, 0);
+    transform: translate3d(38px, 0, 0);
+}

=== added file '0.1/ambiance/css/themes/suru-dark/toolbars.css'
--- 0.1/ambiance/css/themes/suru-dark/toolbars.css	1970-01-01 00:00:00 +0000
+++ 0.1/ambiance/css/themes/suru-dark/toolbars.css	2013-07-19 14:57:28 +0000
@@ -0,0 +1,34 @@
+/*
+ * Copyright (C) 2013 Adnane Belmadiaf <[e-mail]>
+ * License granted by Canonical Limited
+ *
+ * This file is part of ubuntu-html5-theme.
+ *
+ * This package is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 3 of the
+ * License, or
+ * (at your option) any later version.
+
+ * This package is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this program. If not, see
+ * <http://www.gnu.org/licenses/>.
+ */
+
+/* ----------------------------------
+ * Toolbars
+ * ---------------------------------- */
+[data-role="footer"] nav {
+    background: #ededf0 url("../img/[e-mail]") repeat-x top left;
+}
+
+
+[data-role="footer"] nav ul li,
+[data-role="footer"] nav ul li a {
+    color: #888888;
+}
\ No newline at end of file

=== modified file '0.1/ambiance/css/toggles.css'
--- 0.1/ambiance/css/toggles.css	2013-07-17 15:27:43 +0000
+++ 0.1/ambiance/css/toggles.css	2013-07-19 14:57:28 +0000
@@ -5,21 +5,25 @@
  * This file is part of ubuntu-html5-theme.
  *
  * This package is free software; you can redistribute it and/or modify
- * it under the terms of the GNU Lesser General Public License as 
- * published by the Free Software Foundation; either version 3 of the 
+ * it under the terms of the GNU Lesser General Public License as
+ * published by the Free Software Foundation; either version 3 of the
  * License, or
  * (at your option) any later version.
- 
+
  * This package is distributed in the hope that it will be useful,
  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  * GNU General Public License for more details.
- 
- * You should have received a copy of the GNU Lesser General Public 
- * License along with this program. If not, see 
+
+ * You should have received a copy of the GNU Lesser General Public
+ * License along with this program. If not, see
  * <http://www.gnu.org/licenses/>.
  */
 
+ /* ----------------------------------
+ * Toggles
+ * ---------------------------------- */
+
 label:not([for])  {
     display: inline-block;
     vertical-align: middle;
@@ -71,7 +75,7 @@
     background-size: 53% 53%!important;
 }
 
-label input[type="checkbox"][data-type="switch"] + span.toggle {
+label input[type="checkbox"][data-role="switch"] + span.toggle {
     position: absolute;
     left: 50%;
     top: 50%;
@@ -83,7 +87,7 @@
     background: transparent;
 }
 
-label input[type="checkbox"][data-type="switch"] + span.toggle > span.toggle-bg {
+label input[type="checkbox"][data-role="switch"] + span.toggle > span.toggle-bg {
     background: transparent url(../img/Checkbox.png) no-repeat 0.5rem 0.6rem;
     background-size: 80% 50%;
     position: absolute;
@@ -95,7 +99,7 @@
 
 }
 
-label input[type="checkbox"][data-type="switch"] + span.toggle > span.toggle-handle {
+label input[type="checkbox"][data-role="switch"] + span.toggle > span.toggle-handle {
     position: absolute;
     top: 2px;
     left: 2px;
@@ -113,11 +117,11 @@
     border-bottom: 1px solid #f5f5f5;
 }
 
-label input[type="checkbox"][data-type="switch"]:checked + span.toggle {
+label input[type="checkbox"][data-role="switch"]:checked + span.toggle {
     background: transparent;
 }
 
-label input[type="checkbox"][data-type="switch"]:checked + span.toggle > span.toggle-handle {
+label input[type="checkbox"][data-role="switch"]:checked + span.toggle > span.toggle-handle {
     background: rgb(221, 72, 20);
     -webkit-transform: translate3d(38px, 0, 0);
     transform: translate3d(38px, 0, 0);

=== modified file '0.1/examples/widgets/Buttons.html'
--- 0.1/examples/widgets/Buttons.html	2013-07-17 15:27:43 +0000
+++ 0.1/examples/widgets/Buttons.html	2013-07-19 14:57:28 +0000
@@ -5,18 +5,18 @@
  This file is part of ubuntu-html5-theme.
 
  This package is free software; you can redistribute it and/or modify
- it under the terms of the GNU Lesser General Public License as 
- published by the Free Software Foundation; either version 3 of the 
+ it under the terms of the GNU Lesser General Public License as
+ published by the Free Software Foundation; either version 3 of the
  License, or
  (at your option) any later version.
- 
+
  This package is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
- 
- You should have received a copy of the GNU Lesser General Public 
- License along with this program. If not, see 
+
+ You should have received a copy of the GNU Lesser General Public
+ License along with this program. If not, see
  <http://www.gnu.org/licenses/>.
 -->
 
@@ -49,7 +49,7 @@
             </nav>
         </header>
 
-        <div class="content">
+        <div data-role="content">
             <h1>Buttons</h1>
             <div class="inset">
                 <button data-role="button">Standard</button>

=== modified file '0.1/examples/widgets/ListItems.html'
--- 0.1/examples/widgets/ListItems.html	2013-07-17 15:27:43 +0000
+++ 0.1/examples/widgets/ListItems.html	2013-07-19 14:57:28 +0000
@@ -5,18 +5,18 @@
  This file is part of ubuntu-html5-theme.
 
  This package is free software; you can redistribute it and/or modify
- it under the terms of the GNU Lesser General Public License as 
- published by the Free Software Foundation; either version 3 of the 
+ it under the terms of the GNU Lesser General Public License as
+ published by the Free Software Foundation; either version 3 of the
  License, or
  (at your option) any later version.
- 
+
  This package is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
- 
- You should have received a copy of the GNU Lesser General Public 
- License along with this program. If not, see 
+
+ You should have received a copy of the GNU Lesser General Public
+ License along with this program. If not, see
  <http://www.gnu.org/licenses/>.
 -->
 
@@ -156,7 +156,7 @@
                     <li>
                         <p>Label</p>
                         <label>
-                            <input type="checkbox" data-type="switch" checked="">
+                            <input type="checkbox" data-role="switch" checked="">
                             <span class="toggle">
                                 <span class="toggle-handle"></span>
                                 <span class="toggle-bg"></span>
@@ -166,7 +166,7 @@
                     <li>
                         <p>Label</p>
                         <label>
-                            <input type="checkbox" data-type="switch" checked="">
+                            <input type="checkbox" data-role="switch" checked="">
                             <span class="toggle">
                                 <span class="toggle-handle"></span>
                                 <span class="toggle-bg"></span>

=== modified file '0.1/examples/widgets/Toggles.html'
--- 0.1/examples/widgets/Toggles.html	2013-07-17 15:27:43 +0000
+++ 0.1/examples/widgets/Toggles.html	2013-07-19 14:57:28 +0000
@@ -5,18 +5,18 @@
  This file is part of ubuntu-html5-theme.
 
  This package is free software; you can redistribute it and/or modify
- it under the terms of the GNU Lesser General Public License as 
- published by the Free Software Foundation; either version 3 of the 
+ it under the terms of the GNU Lesser General Public License as
+ published by the Free Software Foundation; either version 3 of the
  License, or
  (at your option) any later version.
- 
+
  This package is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
- 
- You should have received a copy of the GNU Lesser General Public 
- License along with this program. If not, see 
+
+ You should have received a copy of the GNU Lesser General Public
+ License along with this program. If not, see
  <http://www.gnu.org/licenses/>.
 -->
 
@@ -76,7 +76,7 @@
             </div>
             <div class="inset">
                 <label>
-                    <input type="checkbox" data-type="switch" checked="">
+                    <input type="checkbox" data-role="switch" checked="">
                     <span class="toggle">
                         <span class="toggle-handle"></span>
                         <span class="toggle-bg"></span>
@@ -85,7 +85,7 @@
             </div>
             <div class="inset">
                 <label>
-                    <input type="checkbox" data-type="switch">
+                    <input type="checkbox" data-role="switch">
                     <span class="toggle">
                         <span class="toggle-handle"></span>
                         <span class="toggle-bg"></span>

=== modified file '0.1/examples/widgets/UbuntuShape.html'
--- 0.1/examples/widgets/UbuntuShape.html	2013-07-17 15:27:43 +0000
+++ 0.1/examples/widgets/UbuntuShape.html	2013-07-19 14:57:28 +0000
@@ -5,18 +5,18 @@
  This file is part of ubuntu-html5-theme.
 
  This package is free software; you can redistribute it and/or modify
- it under the terms of the GNU Lesser General Public License as 
- published by the Free Software Foundation; either version 3 of the 
+ it under the terms of the GNU Lesser General Public License as
+ published by the Free Software Foundation; either version 3 of the
  License, or
  (at your option) any later version.
- 
+
  This package is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
- 
- You should have received a copy of the GNU Lesser General Public 
- License along with this program. If not, see 
+
+ You should have received a copy of the GNU Lesser General Public
+ License along with this program. If not, see
  <http://www.gnu.org/licenses/>.
 -->
 
@@ -51,7 +51,7 @@
 
         <div data-role="content">
             <div data-role="shape">
-                <img src="img/map_icon.png">
+                <img src="../../ambiance/img/map_icon.png">
             </div>
         </div>
     </div>