From 8f6a63ae7c954c18b32c9f9c884e96e09af304c9 Mon Sep 17 00:00:00 2001
From: elhombretecla <delacruzgarciajuan@gmail.com>
Date: Thu, 17 Mar 2016 19:17:55 +0100
Subject: [PATCH] add ui dark theme

---
 resources/styles/dependencies/uxbox-dark.scss | 40 +++++++++++++++++++
 .../styles/dependencies/uxbox-light.scss      |  2 +
 resources/styles/main.scss                    |  1 +
 resources/styles/partials/workspace-bar.scss  |  2 +-
 4 files changed, 44 insertions(+), 1 deletion(-)
 create mode 100644 resources/styles/dependencies/uxbox-dark.scss

diff --git a/resources/styles/dependencies/uxbox-dark.scss b/resources/styles/dependencies/uxbox-dark.scss
new file mode 100644
index 000000000..96e4e3d39
--- /dev/null
+++ b/resources/styles/dependencies/uxbox-dark.scss
@@ -0,0 +1,40 @@
+// This Source Code Form is subject to the terms of the Mozilla Public
+// License, v. 2.0. If a copy of the MPL was not distributed with this
+// file, You can obtain one at http://mozilla.org/MPL/2.0/.
+//
+// Copyright (c) 2015-2016 Andrey Antukh <niwi@niwi.nz>
+// Copyright (c) 2015-2016 Juan de la Cruz <delacruzgarciajuan@gmail.com>
+
+// This is a standard color scheme for UXBOX UI
+// Hope you like ir and feel free to create your own one!
+
+// UXBOX Dark Theme :)
+
+// Main interaction color
+$main-ui-color: $color-primary;
+$intense-main-ui-color: darken($main-ui-color, 25%);
+
+// Change next colors for more customization
+// Background colors
+$primary-ui-bg: #2C2C2C;
+$secondary-ui-bg: #3d3f40;
+$dark-ui-bg: #232323;
+
+// Border color
+$intense-ui-border: #a9adaf;
+$medium-ui-border: #3d3f40;
+$soft-ui-border: #232323;
+
+// Icon colors
+$intense-ui-icons: #a9adaf;
+$medium-ui-icons: #808386;
+$soft-ui-icons: #4a4e52;
+
+// Text colors
+$intense-ui-text: #e0e6e9;
+$medium-ui-text: #8d9496;
+$soft-ui-text: #4e4f50;
+
+// Canvas colors
+$canvas-bg: #dce1e3;
+$scrollbar-bg: #878c8e;
diff --git a/resources/styles/dependencies/uxbox-light.scss b/resources/styles/dependencies/uxbox-light.scss
index 8df039042..193059fd2 100644
--- a/resources/styles/dependencies/uxbox-light.scss
+++ b/resources/styles/dependencies/uxbox-light.scss
@@ -8,6 +8,8 @@
 // This is a standard color scheme for UXBOX UI
 // Hope you like ir and feel free to create your own one!
 
+// UXBOX Light Theme :)
+
 // Main interaction color
 $main-ui-color: $color-primary;
 $intense-main-ui-color: darken($main-ui-color, 25%);
diff --git a/resources/styles/main.scss b/resources/styles/main.scss
index 39eb30979..110aa2758 100644
--- a/resources/styles/main.scss
+++ b/resources/styles/main.scss
@@ -5,6 +5,7 @@
 
 @import 'dependencies/colors';
 @import 'dependencies/uxbox-light';
+//@import 'dependencies/uxbox-dark';
 @import 'dependencies/helpers';
 @import 'dependencies/mixin';
 @import 'dependencies/fonts';
diff --git a/resources/styles/partials/workspace-bar.scss b/resources/styles/partials/workspace-bar.scss
index baf34118e..26db94c42 100644
--- a/resources/styles/partials/workspace-bar.scss
+++ b/resources/styles/partials/workspace-bar.scss
@@ -102,7 +102,7 @@
 
       li {
         align-items: center;
-        background-color: $color-gray-lighter;
+        background-color: $secondary-ui-bg;
         border: 1px solid transparent;
         border-radius: $br-small;
         cursor: pointer;