Added an additional orangeblue UI theme

Libraries/iTasks/UI/WebPublic/css/generate-css.sh

 #!/bin/sh
-sass --no-source-map src/main.scss itasks.css
+sass --no-source-map src/itasks-default.scss itasks.css
+sass --no-source-map src/itasks-orangeblue.scss itasks-orangeblue.css

Libraries/iTasks/UI/WebPublic/css/itasks.css

@@ -3,7 +3,6 @@
 
  DO NOT EDIT THE .css FILE! GENERATE USING SASS
 */
-/* You can customize these options to create branded iTask applications */
 div.itasks-loader {
   display: flex;
   font-size: 16pt;

Libraries/iTasks/UI/WebPublic/css/src/components-container.scss

@@ -334,15 +334,15 @@
 	flex-direction: row;
 	align-items: center;
 
-	background: linear-gradient(lighten($button-base-color,4%), darken($button-base-color,12.5%));
+	background: linear-gradient(lighten($toolbar-base-color,4%), darken($toolbar-base-color,12.5%));
 }
 .#{$prefix}toolbar {
 
 	justify-content: flex-start;
 	margin: 0;
 	padding: 2px;
-	background: $canvas-base-color;
-	background: linear-gradient(lighten($canvas-base-color,4%), darken($canvas-base-color,5%));
+	background: $toolbar-base-color;
+	background: linear-gradient(lighten($toolbar-base-color,4%), darken($toolbar-base-color,5%));
 
 	> .#{$prefix}menu-item > div {
 		background-image: url('#{$icon-path}menu-down.png');

Libraries/iTasks/UI/WebPublic/css/src/itasks-default.scss

+@import "options-default.scss";
+@import "main.scss";

Libraries/iTasks/UI/WebPublic/css/src/itasks-orangeblue.scss

+@import "options-default.scss";
+$panel-header-base-color: #fb7322;
+$panel-header-text-color: #fff;
+$panel-border-color: #fb7322;
+
+$window-header-base-color: #004584;
+$window-header-text-color: #fff;
+$window-border-color: #fb7322;
+
+$toolbar-base-color: #fb7322;
+
+$button-base-color: #004584;
+$button-text-color: #fff;
+
+$select-base-color: #004584;
+
+@import "main.scss";

Libraries/iTasks/UI/WebPublic/css/src/main.scss

@@ -3,7 +3,6 @@
 
  DO NOT EDIT THE .css FILE! GENERATE USING SASS
 */
-@import "options-default.scss";
 @import "components-core.scss";
 @import "components-raw.scss";
 @import "components-container.scss";

Libraries/iTasks/UI/WebPublic/css/src/options-default.scss

-/* You can customize these options to create branded iTask applications */
-
 $canvas-base-color: #eee;
 $canvas-text-color: #000;
 
@@ -11,6 +9,8 @@ $window-header-base-color: #ccc;
 $window-header-text-color: #000;
 $window-border-color: #ccc;
 
+$toolbar-base-color: $canvas-base-color;
+
 $button-base-color: $canvas-base-color;
 $button-text-color: $canvas-text-color;
 
@@ -26,7 +26,5 @@ $list-text-color: #000;
 $list-highlight-color: #eee;
 $list-border-color: #ccc;
 
-//All classes are prefixed with this string
 $prefix: itasks-;
-//The location of the set of icon images
 $icon-path: '/css/icons/';