[WIP] theme selector

gui/app/services/app-meta.js

@@ -20,6 +20,8 @@ export default Service.extend({
 	ajax: service(),
 	localStorage: service(),
 	kcAuth: service(),
+	assetMap: service('asset-map'),
+
 	appHost: '',
 	apiHost: `${config.apiHost}`,
 	endpoint: `${config.apiHost}/${config.apiNamespace}`,
@@ -41,6 +43,8 @@ export default Service.extend({
 	location: 'selfhost',
 	// for bugfix releases, only admin is made aware of new release and end users see no What's New messaging
 	updateAvailable: false,
+	// empty theme uses default theme
+	theme: '',
 
 	getBaseUrl(endpoint) {
 		return [this.get('endpoint'), endpoint].join('/');
@@ -75,6 +79,9 @@ export default Service.extend({
 			this.set('version', 'v' + this.get('version'));
 			this.set('appHost', window.location.host);
 
+			// Handle theming
+			this.setTheme(this.get('theme'));
+
 			if (requestedRoute === 'secure') {
 				this.setProperties({
 					title: htmlSafe("Secure document viewing"),
@@ -110,5 +117,13 @@ export default Service.extend({
 
 			return response;
 		});
+	},
+
+	setTheme(theme) {
+		theme = theme.trim();
+		if (theme.length === 0) return;
+
+		let file = this.get('assetMap').resolve(`assets/theme-${theme}.css`);
+		$('head').append(`<link rel="stylesheet" href="${file}">`);
 	}
 });

gui/app/services/browser.js

@@ -39,8 +39,6 @@ export default Service.extend({
         if (is.null(description) || is.undefined(description)) {
             description = this.get('sessionService.appMeta.message');
         }
-
-        $('head').append('<meta name="description" content="' + description + '">');
     },
 
     scrollTo(id) {

gui/app/styles/app.scss

@@ -8,20 +8,21 @@
 // by contacting <sales@documize.com>.
 //
 // https://documize.com
-@import "color.scss";
-@import "font.scss";
-@import "mixins.scss";
-@import "base.scss";
-@import "bootstrap.scss";
 
-@import "view/common.scss";
-@import "widget/widget.scss";
-@import "view/toolbar.scss";
-@import "view/views.scss";
-@import "layout/all.scss";
+@import "core/color.scss";
+@import "core/font.scss";
+@import "core/mixins.scss";
+@import "core/base.scss";
+@import "core/bootstrap.scss";
 
-@import "vendor.scss";
-@import "print.scss";
-@import "news.scss";
-@import "section/all.scss";
-@import "enterprise/all.scss";
+@import "core/view/common.scss";
+@import "core/widget/widget.scss";
+@import "core/view/toolbar.scss";
+@import "core/view/views.scss";
+@import "core/layout/all.scss";
+
+@import "core/vendor.scss";
+@import "core/print.scss";
+@import "core/news.scss";
+@import "core/section/all.scss";
+@import "core/enterprise/all.scss";

gui/app/styles/core/bootstrap.scss

@@ -35,7 +35,7 @@ $tooltip-bg:	$color-dark;
 $tooltip-color:	$color-white;
 
 // modal
-$modal-backdrop-opacity: 		0.7;
+$modal-backdrop-opacity: 		0.5;
 $modal-header-border-color:		$color-white;
 $modal-footer-border-color: 	$color-white;
 

gui/app/styles/core/color.scss

@@ -9,13 +9,7 @@
 //
 // https://documize.com
 
-
-// theme blue
-$color-primary: #176091;
-$color-primary-light: #E6F1F8;
-$color-link: #348A37;
-
-// theme purple
+// default theme makes things tick
 $color-primary: #280A42;
 $color-primary-light: #F7F2FF;
 $color-link: #348A37;

gui/app/styles/core/font.scss

@@ -1,10 +1,10 @@
-.font-fixed-width {
-	font-family: 'courier new', courier;
-}
+// .font-fixed-width {
+// 	font-family: 'courier new', courier;
+// }
 
-$font-regular: Helvetica;
-$font-semibold: Helvetica;
-$font-light: Helvetica;
+// $font-regular: Helvetica;
+// $font-semibold: Helvetica;
+// $font-light: Helvetica;
 
 @font-face {
 	font-family: "Material Icons";

gui/app/styles/themes/blue.scss

@@ -0,0 +1,45 @@
+// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
+//
+// This software (Documize Community Edition) is licensed under
+// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
+//
+// You can operate outside the AGPL restrictions by purchasing
+// Documize Enterprise Edition and obtaining a commercial license
+// by contacting <sales@documize.com>.
+//
+// https://documize.com
+
+@import "../core/color.scss";
+$color-primary: #176091;
+$color-primary-light: #E6F1F8;
+$color-link: #348A37;
+
+.color-primary {
+	color: $color-primary !important;
+}
+.color-link {
+	color: $color-link !important;
+}
+.background-color-theme {
+	background-color: $color-primary !important;
+}
+.background-color-theme-light {
+	background-color: $color-primary-light !important;
+}
+
+@import "../core/font.scss";
+@import "../core/mixins.scss";
+@import "../core/base.scss";
+@import "../core/bootstrap.scss";
+
+@import "../core/view/common.scss";
+@import "../core/widget/widget.scss";
+@import "../core/view/toolbar.scss";
+@import "../core/view/views.scss";
+@import "../core/layout/all.scss";
+
+@import "../core/vendor.scss";
+@import "../core/print.scss";
+@import "../core/news.scss";
+@import "../core/section/all.scss";
+@import "../core/enterprise/all.scss";

gui/app/styles/themes/deep-orange.scss

@@ -0,0 +1,45 @@
+// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
+//
+// This software (Documize Community Edition) is licensed under
+// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
+//
+// You can operate outside the AGPL restrictions by purchasing
+// Documize Enterprise Edition and obtaining a commercial license
+// by contacting <sales@documize.com>.
+//
+// https://documize.com
+
+@import "../core/color.scss";
+$color-primary: #BF360C;
+$color-primary-light: #FBE9E7;
+$color-link: #FF8A65;
+
+.color-primary {
+	color: $color-primary !important;
+}
+.color-link {
+	color: $color-link !important;
+}
+.background-color-theme {
+	background-color: $color-primary !important;
+}
+.background-color-theme-light {
+	background-color: $color-primary-light !important;
+}
+
+@import "../core/font.scss";
+@import "../core/mixins.scss";
+@import "../core/base.scss";
+@import "../core/bootstrap.scss";
+
+@import "../core/view/common.scss";
+@import "../core/widget/widget.scss";
+@import "../core/view/toolbar.scss";
+@import "../core/view/views.scss";
+@import "../core/layout/all.scss";
+
+@import "../core/vendor.scss";
+@import "../core/print.scss";
+@import "../core/news.scss";
+@import "../core/section/all.scss";
+@import "../core/enterprise/all.scss";

gui/app/styles/themes/teal.scss

@@ -0,0 +1,45 @@
+// Copyright 2016 Documize Inc. <legal@documize.com>. All rights reserved.
+//
+// This software (Documize Community Edition) is licensed under
+// GNU AGPL v3 http://www.gnu.org/licenses/agpl-3.0.en.html
+//
+// You can operate outside the AGPL restrictions by purchasing
+// Documize Enterprise Edition and obtaining a commercial license
+// by contacting <sales@documize.com>.
+//
+// https://documize.com
+
+@import "../core/color.scss";
+$color-primary: #00695C;
+$color-primary-light: #E0F2F1;
+$color-link: #348A37;
+
+.color-primary {
+	color: $color-primary !important;
+}
+.color-link {
+	color: $color-link !important;
+}
+.background-color-theme {
+	background-color: $color-primary !important;
+}
+.background-color-theme-light {
+	background-color: $color-primary-light !important;
+}
+
+@import "../core/font.scss";
+@import "../core/mixins.scss";
+@import "../core/base.scss";
+@import "../core/bootstrap.scss";
+
+@import "../core/view/common.scss";
+@import "../core/widget/widget.scss";
+@import "../core/view/toolbar.scss";
+@import "../core/view/views.scss";
+@import "../core/layout/all.scss";
+
+@import "../core/vendor.scss";
+@import "../core/print.scss";
+@import "../core/news.scss";
+@import "../core/section/all.scss";
+@import "../core/enterprise/all.scss";