Introduced variables for background

6 files changed, 22 insertions, 22 deletions

diff --git a/plugins/Morpheus/stylesheets/general/_default.less b/plugins/Morpheus/stylesheets/general/_default.less
index 002551ecd1..5bcf504e2d 100644
--- a/plugins/Morpheus/stylesheets/general/_default.less
+++ b/plugins/Morpheus/stylesheets/general/_default.less
@@ -32,7 +32,7 @@ blockquote, q {
 }
 
 code {
-  background-color:#F6F9F9;
+  background-color:@theme-color-background-base;
   border: 1px dashed;
   border-left: 5px solid  #4B4BD5;
   direction:ltr;
@@ -75,7 +75,7 @@ textarea {
 input, select, textarea {
   border-radius: 4px;
   border: 1px solid #d4d4d4;
-  background: #fff url(plugins/Morpheus/images/inp_bg.png) repeat-x 0 0;
+  background: @theme-color-background-base url(plugins/Morpheus/images/inp_bg.png) repeat-x 0 0;
   padding: 3px 10px;
   color: #255792;
   margin-bottom: 3px;
@@ -112,4 +112,4 @@ a {
 /* Make sure the scroll bar is always displayed so the content does not shift when reloading menu with/without scrollbar */
 html {
   overflow-y: scroll;
-}
\ No newline at end of file
+}
diff --git a/plugins/Morpheus/stylesheets/general/_form.less b/plugins/Morpheus/stylesheets/general/_form.less
index b06018c0eb..81238a747f 100644
--- a/plugins/Morpheus/stylesheets/general/_form.less
+++ b/plugins/Morpheus/stylesheets/general/_form.less
@@ -102,7 +102,7 @@ table.entityTable tr td a {
 }
 
 .entityList ul li {
-  background: #fff url(plugins/Morpheus/images/li_dbl_gray.gif) no-repeat 6px 10px;
+  background: @theme-color-background-base url(plugins/Morpheus/images/li_dbl_gray.gif) no-repeat 6px 10px;
   padding: 0 0 0 21px;
   line-height: 22px;
 }
@@ -119,4 +119,4 @@ table.entityTable tr td a {
 
 .entityList ul.listCircle li a {
   color: #000;
-}
\ No newline at end of file
+}
diff --git a/plugins/Morpheus/stylesheets/general/_forms.less b/plugins/Morpheus/stylesheets/general/_forms.less
index 475c72d9f7..7baf2a6c30 100644
--- a/plugins/Morpheus/stylesheets/general/_forms.less
+++ b/plugins/Morpheus/stylesheets/general/_forms.less
@@ -5,7 +5,7 @@ input:not([type="checkbox"]), select, textarea {
     padding: 8px 10px;
     min-height: 30px;
     .box-sizing(border-box);
-    background: #fff;
+    background: @theme-color-background-base;
 }
 button,
 .add-trusted-host,
@@ -109,7 +109,7 @@ button[type="button"],
     }
     > div {
         .border-radius(2px);
-        background-color: #fff;
+        background-color: @theme-color-background-base;
         .font-default(10px, 12px);
         background: none;
         padding: 2px 14px 2px 1px;
diff --git a/plugins/Morpheus/stylesheets/general/_jqueryUI.less b/plugins/Morpheus/stylesheets/general/_jqueryUI.less
index d0036d6b60..e6aca7ff74 100644
--- a/plugins/Morpheus/stylesheets/general/_jqueryUI.less
+++ b/plugins/Morpheus/stylesheets/general/_jqueryUI.less
@@ -152,7 +152,7 @@ div.ui-state-highlight {
 .ui-state-default {
   border: 1px solid #f2f6f9 !important;
   border-right: 0 !important;
-  background: #fff !important;
+  background: @theme-color-background-base !important;
   color: #000 !important;
   text-align: center !important;
 }
@@ -259,4 +259,4 @@ body .ui-tooltip.small {
 
 .ui-dialog ~ .ui-dialog {
   border: 1px solid #aaa;
-}
\ No newline at end of file
+}
diff --git a/plugins/Morpheus/stylesheets/theme.less b/plugins/Morpheus/stylesheets/theme.less
index 4b0b3d0020..fa2259e413 100644
--- a/plugins/Morpheus/stylesheets/theme.less
+++ b/plugins/Morpheus/stylesheets/theme.less
@@ -229,14 +229,14 @@ table.entityTable tr td a:hover {
     position: relative;
   }
   .dropdown-body {
-    background:#fff;
+    background:@theme-color-background-base;
     padding:0 10px;
     .border-radius(0px);
     border: 1px solid @color-silver-l80;
     border-top-width: 0px;
   }
   &:hover .dropdown-body {
-    background:#fff;
+    background:@theme-color-background-base;
     border-color: @color-silver-l80;
   }
   .segmentationContainer {
@@ -272,7 +272,7 @@ table.entityTable tr td a:hover {
           color: @theme-color-text-light;
           &:hover {
               border-color: @color-silver-l80 !important;
-              background: #fff !important;
+              background:@theme-color-background-base !important;
               .border-radius(0px);
           }
           }
@@ -298,7 +298,7 @@ table.entityTable tr td a:hover {
   #Dashboard {
     ul {
 
-      background: #fff;
+      background: @theme-color-background-base;
       border: 1px solid @color-silver-l80;
       padding: 8px 10px 8px 10px;
       color: @theme-color-text-light;
@@ -347,7 +347,7 @@ table.dataTable {
     thead {
         tr {
             th {
-                background: #fff;
+                background: @theme-color-background-base;
                 text-transform: uppercase;
                 color: @theme-color-text;
                 .font-default(10px, 12px);
@@ -437,13 +437,13 @@ table.dataTable {
         &.subDataTable:hover > td.labeleven,
         &.subDataTable:hover > td.columneven,
         td.cellSubDataTable {
-          background-color: #fff !important;
+          background-color: @theme-color-background-base !important;
         }
     }
 
     &.entityTable tr {
         td  {
-            background-color: #fff !important;
+            background-color: @theme-color-background-base !important;
         }
         &.inactive-plugin td,
         &:hover td {
@@ -685,10 +685,10 @@ div.sparkline {
             }
 
             ol {
-                background: #fff !important;
+                background: @theme-color-background-base !important;
                 border-top: 0 !important;
                 li {
-                    background: #fff !important;
+                    background: @theme-color-background-base !important;
                     .font-default(11px, 19px);
                     font-weight: normal;
                     color: @theme-color-text-lighter;
diff --git a/plugins/Morpheus/stylesheets/ui/_components.less b/plugins/Morpheus/stylesheets/ui/_components.less
index 76db939f73..7e93cf057b 100644
--- a/plugins/Morpheus/stylesheets/ui/_components.less
+++ b/plugins/Morpheus/stylesheets/ui/_components.less
@@ -1,5 +1,5 @@
 //colors calendar
-@calendarHeaderBackground: #fff;
+@calendarHeaderBackground: @theme-color-background-base;
 @calendarHeaderColor: #999;
 @calendarCurrentStateHover: #f5f5f5;
 @calendarBorder: #ccc;
@@ -222,7 +222,7 @@
     border: 1px solid @color-silver-l80;
     padding: 8px 10px 8px 10px;
     height: auto;
-    background: #fff;
+    background: @theme-color-background-base;
     .border-radius(0px);
     .header_short {
         .font-default(10px, 12px);
@@ -287,7 +287,7 @@
         margin: 27px 0 0 319px;
         width: 258px;
         height: 390px;
-        background: #fff;
+        background: @theme-color-background-base;
         h2 {
             color: #1e93d1;
             border-bottom: 1px solid @color-gray;
@@ -348,7 +348,7 @@ table.dataTable tr td .dataTableRowActions {
 
 table.dataTable tr td.labeleven .dataTableRowActions {
   a.rightmost, a {
-    background-color: #fff !important;
+    background-color: @theme-color-background-base !important;
   }
 }