Update readme. Move theme to skins.

Conflicts:

	src/styles/global/_variables.scss
	src/styles/global/skins/_light.scss

Update skins.

Update comments.

README.md

@@ -85,6 +85,20 @@ The latest version of Spreed WebRTC can be found on GitHub:
   and CSS reload directly.
 
 
+## Branding
+
+  Insert logo in `static/img/`. Edit `src/styles/global/_branding.scss` to link 
+  to desired custom logo. It is also possible to insert the raw svg data.
+
+
+## Skins
+
+  Insert skins in `src/styles/global/skins` and edit the `@import "theme/light";`
+  line in `src/styles/global/_variables.scss`. Available skins are light and
+  dark. It is recommended to create a new skin file if you wish to customize
+  colors.
+
+
 ## Production use
 
   Spreed WebRTC should be run through a SSL frontend proxy with
@@ -107,6 +121,7 @@ The latest version of Spreed WebRTC can be found on GitHub:
 4. Do your commits (run ``make fmt`` before commit).
 5. Send "pull request".
 
+
 ## License
 
 `Spreed WebRTC` uses the AGPL license, see our `LICENSE` file.

src/styles/global/skins/_dark.scss

@@ -19,20 +19,20 @@
  *
  */
 
-$theme-name: "Dark Theme";
+$skin-name: "Dark Theme";
-$theme-version: "0.0.1";
+$skin-version: "0.0.1";
 
-$theme-color: rgb(33, 33, 33);
+$base-skin-color: #212121;
 
-$contrasted-dark-default: rgb(38, 38, 38);  // compass
+$contrasted-dark-default: #262625;  // compass color utility
-$contrasted-light-default: rgba(252, 252, 252, 1);  // compass
+$contrasted-light-default: #FCFCFC;  // compass color utility
 
 // background
 $main-background: url("../img/bg-tiles.png");
 $main-background-retina: url("../img/bg-tiles_x2.png");
 
 // menu background color
-$menu-background-color: $theme-color;
+$menu-background-color: $base-skin-color;
 $menu-background-color-accent: lighten($menu-background-color, 5%);
 
 $componentfg1: contrast-color($menu-background-color);
@@ -50,10 +50,9 @@ $sidepanebg: $menu-background-color-accent;
 $fileinfo-icon-background-color: $chat-msg-self-background;
 $fileinfo-icon-background-color-remote: $chat-msg-remote-background;
 
-
 // font
-$base-font-size: 13px; // compass
+$base-font-size: 13px; // compass vertical_rhythm mixin
-$base-line-height: 19px; // compass
+$base-line-height: 19px; // compass vertical_rhythm mixin
 
 // font color
 $font-color: contrast-color($menu-background-color);
@@ -89,4 +88,3 @@ $list-group-hover-bg: $menu-background-color;
 $list-group-link-color: $font-color-accent;
 
 $progress-bg: lighten($input-bg-color, 30%);
-

src/styles/global/skins/_light.scss

@@ -0,0 +1,27 @@
+/*!
+ * Spreed Speak Freely.
+ * Copyright (C) 2013-2014 struktur AG
+ *
+ * This file is part of Spreed Speak Freely.
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program 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 Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+$skin-name: "Light Theme";
+$skin-version: "0.0.1";
+
+// font
+$base-font-size: 13px; // compass vertical_rhythm mixin
+$base-line-height: 19px; // compass vertical_rhythm mixin