less/roojs-bootstrap/calendar.less

less/roojs-bootstrap/carousel.less
less/roojs-bootstrap/checkbox.less
less/roojs-bootstrap/combobox.less
less/roojs-bootstrap/datepicker.less
less/roojs-bootstrap/document-slider.less
less/roojs-bootstrap/document-viewer.less
less/roojs-bootstrap/dropdown.less
less/roojs-bootstrap/layout.less
less/roojs-bootstrap/mask.less
less/roojs-bootstrap/nav-progress-bar.less
less/roojs-bootstrap/nav-tabs.less
less/roojs-bootstrap/radio-set.less
less/roojs-bootstrap/select2.less
less/roojs-bootstrap/sidebar-nav.less
less/roojs-bootstrap/table.less
less/roojs-bootstrap/top-bar.less
less/roojs-bootstrap/upload-cropbox.less
less/roojs-bootstrap/variables.less

diff --git a/less/roojs-bootstrap/calendar.less b/less/roojs-bootstrap/calendar.less
index 9e369a3..3f320f7 100644 (file)
--- a/less/roojs-bootstrap/calendar.less
+++ b/less/roojs-bootstrap/calendar.less
@@ -207,17 +207,17 @@ html .fc,
 
 .fc-state-default {
     background-color: @well-bg;
-    background-image: -moz-linear-gradient(top, @white, @gray-lighter-90);
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@white), to(@gray-lighter-90));
-    background-image: -webkit-linear-gradient(top, @white, @gray-lighter-90);
-    background-image: -o-linear-gradient(top, @white, @gray-lighter-90);
-    background-image: linear-gradient(to bottom, @white, @gray-lighter-90);
+    background-image: -moz-linear-gradient(top, @body-bg, @gray-lighter-90);
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@body-bg), to(@gray-lighter-90));
+    background-image: -webkit-linear-gradient(top, @body-bg, @gray-lighter-90);
+    background-image: -o-linear-gradient(top, @body-bg, @gray-lighter-90);
+    background-image: linear-gradient(to bottom, @body-bg, @gray-lighter-90);
     background-repeat: repeat-x;
     border-color: @gray-lighter-90 @gray-lighter-90 @gray-lighter-75;
     border-color: @black-opacity-10 @black-opacity-10 @black-opacity-25;
     color: @gray-dark;
-    text-shadow: 0 1px 1px @white-opacity-75;
-    box-shadow: inset 0 1px 0 @white-opacity-20, 0 1px 2px @black-opacity-05;
+    text-shadow: 0 1px 1px @body-bg-opacity-75;
+    box-shadow: inset 0 1px 0 @body-bg-opacity-20, 0 1px 2px @black-opacity-05;
 }
 
 .fc-state-hover,
@@ -269,7 +269,7 @@ html .fc,
 .fc-event {
     border: 1px solid @brand-primary; //#3a87ad; /* default BORDER color */
     background-color: @brand-primary; //#3a87ad; /* default BACKGROUND color */
-    color: @white;               /* default TEXT color */
+    color: @body-bg;               /* default TEXT color */
     font-size: .85em;
     cursor: default;
 }
@@ -564,7 +564,7 @@ table.fc-border-separate {
     left: 0;
     width: 100%;
     height: 100%;
-    background: @white;
+    background: @body-bg;
     opacity: .25;
     filter: alpha(opacity=25);
 }

diff --git a/less/roojs-bootstrap/carousel.less b/less/roojs-bootstrap/carousel.less
index 2079252..ec3f37f 100644 (file)
--- a/less/roojs-bootstrap/carousel.less
+++ b/less/roojs-bootstrap/carousel.less
@@ -62,7 +62,7 @@
     position: absolute;
     display: block;
     top: 50%;
-    color: @white;
+    color: @body-bg;
     z-index: 100;
     cursor: pointer;
     padding: 10px;
@@ -74,7 +74,7 @@
     position: absolute;
     display: block;
     top: 50%;
-    color: @white;
+    color: @body-bg;
     z-index: 100;
     cursor: pointer;
     padding: 10px;

diff --git a/less/roojs-bootstrap/checkbox.less b/less/roojs-bootstrap/checkbox.less
index 166761b..f3bcaef 100644 (file)
--- a/less/roojs-bootstrap/checkbox.less
+++ b/less/roojs-bootstrap/checkbox.less
@@ -24,7 +24,7 @@
     margin-left: -20px;
     border: 1px solid @gray-lighter-80;
     border-radius: 3px;
-    background-color: @white;
+    background-color: @body-bg;
     -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
     -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
     transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
@@ -57,31 +57,31 @@
     background-color: @brand-primary;
     border-color: @brand-primary; }
 .checkbox-primary input[type="checkbox"]:checked + label::after {
-    color: @white; }
+    color: @body-bg; }
 
 .checkbox-danger input[type="checkbox"]:checked + label::before {
     background-color: @brand-danger;
     border-color: @brand-danger; }
 .checkbox-danger input[type="checkbox"]:checked + label::after {
-    color: @white; }
+    color: @body-bg; }
 
 .checkbox-info input[type="checkbox"]:checked + label::before {
     background-color: @brand-info;
     border-color: @brand-info; }
 .checkbox-info input[type="checkbox"]:checked + label::after {
-    color: @white; }
+    color: @body-bg; }
 
 .checkbox-warning input[type="checkbox"]:checked + label::before {
     background-color: @brand-warning;
     border-color: @brand-warning; }
 .checkbox-warning input[type="checkbox"]:checked + label::after {
-    color: @white; }
+    color: @body-bg; }
 
 .checkbox-success input[type="checkbox"]:checked + label::before {
     background-color: @brand-success;
     border-color: @brand-success; }
 .checkbox-success input[type="checkbox"]:checked + label::after {
-    color: @white; }
+    color: @body-bg; }
 
 /* before is the outer cicle */    
 /* after is the inner circle.. */
@@ -102,7 +102,7 @@
     margin-left: -20px;
     border: 1px solid @gray-lighter-80;
     border-radius: 50%;
-    background-color: @white;
+    background-color: @body-bg;
     -webkit-transition: border 0.15s ease-in-out;
     -o-transition: border 0.15s ease-in-out;
     transition: border 0.15s ease-in-out; }
@@ -116,7 +116,7 @@
     top: 3px;
     margin-left: -20px;
     border-radius: 50%;
-    background-color: @white; 
+    background-color: @body-bg; 
     -webkit-transform: scale(0, 0);
     -ms-transform: scale(0, 0);
     -o-transform: scale(0, 0);
@@ -142,7 +142,7 @@
     cursor: not-allowed; }
 
 .radio-primary input[type="radio"] + label::after {
-    background-color: @white; }
+    background-color: @body-bg; }
 .radio-primary input[type="radio"]:checked + label::before {
     border-color: @brand-primary; }
 .radio-primary input[type="radio"]:checked + label::after {
@@ -158,7 +158,7 @@
 
 
 .radio-info input[type="radio"] + label::after {
-    background-color: @white;
+    background-color: @body-bg;
 }
 .radio-info input[type="radio"]:checked + label::before {
     border-color: @brand-info; }
@@ -166,14 +166,14 @@
     background-color: @brand-info; }
 
 .radio-warning input[type="radio"] + label::after {
-    background-color: @white; }
+    background-color: @body-bg; }
 .radio-warning input[type="radio"]:checked + label::before {
     border-color: @brand-warning; }
 .radio-warning input[type="radio"]:checked + label::after {
     background-color: @brand-warning; }
 
 .radio-success input[type="radio"] + label::after {
-    background-color: @white; }
+    background-color: @body-bg; }
 .radio-success input[type="radio"]:checked + label::before {
     border-color: @brand-success; }
 .radio-success input[type="radio"]:checked + label::after {

diff --git a/less/roojs-bootstrap/combobox.less b/less/roojs-bootstrap/combobox.less
index 3a9f949..ebf3ca1 100644 (file)
--- a/less/roojs-bootstrap/combobox.less
+++ b/less/roojs-bootstrap/combobox.less
@@ -42,7 +42,7 @@
   font-weight: normal;
   color: @gray-lighter-60;
   text-align: center;
-  text-shadow: 0 1px 0 @white;
+  text-shadow: 0 1px 0 @body-bg;
   background-color: @well-bg;
   border: 1px solid @gray-lighter-80;
   -webkit-border-radius: 3px 0 0 3px;
@@ -52,7 +52,7 @@
 }
 .combobox-container .active {
   background-color: @brand-primary; //#3875d7;
-  color: @white;
+  color: @body-bg;
 }
 .combobox-container input,
 .combobox-container .uneditable-input {
@@ -169,11 +169,11 @@
 
 .dropdown-menu .active {
     background: @brand-primary; //#3875d7;
-    color: @white;
+    color: @body-bg;
 }
 
 .dropdown-menu .active label{
-    color: @white;
+    color: @body-bg;
 }
 
 .dropdown-menu .roo-select2-result {
@@ -194,7 +194,7 @@
 }
 .roo-select2-container .x-combo-noedit {
    cursor: pointer;
-   background-color: @white;
+   background-color: @body-bg;
 
 }
 .roo-select2-container .x-combo-noedit[disabled] {

diff --git a/less/roojs-bootstrap/datepicker.less b/less/roojs-bootstrap/datepicker.less
index d9e4c78..af43c4b 100644 (file)
--- a/less/roojs-bootstrap/datepicker.less
+++ b/less/roojs-bootstrap/datepicker.less
@@ -49,7 +49,7 @@
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-bottom: 6px solid @white;
+  border-bottom: 6px solid @body-bg;
   position: absolute;
   top: -6px;
   left: 7px;
@@ -71,7 +71,7 @@
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-bottom: 6px solid @white;
+  border-bottom: 6px solid @body-bg;
   position: absolute;
   top: -6px;
   left: 8px;
@@ -94,7 +94,7 @@
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-top: 6px solid @white;
+  border-top: 6px solid @body-bg;
   border-bottom: 0;
   position: absolute;
   bottom: -6px;
@@ -117,7 +117,7 @@
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-bottom: 6px solid @white;
+  border-bottom: 6px solid @body-bg;
   position: absolute;
   top: -6px;
   left: 8px;
@@ -139,7 +139,7 @@
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-bottom: 6px solid @white;
+  border-bottom: 6px solid @body-bg;
   position: absolute;
   top: -6px;
   left: 261px;
@@ -162,7 +162,7 @@
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-top: 6px solid @white;
+  border-top: 6px solid @body-bg;
   position: absolute;
   bottom: -6px;
   left: 7px;
@@ -185,7 +185,7 @@
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
-  border-top: 6px solid @white;
+  border-top: 6px solid @body-bg;
   position: absolute;
   bottom: -6px;
   left: 261px;
@@ -299,7 +299,7 @@
   border-color: @brand-primary @brand-primary darken(@brand-primary, 10%);
   border-color: @black-opacity-10 @black-opacity-10 @black-opacity-25;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-  color: @white;
+  color: @body-bg;
   text-shadow: 0 -1px 0 @black-opacity-25;
 }
 .datepicker table tr td.active:hover,
@@ -371,7 +371,7 @@
   border-color: @brand-primary @brand-primary darken(@brand-primary, 10%);
   border-color: @black-opacity-10 @black-opacity-10 @black-opacity-25;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-  color: @white;
+  color: @body-bg;
   text-shadow: 0 -1px 0 @black-opacity-25;
 }
 .datepicker table tr td span.active:hover,

diff --git a/less/roojs-bootstrap/document-slider.less b/less/roojs-bootstrap/document-slider.less
index 61e552a..280c7b2 100644 (file)
--- a/less/roojs-bootstrap/document-slider.less
+++ b/less/roojs-bootstrap/document-slider.less
@@ -11,13 +11,13 @@
     width: 80%;
     margin: 0 auto;
     padding: 10px 0;
-    color: @white;
+    color: @body-bg;
     font-weight: bold;
     text-align: center;
 }
 
 .roo-document-slider-body {
-    background-color: @white;
+    background-color: @body-bg;
     width: 100%;
     height: 450px;
     position: relative;

diff --git a/less/roojs-bootstrap/document-viewer.less b/less/roojs-bootstrap/document-viewer.less
index 99936c4..de8e8f1 100644 (file)
--- a/less/roojs-bootstrap/document-viewer.less
+++ b/less/roojs-bootstrap/document-viewer.less
@@ -14,7 +14,7 @@
 }
 
 .roo-document-viewer-body {
-    background-color: @white;
+    background-color: @body-bg;
     width: 100%;
     height: 450px;
     max-height: 450px;
@@ -44,7 +44,7 @@
 
 .roo-document-viewer-btn-group button {
     background-color: @gray-base;
-    color: @white;
+    color: @body-bg;
     border-color: @gray-dark;
 }
 

diff --git a/less/roojs-bootstrap/dropdown.less b/less/roojs-bootstrap/dropdown.less
index 3928c28..d4d447b 100644 (file)
--- a/less/roojs-bootstrap/dropdown.less
+++ b/less/roojs-bootstrap/dropdown.less
@@ -1,6 +1,6 @@
 .dropdown-submenu:hover > a,
 .dropdown-submenu:focus > a {
-  color: @white;
+  color: @body-bg;
   text-decoration: none;
   background-color: @brand-primary;
   background-image: -moz-linear-gradient(top, @brand-primary, darken(@brand-primary, 3%));
@@ -59,7 +59,7 @@
 }
 
 .dropdown-submenu:hover > a:after {
-  border-left-color: @white;
+  border-left-color: @body-bg;
 }
 
 .dropdown-submenu.pull-left {

diff --git a/less/roojs-bootstrap/layout.less b/less/roojs-bootstrap/layout.less
index a204459..87d0a51 100644 (file)
--- a/less/roojs-bootstrap/layout.less
+++ b/less/roojs-bootstrap/layout.less
@@ -148,7 +148,7 @@
 
 
 .roo-layout-panel .roo-tabbody {
-    background-color: @white;
+    background-color: @body-bg;
     overflow: auto;
     height: 100%;
 }

diff --git a/less/roojs-bootstrap/mask.less b/less/roojs-bootstrap/mask.less
index 3935ea3..4fc1354 100644 (file)
--- a/less/roojs-bootstrap/mask.less
+++ b/less/roojs-bootstrap/mask.less
@@ -17,7 +17,7 @@
    position: absolute;
     z-index:20000;
     /*border: 4px double #557; */
-    background-color: @white;
+    background-color: @body-bg;
     padding: 0px 30px;
     background-image: url('../images/ux/lightbox/loading.gif');
     background-repeat: no-repeat;

diff --git a/less/roojs-bootstrap/nav-progress-bar.less b/less/roojs-bootstrap/nav-progress-bar.less
index dd4db51..27def46 100644 (file)
--- a/less/roojs-bootstrap/nav-progress-bar.less
+++ b/less/roojs-bootstrap/nav-progress-bar.less
@@ -45,7 +45,7 @@
     width: 25px;
     line-height: 25px;
     display: block;
-    color: @white;
+    color: @body-bg;
     background: @brand-primary;
     border-radius: 5px;
     font-weight: bold;
@@ -72,12 +72,12 @@
 
 .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
     background: darken(@brand-danger, 17%);
-    color: @white;
+    color: @body-bg;
 }
 
 .roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
     background: @gray-lighter-60;
-    color: @white;
+    color: @body-bg;
     cursor: not-allowed;
 }
 

diff --git a/less/roojs-bootstrap/nav-tabs.less b/less/roojs-bootstrap/nav-tabs.less
index 7023461..fd1b5e1 100644 (file)
--- a/less/roojs-bootstrap/nav-tabs.less
+++ b/less/roojs-bootstrap/nav-tabs.less
@@ -1,7 +1,7 @@
 /* NAV TABS */
 .nav-tabs-custom {
   margin-bottom: 20px;
-  background: @white;
+  background: @body-bg;
   box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
 }
 .nav-tabs-custom > .nav-tabs {
@@ -33,7 +33,7 @@
 }
 .nav-tabs-custom > .nav-tabs > li.active > a,
 .nav-tabs-custom > .nav-tabs > li.active:hover > a {
-  background-color: @white;
+  background-color: @body-bg;
 }
 .nav-tabs-custom > .nav-tabs > li.active > a {
   border-top: 0;
@@ -73,7 +73,7 @@
   margin-right: 10px;
 }
 .nav-tabs-custom > .tab-content {
-  background: @white;
+  background: @body-bg;
   padding: 10px;
 }
 /* --- override it appears it's done un-reliably in JS normally.. */

diff --git a/less/roojs-bootstrap/radio-set.less b/less/roojs-bootstrap/radio-set.less
index 94d9b97..2f3ef88 100644 (file)
--- a/less/roojs-bootstrap/radio-set.less
+++ b/less/roojs-bootstrap/radio-set.less
@@ -27,7 +27,7 @@
 
 .roo-radio-primary .radio label::after 
 {
-    background-color: @white; 
+    background-color: @body-bg; 
 }
 
 .roo-radio-primary .radio.checked label::before 
@@ -57,7 +57,7 @@
     
 .roo-radio-info .radio label::after 
 {
-    background-color: @white;
+    background-color: @body-bg;
 }
 
 .roo-radio-info .radio.checked label::before 
@@ -72,7 +72,7 @@
 
 .roo-radio-warning .radio label::after 
 {
-    background-color: @white; 
+    background-color: @body-bg; 
 }
 
 .roo-radio-warning .radio.checked label::before 
@@ -87,7 +87,7 @@
 
 .roo-radio-success .radio label::after 
 {
-    background-color: @white; 
+    background-color: @body-bg; 
 }
 
 .roo-radio-success .radio.checked label::before 

diff --git a/less/roojs-bootstrap/select2.less b/less/roojs-bootstrap/select2.less
index 007644b..486d1cc 100644 (file)
--- a/less/roojs-bootstrap/select2.less
+++ b/less/roojs-bootstrap/select2.less
@@ -48,12 +48,12 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
           -ms-user-select: none;
               user-select: none;
 
-    background-color: @white;
-    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, @gray-lighter), color-stop(0.5, @white));
-    background-image: -webkit-linear-gradient(center bottom, @gray-lighter 0%, @white 50%);
-    background-image: -moz-linear-gradient(center bottom, @gray-lighter 0%, @white 50%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '@white', endColorstr = '@gray-lighter', GradientType = 0);
-    background-image: linear-gradient(to top, @gray-lighter 0%, @white 50%);
+    background-color: @body-bg;
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, @gray-lighter), color-stop(0.5, @body-bg));
+    background-image: -webkit-linear-gradient(center bottom, @gray-lighter 0%, @body-bg 50%);
+    background-image: -moz-linear-gradient(center bottom, @gray-lighter 0%, @body-bg 50%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '@body-bg', endColorstr = '@gray-lighter', GradientType = 0);
+    background-image: linear-gradient(to top, @gray-lighter 0%, @body-bg 50%);
 }
 
 .roo-select2-container.roo-select2-drop-above .roo-select2-choice {
@@ -61,11 +61,11 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
 
     border-radius: 0 0 4px 4px;
 
-    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, @gray-lighter), color-stop(0.9, @white));
-    background-image: -webkit-linear-gradient(center bottom, @gray-lighter 0%, @white 90%);
-    background-image: -moz-linear-gradient(center bottom, @gray-lighter 0%, @white 90%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@white', endColorstr='@gray-lighter', GradientType=0);
-    background-image: linear-gradient(to bottom, @gray-lighter 0%, @white 90%);
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, @gray-lighter), color-stop(0.9, @body-bg));
+    background-image: -webkit-linear-gradient(center bottom, @gray-lighter 0%, @body-bg 90%);
+    background-image: -moz-linear-gradient(center bottom, @gray-lighter 0%, @body-bg 90%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
+    background-image: linear-gradient(to bottom, @gray-lighter 0%, @body-bg 90%);
 }
 
 .roo-select2-container.roo-select2-allowclear .roo-select2-choice .roo-select2-chosen {
@@ -124,7 +124,7 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
     opacity: 0;
     z-index: 9998;
     /* styles required for IE to work */
-    background-color: @white;
+    background-color: @body-bg;
     filter: alpha(opacity=0);
 }
 
@@ -135,7 +135,7 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
     z-index: 9999;
     top: 100%;
 
-    background: @white;
+    background: @body-bg;
     color: @gray-base;
     border: 1px solid @gray-lighter-75;
     border-top: 0;
@@ -234,11 +234,11 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
     -webkit-box-shadow: none;
             box-shadow: none;
 
-    background: @white url('../images/select2/select2.png') no-repeat 100% -22px;
-    background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, @white), color-stop(0.99, @gray-lighter));
-    background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, @white 85%, @gray-lighter 99%);
-    background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, @white 85%, @gray-lighter 99%);
-    background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, @white 85%, @gray-lighter 99%) 0 0;
+    background: @body-bg url('../images/select2/select2.png') no-repeat 100% -22px;
+    background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, @body-bg), color-stop(0.99, @gray-lighter));
+    background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, @body-bg 85%, @gray-lighter 99%);
+    background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, @body-bg 85%, @gray-lighter 99%);
+    background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, @body-bg 85%, @gray-lighter 99%) 0 0;
 }
 
 .roo-select2-drop.roo-select2-drop-above .roo-select2-search input {
@@ -246,11 +246,11 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
 }
 
 .roo-select2-search input.roo-select2-active {
-    background: @white url('../images/select2/select2-spinner.gif') no-repeat 100%;
-    background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, @white), color-stop(0.99, @gray-lighter));
-    background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, @white 85%, @gray-lighter 99%);
-    background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, @white 85%, @gray-lighter 99%);
-    background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, @white 85%, @gray-lighter 99%) 0 0;
+    background: @body-bg url('../images/select2/select2-spinner.gif') no-repeat 100%;
+    background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, @body-bg), color-stop(0.99, @gray-lighter));
+    background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, @body-bg 85%, @gray-lighter 99%);
+    background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, @body-bg 85%, @gray-lighter 99%);
+    background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, @body-bg 85%, @gray-lighter 99%) 0 0;
 }
 
 .roo-select2-container-active .roo-select2-choice,
@@ -264,18 +264,18 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
 
 .roo-select2-dropdown-open .roo-select2-choice {
     border-bottom-color: transparent;
-    -webkit-box-shadow: 0 1px 0 @white inset;
-            box-shadow: 0 1px 0 @white inset;
+    -webkit-box-shadow: 0 1px 0 @body-bg inset;
+            box-shadow: 0 1px 0 @body-bg inset;
 
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
 
     background-color: @gray-lighter;
-    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, @white), color-stop(0.5, @gray-lighter));
-    background-image: -webkit-linear-gradient(center bottom, @white 0%, @gray-lighter 50%);
-    background-image: -moz-linear-gradient(center bottom, @white 0%, @gray-lighter 50%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@white', GradientType=0);
-    background-image: linear-gradient(to top, @white 0%, @gray-lighter 50%);
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, @body-bg), color-stop(0.5, @gray-lighter));
+    background-image: -webkit-linear-gradient(center bottom, @body-bg 0%, @gray-lighter 50%);
+    background-image: -moz-linear-gradient(center bottom, @body-bg 0%, @gray-lighter 50%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
+    background-image: linear-gradient(to top, @body-bg 0%, @gray-lighter 50%);
 }
 
 .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choice,
@@ -283,11 +283,11 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
     border: 1px solid @brand-primary; //#5897fb;
     border-top-color: transparent;
 
-    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, @white), color-stop(0.5, @gray-lighter));
-    background-image: -webkit-linear-gradient(center top, @white 0%, @gray-lighter 50%);
-    background-image: -moz-linear-gradient(center top, @white 0%, @gray-lighter 50%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@white', GradientType=0);
-    background-image: linear-gradient(to bottom, @white 0%, @gray-lighter 50%);
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, @body-bg), color-stop(0.5, @gray-lighter));
+    background-image: -webkit-linear-gradient(center top, @body-bg 0%, @gray-lighter 50%);
+    background-image: -moz-linear-gradient(center top, @body-bg 0%, @gray-lighter 50%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
+    background-image: linear-gradient(to bottom, @body-bg 0%, @gray-lighter 50%);
 }
 
 .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow {
@@ -360,7 +360,7 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
 
 .roo-select2-results .roo-select2-highlighted {
     background: @brand-primary; //#3875d7;
-    color: @white;
+    color: @body-bg;
 }
 
 .roo-select2-results li em {
@@ -373,7 +373,7 @@ Version: 3.4.8 Timestamp: Thu May  1 09:50:32 EDT 2014
 }
 
 .roo-select2-results .roo-select2-highlighted ul {
-    background: @white;
+    background: @body-bg;
     color: @gray-base;
 }
 
@@ -445,11 +445,11 @@ disabled look for disabled choices in the results dropdown
     border: 1px solid @gray-lighter-75;
     cursor: text;
     overflow: hidden;
-    background-color: @white;
-    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, @gray-lighter), color-stop(15%, @white));
-    background-image: -webkit-linear-gradient(top, @gray-lighter 1%, @white 15%);
-    background-image: -moz-linear-gradient(top, @gray-lighter 1%, @white 15%);
-    background-image: linear-gradient(to bottom, @gray-lighter 1%, @white 15%);
+    background-color: @body-bg;
+    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, @gray-lighter), color-stop(15%, @body-bg));
+    background-image: -webkit-linear-gradient(top, @gray-lighter 1%, @body-bg 15%);
+    background-image: -moz-linear-gradient(top, @gray-lighter 1%, @body-bg 15%);
+    background-image: linear-gradient(to bottom, @gray-lighter 1%, @body-bg 15%);
 }
 
 .roo-select2-locked {
@@ -496,7 +496,7 @@ html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li
 }
 
 .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input.roo-select2-active {
-    background: @white url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
+    background: @body-bg url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
 }
 
 .roo-select2-default {

diff --git a/less/roojs-bootstrap/sidebar-nav.less b/less/roojs-bootstrap/sidebar-nav.less
index 2024a35..3a77272 100644 (file)
--- a/less/roojs-bootstrap/sidebar-nav.less
+++ b/less/roojs-bootstrap/sidebar-nav.less
@@ -48,7 +48,7 @@
 .sidebar .sidebar-menu li.active li.treeview-menu:focus,
 .sidebar .sidebar-menu li.active li.treeview-menu:active
 {
-    background-color: @white;
+    background-color: @body-bg;
 }
 
 
@@ -66,7 +66,7 @@
 
 /* BLUE ACTIVE */
 .sidebar .sidebar-menu li.active {
-  color: @white;
+  color: @body-bg;
   background-color: @brand-primary; //#337ab7;
   border-color: darken(@brand-primary, 10%); //#2e6da4;
 }
@@ -75,18 +75,18 @@
 .sidebar .sidebar-menu li.active:focus,
 .sidebar .sidebar-menu li.active.focus
 {
-    color: @white;
+    color: @body-bg;
     background-color: @brand-primary; //#204d74;
     border-color: darken(@brand-primary, 10%); //#122b40;
 }
 
 .sidebar .sidebar-menu li.active  a {
-    color: @white;
+    color: @body-bg;
 }
 
 .sidebar .sidebar-menu li.disabled {
   color: @gray-dark;
-  background-color: @white;
+  background-color: @body-bg;
   border-color: @gray-dark;
 }
 
@@ -97,7 +97,7 @@
 
 .sidebar .sidebar-menu li.danger,
 .sidebar .sidebar-menu li.danger.active {
-  color: @white;
+  color: @body-bg;
   background-color: @brand-danger;
   border-color: lighten(@brand-danger, 10%);
 }
@@ -106,7 +106,7 @@
 .sidebar .sidebar-menu li.danger:focus,
 .sidebar .sidebar-menu li.danger.active:focus
 {
-    color: @white;
+    color: @body-bg;
     background-color: @brand-danger;
     border-color: darken(@brand-danger, 10%);
     border-bottom: 1px solid darken(@brand-danger, 10%);
@@ -114,7 +114,7 @@
 
 .sidebar .sidebar-menu li.danger a,
 .sidebar .sidebar-menu li.danger.active a{
-    color: @white;
+    color: @body-bg;
 }
 
 /* --- open  */
@@ -163,35 +163,35 @@
 
 .badge-default {
     background-color: @gray-light;
-    color: @white;
+    color: @body-bg;
 }
 
 .badge-primary {
     background-color: @brand-primary;
-    color: @white;
+    color: @body-bg;
 }
 
 .badge-success {
     background-color: @brand-success;
-    color: @white;
+    color: @body-bg;
 }
 
 .badge-info {
     background-color: @brand-info;
-    color: @white;
+    color: @body-bg;
 }
 
 .badge-warning {
     background-color: @brand-warning;
-    color: @white;
+    color: @body-bg;
 }
 
 .badge-danger {
     background-color: @brand-danger;
-    color: @white;
+    color: @body-bg;
 }
 
 .sidebar .sidebar-menu > li.active .badge-info {
-    background-color: @white;
+    background-color: @body-bg;
     color: @brand-info;
 }
\ No newline at end of file

diff --git a/less/roojs-bootstrap/table.less b/less/roojs-bootstrap/table.less
index 4ab9d29..10f09aa 100644 (file)
--- a/less/roojs-bootstrap/table.less
+++ b/less/roojs-bootstrap/table.less
@@ -28,7 +28,7 @@
    background-color:  @gray-lighter-86-5;
 }
 .skin-blue table .navbar {
-    background-color: @white;
+    background-color: @body-bg;
  
 }
 .skin-blue .navbar .pagination>li.disabled >a{

diff --git a/less/roojs-bootstrap/top-bar.less b/less/roojs-bootstrap/top-bar.less
index fbfd3f6..2da36a1 100644 (file)
--- a/less/roojs-bootstrap/top-bar.less
+++ b/less/roojs-bootstrap/top-bar.less
@@ -68,7 +68,7 @@
 }
 
 .header .social li:hover a i,
-.footer .social li:hover a i { color: @white }
+.footer .social li:hover a i { color: @body-bg }
 
 
 

diff --git a/less/roojs-bootstrap/upload-cropbox.less b/less/roojs-bootstrap/upload-cropbox.less
index 3946d9f..1b3f5cc 100644 (file)
--- a/less/roojs-bootstrap/upload-cropbox.less
+++ b/less/roojs-bootstrap/upload-cropbox.less
@@ -11,7 +11,7 @@
 }
 
 .roo-upload-cropbox-body {
-    background-color: @white;
+    background-color: @body-bg;
     border: 1px solid @gray-lighter-90;
     width: 100%;
     height: 450px;
@@ -45,7 +45,7 @@
 .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
     height: 100%;
     background-color: @black-opacity-50;
-    color: @white;
+    color: @body-bg;
     font-weight: bold;
     font-size: 24px;
     text-align: center;
@@ -55,7 +55,7 @@
 
 .roo-upload-cropbox-btn-group button {
     background-color: @gray-base;
-    color: @white;
+    color: @body-bg;
     border-color: @gray-dark;
 }
 

diff --git a/less/roojs-bootstrap/variables.less b/less/roojs-bootstrap/variables.less
index b784a44..59ba7bc 100644 (file)
--- a/less/roojs-bootstrap/variables.less
+++ b/less/roojs-bootstrap/variables.less
@@ -1,7 +1,7 @@
 
-@white:                   #fff;
-@white-opacity-20:        fade(@white, 20%);
-@white-opacity-75:        fade(@white, 75%);
+@body-bg:                   #fff;
+@body-bg-opacity-20:        fade(@body-bg, 20%);
+@body-bg-opacity-75:        fade(@body-bg, 75%);
 
 @black-opacity-05:        fade(@gray-base, 5%);
 @black-opacity-10:        fade(@gray-base, 10%);
@@ -28,5 +28,3 @@
 @info-lighter-33:         lighten(@brand-info, 33%); // #bde6f2
 
 @danger-darker-14:        darken(@brand-danger, 14%); // #b92c28
-
-@papaya-whip:             #ffefd5;