Bläddra i källkod

HUE-7369 [frontend] Migrate all remaining color variables in the LESS files to variables

Enrico Berti 8 år sedan
förälder
incheckning
1af414793f
32 ändrade filer med 401 tillägg och 374 borttagningar
  1. 1 1
      apps/filebrowser/src/filebrowser/static/filebrowser/css/display.css
  2. 0 0
      apps/filebrowser/src/filebrowser/static/filebrowser/css/listdir_components.css
  3. 2 2
      apps/filebrowser/src/filebrowser/static/filebrowser/less/display.less
  4. 16 16
      apps/filebrowser/src/filebrowser/static/filebrowser/less/listdir_components.less
  5. 0 0
      apps/hbase/src/hbase/static/hbase/css/hbase.css
  6. 80 81
      apps/hbase/src/hbase/static/hbase/less/hbase.less
  7. 1 1
      apps/jobbrowser/src/jobbrowser/static/jobbrowser/css/jobbrowser-embeddable.css
  8. 1 1
      apps/jobbrowser/src/jobbrowser/static/jobbrowser/less/jobbrowser-embeddable.less
  9. 0 0
      apps/metastore/src/metastore/static/metastore/css/metastore.css
  10. 9 9
      apps/metastore/src/metastore/static/metastore/less/metastore.less
  11. 1 1
      apps/oozie/src/oozie/static/oozie/css/common-editor.css
  12. 1 1
      apps/oozie/src/oozie/static/oozie/css/coordinator.css
  13. 0 0
      apps/oozie/src/oozie/static/oozie/css/workflow-editor.css
  14. 0 0
      apps/oozie/src/oozie/static/oozie/css/workflow.css
  15. 6 4
      apps/oozie/src/oozie/static/oozie/less/common-editor.less
  16. 23 3
      apps/oozie/src/oozie/static/oozie/less/coordinator.less
  17. 20 20
      apps/oozie/src/oozie/static/oozie/less/workflow-editor.less
  18. 28 26
      apps/oozie/src/oozie/static/oozie/less/workflow.less
  19. 0 0
      apps/security/src/security/static/security/css/security.css
  20. 23 23
      apps/security/src/security/static/security/less/security.less
  21. 1 1
      apps/sqoop/src/sqoop/static/sqoop/css/sqoop.css
  22. 14 12
      apps/sqoop/src/sqoop/static/sqoop/less/sqoop.less
  23. 0 0
      desktop/core/src/desktop/static/desktop/css/hue.css
  24. 0 0
      desktop/core/src/desktop/static/desktop/css/hue3-extra.css
  25. 19 19
      desktop/core/src/desktop/static/desktop/less/components/hue-qq-upload.less
  26. 9 9
      desktop/core/src/desktop/static/desktop/less/components/hue-ribbon.less
  27. 4 4
      desktop/core/src/desktop/static/desktop/less/components/hue-scrollbar.less
  28. 57 57
      desktop/core/src/desktop/static/desktop/less/components/hue-tables.less
  29. 1 1
      desktop/libs/notebook/src/notebook/static/notebook/css/notebook-layout.css
  30. 0 0
      desktop/libs/notebook/src/notebook/static/notebook/css/notebook.css
  31. 5 3
      desktop/libs/notebook/src/notebook/static/notebook/less/notebook-layout.less
  32. 79 79
      desktop/libs/notebook/src/notebook/static/notebook/less/notebook.less

+ 1 - 1
apps/filebrowser/src/filebrowser/static/filebrowser/css/display.css

@@ -14,4 +14,4 @@ distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
- */#fileviewerComponents .card-body{padding:0;margin:0}#fileviewerComponents .hue-breadcrumbs-bar{margin:0;padding-bottom:0}#fileviewerComponents #fileArea{overflow:auto;background-color:#F8F8F8;position:relative;font-size:12px}#fileviewerComponents #fileArea.loading{opacity:.7}#fileviewerComponents .binary{font-family:Roboto Mono,Menlo,Monaco,Consolas,"Courier New",monospace}#fileviewerComponents pre{border:none}#fileviewerComponents pre a{color:#444;cursor:default;white-space:inherit}#fileviewerComponents pre a:hover{color:#444;text-decoration:none}#fileviewerComponents .pagination-input-form{position:relative;right:1em;top:-10px}#fileviewerComponents .pagination-input{text-align:center;width:40px}#fileviewerComponents dd{margin-left:0;margin-bottom:6px}#fileviewerComponents .monospace{font-family:Roboto Mono,Menlo,Monaco,Consolas,"Courier New",monospace}
+ */#fileviewerComponents .card-body{padding:0;margin:0}#fileviewerComponents .hue-breadcrumbs-bar{margin:0;padding-bottom:0}#fileviewerComponents #fileArea{overflow:auto;background-color:#F8F8F8;position:relative;font-size:12px}#fileviewerComponents #fileArea.loading{opacity:.7}#fileviewerComponents .binary{font-family:Roboto Mono,Menlo,Monaco,Consolas,"Courier New",monospace}#fileviewerComponents pre{border:none}#fileviewerComponents pre a{color:#424242;cursor:default;white-space:inherit}#fileviewerComponents pre a:hover{color:#424242;text-decoration:none}#fileviewerComponents .pagination-input-form{position:relative;right:1em;top:-10px}#fileviewerComponents .pagination-input{text-align:center;width:40px}#fileviewerComponents dd{margin-left:0;margin-bottom:6px}#fileviewerComponents .monospace{font-family:Roboto Mono,Menlo,Monaco,Consolas,"Courier New",monospace}

Filskillnaden har hållts tillbaka eftersom den är för stor
+ 0 - 0
apps/filebrowser/src/filebrowser/static/filebrowser/css/listdir_components.css


+ 2 - 2
apps/filebrowser/src/filebrowser/static/filebrowser/less/display.less

@@ -48,13 +48,13 @@
   }
 
   pre a {
-    color: #444;
+    color: @cui-gray-800;
     cursor: default;
     white-space: inherit;
   }
 
   pre a:hover {
-    color: #444;
+    color: @cui-gray-800;
     text-decoration: none;
   }
 

+ 16 - 16
apps/filebrowser/src/filebrowser/static/filebrowser/less/listdir_components.less

@@ -44,7 +44,7 @@
 }
 
 .fieldError {
-  border-color: #B94A48 !important;
+  border-color: @cui-red-400 !important;
 }
 
 .filebrowser .form-inline {
@@ -54,8 +54,8 @@
 }
 
 .filebrowser .pagination {
-  background-color: #f5f5f5;
-  border-top: 1px solid #e3e3e3;
+  background-color: @cui-gray-050;
+  border-top: 1px solid @cui-gray-200;
   bottom: 0;
   -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.1);
   -moz-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.1);
@@ -96,7 +96,7 @@
 
 .actionbar {
   padding-top: 6px;
-  background-color: #FFFFFF;
+  background-color: @cui-white;
 }
 
 .shadow {
@@ -114,7 +114,7 @@
 }
 
 #jHueHdfsAutocomplete ul li:hover,  #jHueHdfsAutocomplete ul li.active {
-  color: #FFFFFF;
+  color: @cui-white;
   background: @hue-primary-color-dark;
 }
 
@@ -133,7 +133,7 @@
 }
 
 .history a {
-  color: #737373;
+  color: @cui-gray-700;
   text-decoration: none;
 }
 
@@ -142,7 +142,7 @@
 }
 
 .history.no-history a {
-  color: #ccc;
+  color: @cui-gray-400;
   cursor: default;
 }
 
@@ -152,7 +152,7 @@
 }
 
 .hoverMsg {
-  background: #000;
+  background: @cui-black;
   height: 100%;
   left: 0;
   opacity: .5;
@@ -163,7 +163,7 @@
 }
 
 .hoverText {
-  color: #fff;
+  color: @cui-white;
   font-size: 5em;
   position: relative;
   text-align: center;
@@ -199,15 +199,15 @@
 }
 
 .row-selected {
-  background-color: #e5e5e5;
+  background-color: @cui-gray-100;
 }
 
 .row-highlighted {
-  background-color: #d9edf7;
+  background-color: @cui-blue-050;
 }
 
 .row-deleted {
-  background-color: #f2dede;
+  background-color: @cui-pink-050;
 }
 
 .context-menu {
@@ -217,7 +217,7 @@
 }
 
 .drag-hover {
-  background: #e5e5e5;
+  background: @cui-gray-100;
   border-left: 3px solid @hue-primary-color-dark;
   border-right: 3px solid @hue-primary-color-dark;
 }
@@ -227,7 +227,7 @@
 }
 
 .qq-upload-failed-text {
-  color: #b94a48;
+  color: @cui-red-400;
 }
 
 .filebrowser .editable-breadcrumbs {
@@ -235,7 +235,7 @@
 }
 
 .filebrowser .editable-breadcrumbs:hover {
-  background-color: #F0F0F0;
+  background-color: @cui-purple-gray-050;
 }
 
 .filebrowser #hueBreadcrumbText {
@@ -245,7 +245,7 @@
   margin-bottom: 3px;
   padding-left: 14px;
   border-radius: 2px;
-  border: 1px solid #EEE;
+  border: 1px solid @cui-purple-gray-050;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;

Filskillnaden har hållts tillbaka eftersom den är för stor
+ 0 - 0
apps/hbase/src/hbase/static/hbase/css/hbase.css


+ 80 - 81
apps/hbase/src/hbase/static/hbase/less/hbase.less

@@ -18,7 +18,6 @@
 
 @import (reference) "hue-mixins.less";
 @import (reference) "cui/extra-variables.less";
-@import (reference) "hue-mixins.less";
 
 #hbaseComponents {
 
@@ -51,13 +50,13 @@
     padding: 0;
     font-size: 0;
     margin: 0;
-    border: 1px solid #ccc;
+    border: 1px solid @cui-gray-400;
     margin-bottom: -1px;
     position: relative;
   }
 
   .smartview .smartview-row input[type="checkbox"] {
-    border: solid 1px #ccc;
+    border: solid 1px @cui-gray-400;
     border-radius: 0;
     margin: 0;
     padding: 0;
@@ -66,15 +65,15 @@
   .smartview .smartview-row h5 {
     padding: 0 10px;
     line-height: 40px;
-    background: #ddd;
+    background: @cui-gray-300;
     margin: 0;
-    border-bottom: solid 1px #ccc;
-    background-color: #f5f5f5;
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
-    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
-    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
-    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
-    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
+    border-bottom: solid 1px @cui-gray-400;
+    background-color: @cui-gray-050;
+    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@cui-white), to(@cui-gray-100));
+    background-image: -webkit-linear-gradient(top, @cui-white, @cui-gray-100);
+    background-image: -o-linear-gradient(top, @cui-white, @cui-gray-100);
+    background-image: linear-gradient(to bottom, @cui-white, @cui-gray-100);
+    background-image: -moz-linear-gradient(top, @cui-white, @cui-gray-100);
     background-repeat: repeat-x;
     filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
     filter: progid:dximagetransform.microsoft.gradient(enabled=false);
@@ -86,8 +85,8 @@
   }
 
   .smartview .smartview-row.selected h5 > code {
-    color: #355EDB;
-    border-color: #6872AD;
+    color: @cui-blue-gray-600;
+    border-color: @cui-purple-400;
   }
 
   .smartview .smartview-row-controls {
@@ -106,11 +105,11 @@
   }
 
   .smartview .smartview-row.selected h5 > i {
-    color: #355EDB;
+    color: @cui-blue-gray-600;
   }
 
   .smartview ul.smartview-cells {
-    border-top: solid 1px #ccc;
+    border-top: solid 1px @cui-gray-400;
     width: 100%;
     overflow-x: auto;
     overflow-y: hidden;
@@ -121,15 +120,15 @@
     padding: 0;
     margin-right: -1px;
     display: block;
-    background: #ddd;
+    background: @cui-gray-300;
     min-height: 68px;
   }
 
   .smartview ul.smartview-cells > li {
     position: relative;
-    border-right: solid 1px #ccc;
-    background: #efefef;
-    color: #000;
+    border-right: solid 1px @cui-gray-400;
+    background: @cui-purple-gray-050;
+    color: @cui-black;
     font-size: 12px;
     overflow: hidden;
     padding: 0;
@@ -152,18 +151,18 @@
   }
 
   .smartview ul.smartview-cells > li.active {
-    border-top: solid 3px #4C62E6;
+    border-top: solid 3px @cui-blue-gray-500;
   }
 
   .smartview ul.smartview-cells > li:hover, .smartview ul.smartview-cells > li.active {
     cursor: pointer;
-    background: #fcfcfc;
+    background: @cui-white;
   }
 
   .smartview ul.smartview-cells > li:hover .label.timestamp, .smartview ul.smartview-cells > li.active .label.timestamp {
     display: block;
-    color: #555;
-    border: solid 1px #ccc;
+    color: @cui-gray-800;
+    border: solid 1px @cui-gray-400;
   }
 
   .smartview ul.smartview-cells > li:hover a.corner-btn {
@@ -172,20 +171,20 @@
   }
 
   .smartview ul.smartview-cells > li:hover a.corner-btn:hover {
-    color: #000;
+    color: @cui-black;
   }
 
   .smartview ul.smartview-cells > li h6 {
     padding: 6px;
     margin: 0;
-    color: #3a3a3a;
-    background: #fafafa;
-    border-bottom: solid 1px #ccc;
+    color: @cui-gray-800;
+    background: @cui-gray-050;
+    border-bottom: solid 1px @cui-gray-400;
     white-space: nowrap;
   }
 
   .smartview ul.smartview-cells > li.active h6 {
-    color: #4C62E6;
+    color: @cui-blue-gray-500;
   }
 
   .smartview ul.smartview-cells > li .timestamp {
@@ -200,7 +199,7 @@
     top: 1px;
     right: 3px;
     font-size: 12px;
-    color: #333;
+    color: @cui-gray-800;
     text-decoration: none;
     display: none;
     padding: 0 6px;
@@ -217,8 +216,8 @@
     height: 100%;
     font-size: 11px;
     line-height: 13px;
-    color: #777;
-    border: dashed 1px #ccc;
+    color: @cui-gray-700;
+    border: dashed 1px @cui-gray-400;
   }
 
   .smartview ul.smartview-cells > li > div > textarea {
@@ -234,15 +233,15 @@
   }
 
   .smartview ul.smartview-cells > li pre:hover {
-    background: #BAD0FF;
+    background: @cui-blue-200;
   }
 
   .smartview ul.smartview-cells > li > pre:hover, .smartview ul.smartview-cells > li.active pre {
-    color: #333;
+    color: @cui-gray-800;
   }
 
   .smartview ul.smartview-cells > li .label {
-    background: #ddd;
+    background: @cui-gray-300;
     font-size: 11px;
     text-shadow: none;
     font-weight: 400;
@@ -306,7 +305,7 @@
 
     line-height: 22px;
 
-    color: #555;
+    color: @cui-gray-800;
     cursor: auto;
 
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
@@ -322,9 +321,9 @@
 
     .hue-ease-transition(~"border, box-shadow");
 
-    border-left: 1px solid #CCC;
-    border-top: 1px solid #CCC;
-    border-bottom: 1px solid #CCC;
+    border-left: 1px solid @cui-gray-400;
+    border-top: 1px solid @cui-gray-400;
+    border-bottom: 1px solid @cui-gray-400;
     border-radius: 3px 0 0 3px;
 
     border-image-outset: 0;
@@ -366,7 +365,7 @@
   }
 
   #search-tags > span {
-    color: #d14;
+    color: @cui-red-400;
   }
 
   #search-tags span {
@@ -376,7 +375,7 @@
 
   #search-tags span:hover {
     margin: 0;
-    border: dashed 1px #5D6F8C;
+    border: dashed 1px @cui-blue-gray-600;
   }
 
   #search-tags > span > span {
@@ -385,36 +384,36 @@
   }
 
   #search-tags span.columns {
-    color: #fff;
-    background: #3FA3D9;
+    color: @cui-white;
+    background: @cui-blue-500;
   }
 
   #search-tags span.scan {
-    color: #fff;
-    background: #EDA11F;
+    color: @cui-white;
+    background: @cui-orange-500;
     padding: 0 3px;
     border-radius: 3px;
   }
 
   #search-tags span.prefix, #search-tags span.range {
-    color: #fff;
-    background: #5EB568;
+    color: @cui-white;
+    background: @cui-green-400;
   }
 
   #search-tags span.filter {
-    color: #2DA2E0;
+    color: @cui-blue-500;
   }
 
   #search-tags span.filter span.compare_op {
-    color: #8746DB;
+    color: @cui-purple-500;
   }
 
   #search-tags span.filter span.arg {
-    color: #8746DB;
+    color: @cui-purple-500;
   }
 
   #search-tags span.filter span.linker {
-    color: #46A35C;
+    color: @cui-green-500;
   }
 
   #search-tags span.selection, #search-typeahead span.selection {
@@ -437,17 +436,17 @@
 
   #search-typeahead li:first-child a {
     overflow: auto;
-    background: #fff;
-    color: #3a3a3a;
-    border-top: solid 1px #ccc;
-    background: #eee;
+    background: @cui-white;
+    color: @cui-gray-800;
+    border-top: solid 1px @cui-gray-400;
+    background: @cui-purple-gray-050;
   }
 
   #search-typeahead li a {
     padding: 5px;
-    background: #fff;
+    background: @cui-white;
     margin-top: -1px;
-    border: solid 1px #ccc;
+    border: solid 1px @cui-gray-400;
     text-decoration: none;
     display: block;
     width: 402px;
@@ -456,7 +455,7 @@
 
   #search-typeahead li a.active {
     background: rgb(1, 99, 156);
-    color: #fff;
+    color: @cui-white;
     font-weight: bold;
   }
 
@@ -474,18 +473,18 @@
   }
 
   .searchbar-main input[type=text].tag-searchbar.active {
-    color: #fff;
+    color: @cui-white;
     width: 1px;
-    background: #fff;
+    background: @cui-white;
     opacity: .1;
   }
 
   .searchbar-main small {
-    color: #bbb;
+    color: @cui-gray-500;
   }
 
   .searchbar-main i.tagIndicator {
-    color: #000;
+    color: @cui-black;
     padding: 0 !important;
     border: 0;
     margin: 0;
@@ -564,52 +563,52 @@
   .search-remove {
     text-decoration: none;
     cursor: pointer;
-    color: #ccc;
+    color: @cui-gray-400;
     z-index: 100;
     float: right;
   }
 
   .search-remove:hover {
-    color: #777;
+    color: @cui-gray-700;
     text-decoration: none;
   }
 
   #search-typeahead .search-suggestion a {
-    color: #eee;
-    background: #333;
-    border-color: #777;
+    color: @cui-purple-gray-050;
+    background: @cui-gray-800;
+    border-color: @cui-gray-700;
   }
 
   #search-typeahead .search-suggestion.active a {
-    background: #3CA3E8;
-    border-color: #3CA3E8;
-    color: #fff;
+    background: @cui-blue-500;
+    border-color: @cui-blue-500;
+    color: @cui-white;
   }
 
   #search-typeahead .search-suggestion-header a {
     padding: 5px;
-    color: #4DB8EA;
+    color: @cui-blue-400;
     font-weight: bold;
-    background: #292b2d; /* Old browsers */
-    background: -moz-linear-gradient(top, #292b2d 0%, #000000 100%); /* FF3.6+ */
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292b2d), color-stop(100%, #000000)); /* Chrome,Safari4+ */
-    background: -webkit-linear-gradient(top, #292b2d 0%, #000000 100%); /* Chrome10+,Safari5.1+ */
-    background: -o-linear-gradient(top, #292b2d 0%, #000000 100%); /* Opera 11.10+ */
-    background: -ms-linear-gradient(top, #292b2d 0%, #000000 100%); /* IE10+ */
-    background: linear-gradient(to bottom, #292b2d 0%, #000000 100%); /* W3C */
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292b2d', endColorstr='#000000', GradientType=0); /* IE6-9 */
-    border-color: #333;
+    background: @cui-gray-900; /* Old browsers */
+    background: -moz-linear-gradient(top, @cui-gray-900 0%, @cui-black 100%); /* FF3.6+ */
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @cui-gray-900), color-stop(100%, @cui-black)); /* Chrome,Safari4+ */
+    background: -webkit-linear-gradient(top, @cui-gray-900 0%, @cui-black 100%); /* Chrome10+,Safari5.1+ */
+    background: -o-linear-gradient(top, @cui-gray-900 0%, @cui-black 100%); /* Opera 11.10+ */
+    background: -ms-linear-gradient(top, @cui-gray-900 0%, @cui-black 100%); /* IE10+ */
+    background: linear-gradient(to bottom, @cui-gray-900 0%, @cui-black 100%); /* W3C */
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-gray-900', endColorstr='@cui-black', GradientType=0); /* IE6-9 */
+    border-color: @cui-gray-800;
     box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
   }
 
   .cell-history {
     border: none;
-    border-left: 1px solid #d5d5d5;
+    border-left: 1px solid @cui-gray-300;
     -webkit-border-radius: 0;
     -moz-border-radius: 0;
     border-radius: 0;
     min-height: 400px;
-    background-color: #FFFFFF;
+    background-color: @cui-white;
   }
 
   .hbase-subnav {

+ 1 - 1
apps/jobbrowser/src/jobbrowser/static/jobbrowser/css/jobbrowser-embeddable.css

@@ -14,4 +14,4 @@ distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
- */.jobbrowser-mini .span12.no-margin{margin-left:0 !important}.jobbrowser-full .content-panel-inner{padding:10px}.jobbrowser-full .jb-breadcrumbs{margin-bottom:0}.jobbrowser-full .jb-panel{padding-left:10px;padding-right:10px}.jobbrowser-components .hue-uncheck::before{padding-left:2px}.jobbrowser-components .tab-content{padding:10px;border:none !important}.jobbrowser-components .hue-breadcrumbs-bar{padding:0}.jobbrowser-components .hue-breadcrumbs-bar li{padding:12px}.jobbrowser-components .hue-breadcrumbs-bar li:first-child{padding-left:0;padding-right:0}.jobbrowser-components .hue-breadcrumbs-bar a{color:#0B7FAD !important;display:inline !important}.jobbrowser-components .divider{color:#CCC;padding-right:12px}.jobbrowser-components .app-icon{vertical-align:text-top}.jobbrowser-components .sidebar-nav .progress{margin-bottom:0}.jobbrowser-components .sidebar-nav .nav-list>li>a{margin-top:0 !important;margin-bottom:0 !important}.jobbrowser-components .sidebar-nav .nav-list li:not(.nav-header){text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}
+ */.jobbrowser-mini .span12.no-margin{margin-left:0 !important}.jobbrowser-full .content-panel-inner{padding:10px}.jobbrowser-full .jb-breadcrumbs{margin-bottom:0}.jobbrowser-full .jb-panel{padding-left:10px;padding-right:10px}.jobbrowser-components .hue-uncheck::before{padding-left:2px}.jobbrowser-components .tab-content{padding:10px;border:none !important}.jobbrowser-components .hue-breadcrumbs-bar{padding:0}.jobbrowser-components .hue-breadcrumbs-bar li{padding:12px}.jobbrowser-components .hue-breadcrumbs-bar li:first-child{padding-left:0;padding-right:0}.jobbrowser-components .hue-breadcrumbs-bar a{color:#0B7FAD !important;display:inline !important}.jobbrowser-components .divider{color:#C8C8C8;padding-right:12px}.jobbrowser-components .app-icon{vertical-align:text-top}.jobbrowser-components .sidebar-nav .progress{margin-bottom:0}.jobbrowser-components .sidebar-nav .nav-list>li>a{margin-top:0 !important;margin-bottom:0 !important}.jobbrowser-components .sidebar-nav .nav-list li:not(.nav-header){text-overflow:ellipsis;overflow-x:hidden;white-space:nowrap}

+ 1 - 1
apps/jobbrowser/src/jobbrowser/static/jobbrowser/less/jobbrowser-embeddable.less

@@ -66,7 +66,7 @@
   }
 
   .divider {
-    color: #CCC;
+    color: @cui-gray-400;
     padding-right: 12px;
   }
 

Filskillnaden har hållts tillbaka eftersom den är för stor
+ 0 - 0
apps/metastore/src/metastore/static/metastore/css/metastore.css


+ 9 - 9
apps/metastore/src/metastore/static/metastore/less/metastore.less

@@ -38,7 +38,7 @@
 }
 
 h2.card-heading {
-  border-bottom: 1px solid #e5e5e5!important;
+  border-bottom: 1px solid @cui-gray-100!important;
   font-size: 12px!important;
   font-weight: bold!important;
 }
@@ -48,7 +48,7 @@ h2.card-heading {
   margin-right: 10px;
   margin-bottom: 10px;
   padding: 4px;
-  background-color: #F5F5F5;
+  background-color: @cui-gray-050;
 }
 
 .filter-box a.pull-right {
@@ -115,7 +115,7 @@ h2.card-heading {
 }
 
 .editable-breadcrumbs:hover {
-  background-color: #F0F0F0;
+  background-color: @cui-purple-gray-050;
 }
 
 .editable-breadcrumb-input {
@@ -128,7 +128,7 @@ h2.card-heading {
   margin-top: 1px;
   padding-left: 11px;
   border-radius: 2px;
-  border: 1px solid #EEE;
+  border: 1px solid @cui-purple-gray-050;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
@@ -136,7 +136,7 @@ h2.card-heading {
 }
 
 .acl-panel {
-  border-left: 1px solid #e5e5e5;
+  border-left: 1px solid @cui-gray-100;
   padding-top: 6px;
   padding-left: 12px;
 }
@@ -155,7 +155,7 @@ h2.card-heading {
 }
 
 .acl-block-title {
-  background-color: #eeeeee;
+  background-color: @cui-purple-gray-050;
   font-weight: bold;
   padding: 3px;
   margin-top: 14px;
@@ -163,7 +163,7 @@ h2.card-heading {
 }
 
 .acl-block {
-  background-color: #f6f6f6;
+  background-color: @cui-gray-050;
   padding: 3px;
   margin-bottom: 4px;
 }
@@ -199,12 +199,12 @@ h2.card-heading {
 .acl-actions {
   padding: 5px;
   text-align: center;
-  color: #CCC;
+  color: @cui-gray-400;
   font-size: 20px;
 }
 
 .acl-actions span:hover {
-  color: #999;
+  color: @cui-gray-600;
 }
 
 .show-inactive-on-hover {

+ 1 - 1
apps/oozie/src/oozie/static/oozie/css/common-editor.css

@@ -14,4 +14,4 @@ distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
- */.form-search{margin:0;padding-top:5px}.object-name{font-size:20px;font-weight:300}.object-description{margin-left:10px;font-size:14px}.editable-click{cursor:pointer}.editable-empty,.editable-empty:hover{color:#666 !important;opacity:.55}.tooltip{z-index:1051}.demi-modal{z-index:1033}input[type="text"].filechooser-input{border-right:none;margin-bottom:0}input[type="text"].filechooser-input,input[type="text"].half{width:50%}input[type="text"].seventy,textarea.seventy{width:70% !important}input[type="text"].thirty{width:30% !important}input[type="text"].with-errors,textarea.with-errors{border:solid 1px #EE5F5B}input[type="text"].filechooser-input.input-xlarge{width:270px}input[type="text"].filechooser-input.input-xxlarge{width:530px}#file-uploader{float:left;margin-right:3px;margin-top:10px}ul.with-margin li{margin-bottom:4px}.dropdown-menu li{font-size:14px}.dropdown a.dropdown-toggle{padding-left:10px;padding-right:10px}.search-bar{background-color:#F5F5F5;border-bottom:1px solid #e3e3e3;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);box-shadow:0 1px 4px rgba(0,0,0,0.065);margin:0;padding:10px;padding-left:20px;padding-right:20px;text-align:left;width:100%;position:fixed;top:72px;z-index:1000}.fields-chooser li{cursor:pointer;margin-bottom:10px}.fields-chooser li .badge{font-weight:normal;font-size:12px}.demi-modal{min-height:80px}#settingsModal h4{margin-top:30px}#settingsModal ul.unstyled li{margin-bottom:4px}.submit-modal .dropdown-menu,.submit-modal-editor .dropdown-menu{box-shadow:0 5px 10px rgba(0,0,0,0.2) !important}
+ */.form-search{margin:0;padding-top:5px}.object-name{font-size:20px;font-weight:300}.object-description{margin-left:10px;font-size:14px}.editable-click{cursor:pointer}.editable-empty,.editable-empty:hover{color:#787878 !important;opacity:.55}.tooltip{z-index:1051}.demi-modal{z-index:1033}input[type="text"].filechooser-input{border-right:none;margin-bottom:0}input[type="text"].filechooser-input,input[type="text"].half{width:50%}input[type="text"].seventy,textarea.seventy{width:70% !important}input[type="text"].thirty{width:30% !important}input[type="text"].with-errors,textarea.with-errors{border:solid 1px #DE4D5F}input[type="text"].filechooser-input.input-xlarge{width:270px}input[type="text"].filechooser-input.input-xxlarge{width:530px}#file-uploader{float:left;margin-right:3px;margin-top:10px}ul.with-margin li{margin-bottom:4px}.dropdown-menu li{font-size:14px}.dropdown a.dropdown-toggle{padding-left:10px;padding-right:10px}.search-bar{background-color:#F8F8F8;border-bottom:1px solid #E0E0E0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);box-shadow:0 1px 4px rgba(0,0,0,0.065);margin:0;padding:10px;padding-left:20px;padding-right:20px;text-align:left;width:100%;position:fixed;top:72px;z-index:1000}.fields-chooser li{cursor:pointer;margin-bottom:10px}.fields-chooser li .badge{font-weight:normal;font-size:12px}.demi-modal{min-height:80px}#settingsModal h4{margin-top:30px}#settingsModal ul.unstyled li{margin-bottom:4px}.submit-modal .dropdown-menu,.submit-modal-editor .dropdown-menu{box-shadow:0 5px 10px rgba(0,0,0,0.2) !important}

+ 1 - 1
apps/oozie/src/oozie/static/oozie/css/coordinator.css

@@ -14,4 +14,4 @@ distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
- */#definitionEditor{min-height:250px;margin-bottom:10px}.tooltip-inner{max-width:350px}#sla th{vertical-align:middle !important}#yAxisLabel{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);writing-mode:lr-tb;margin-left:-110px;margin-top:130px;position:absolute}#slaTable{margin-top:20px}.disabled{cursor:default}.nav.nav-list{background:transparent;border:none;border-radius:0}.nav-list>li.white{padding:9px 15px}.manage{padding:0}.search-query{margin-right:.75em}.settings-overlay{background-color:#FFF;opacity:.95;position:absolute;top:10px;right:15px}.settings-overlay li{padding:5px}.settings-overlay:hover{opacity:1}.spinner-overlay{opacity:.95;position:absolute;top:10px;left:15px;font-size:24px;color:#DDD}div.spinedit .fa-chevron-up{top:-6px !important}div.spinedit .fa-chevron-down{top:5px !important}.label-ignored{background-color:#ccc}label.spinedit{display:inline}label.spinedit input{margin-bottom:0}
+ */#definitionEditor{min-height:250px;margin-bottom:10px}.tooltip-inner{max-width:350px}#sla th{vertical-align:middle !important}#yAxisLabel{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-o-transform:rotate(270deg);writing-mode:lr-tb;margin-left:-110px;margin-top:130px;position:absolute}#slaTable{margin-top:20px}.disabled{cursor:default}.nav.nav-list{background:transparent;border:none;border-radius:0}.nav-list>li.white{padding:9px 15px}.manage{padding:0}.search-query{margin-right:.75em}.settings-overlay{background-color:#FFFFFF;opacity:.95;position:absolute;top:10px;right:15px}.settings-overlay li{padding:5px}.settings-overlay:hover{opacity:1}.spinner-overlay{opacity:.95;position:absolute;top:10px;left:15px;font-size:24px;color:#DCDCDC}div.spinedit .fa-chevron-up{top:-6px !important}div.spinedit .fa-chevron-down{top:5px !important}.label-ignored{background-color:#C8C8C8}label.spinedit{display:inline}label.spinedit input{margin-bottom:0}

Filskillnaden har hållts tillbaka eftersom den är för stor
+ 0 - 0
apps/oozie/src/oozie/static/oozie/css/workflow-editor.css


Filskillnaden har hållts tillbaka eftersom den är för stor
+ 0 - 0
apps/oozie/src/oozie/static/oozie/css/workflow.css


+ 6 - 4
apps/oozie/src/oozie/static/oozie/less/common-editor.less

@@ -16,6 +16,8 @@
  limitations under the License.
 */
 
+@import (reference) "cui/colors.less";
+
 .form-search {
   margin: 0;
   padding-top: 5px;
@@ -36,7 +38,7 @@
 }
 
 .editable-empty, .editable-empty:hover {
-  color: #666 !important;
+  color: @cui-gray-700 !important;
   opacity: .55;
 }
 
@@ -66,7 +68,7 @@ input[type="text"].thirty {
 }
 
 input[type="text"].with-errors, textarea.with-errors {
-  border: solid 1px #EE5F5B;
+  border: solid 1px @cui-red-400;
 }
 
 input[type="text"].filechooser-input.input-xlarge {
@@ -97,8 +99,8 @@ ul.with-margin li {
 }
 
 .search-bar {
-  background-color: #F5F5F5;
-  border-bottom: 1px solid #e3e3e3;
+  background-color: @cui-gray-050;
+  border-bottom: 1px solid @cui-gray-200;
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
   box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);

+ 23 - 3
apps/oozie/src/oozie/static/oozie/less/coordinator.less

@@ -1,3 +1,23 @@
+/*
+ Licensed to Cloudera, Inc. under one
+ or more contributor license agreements.  See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership.  Cloudera, Inc. licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+@import (reference) "cui/colors.less";
+
 #definitionEditor {
   min-height: 250px;
   margin-bottom: 10px;
@@ -48,7 +68,7 @@
 }
 
 .settings-overlay {
-  background-color: #FFF;
+  background-color: @cui-white;
   opacity: 0.95;
   position: absolute;
   top: 10px;
@@ -69,7 +89,7 @@
   top: 10px;
   left: 15px;
   font-size: 24px;
-  color: #DDD;
+  color: @cui-gray-300;
 }
 
 
@@ -82,7 +102,7 @@ div.spinedit .fa-chevron-down {
 }
 
 .label-ignored {
-  background-color: #ccc;
+  background-color: @cui-gray-400;
 }
 
 label.spinedit {

+ 20 - 20
apps/oozie/src/oozie/static/oozie/less/workflow-editor.less

@@ -35,7 +35,7 @@
 
   .draggable-widget, .draggable-icon {
     cursor: move;
-    background-color: #FFF;
+    background-color: @cui-white;
     z-index: 100;
   }
 
@@ -44,16 +44,16 @@
   }
 
   .drop-target {
-    background-color: #F6F6F6;
+    background-color: @cui-gray-050;
     min-height: 20px;
-    border: 2px dotted #DDD;
+    border: 2px dotted @cui-gray-300;
     text-align: center;
     padding: 4px;
   }
 
   .drop-target-dragging {
-    background-color: #F0F0F0;
-    border-color: #DDD;
+    background-color: @cui-purple-gray-050;
+    border-color: @cui-gray-300;
   }
 
   .ui-sortable.drop-target {
@@ -62,13 +62,13 @@
 
   .drop-target-highlight {
     min-height: 20px;
-    background-color: #CCC;
-    border-color: #BBB;
+    background-color: @cui-gray-400;
+    border-color: @cui-gray-500;
   }
 
   .drop-target-disabled {
-    background-color: #FFFFFF;
-    border-color: #FFFFFF;
+    background-color: @cui-white;
+    border-color: @cui-white;
   }
 
   .drop-target-side {
@@ -87,14 +87,14 @@
   }
 
   .readonly .card-widget {
-    border: 1px solid #d8d8d8 !important;
+    border: 1px solid @cui-gray-300 !important;
   }
 
   .card-widget {
     position: relative;
     z-index: 11;
     overflow-x: auto;
-    border: 1px solid #d8d8d8 !important;
+    border: 1px solid @cui-gray-300 !important;
     min-height: 40px!important;
   }
 
@@ -103,7 +103,7 @@
   }
 
   .card-column-disabled {
-    background-color: #f1f1f1;
+    background-color: @cui-purple-gray-050;
   }
 
   .widget-icon {
@@ -129,7 +129,7 @@
   }
 
   .advanced-triangle a {
-    color: #FFFFFF;
+    color: @cui-white;
     padding-left: 20px;
     padding-top: 4px;
   }
@@ -169,7 +169,7 @@
   }
 
   .big-icon {
-    color: #DDD;
+    color: @cui-gray-300;
     font-size: 40px;
     text-align: center;
     padding: 5px;
@@ -210,7 +210,7 @@
 
   em {
     font-weight: normal;
-    background-color: #FFFFFF;
+    background-color: @cui-white;
   }
 
   .properties ul li {
@@ -252,15 +252,15 @@
   }
 
   .widget-statusbar-running {
-    background-color: #fbb450;
+    background-color: @cui-orange-300;
   }
 
   .widget-statusbar-failed {
-    background-color: #c13e2c;
+    background-color: @cui-red-500;
   }
 
   .widget-statusbar-success {
-    background-color: #2f973f;
+    background-color: @cui-green-500;
   }
 
   .widget-running {
@@ -315,7 +315,7 @@
 #addActionDemiModal {
   position: absolute;
   margin-left: 0;
-  border: 1px solid #d8d8d8;
+  border: 1px solid @cui-gray-300;
   border-top: none;
 }
 
@@ -324,7 +324,7 @@
 }
 
 #exposeOverlay {
-  background-color: #000;
+  background-color: @cui-black;
   opacity: 0.3;
   display: none;
   width: 100%;

+ 28 - 26
apps/oozie/src/oozie/static/oozie/less/workflow.less

@@ -16,6 +16,8 @@
  limitations under the License.
 */
 
+@import (reference) "cui/colors.less";
+
 ul {
   list-style-type: none;
 }
@@ -51,7 +53,7 @@ ul {
 }
 
 .node-link {
-  border: 1px dashed #DDD;
+  border: 1px dashed @cui-gray-300;
   margin: 10px;
 }
 
@@ -60,11 +62,11 @@ ul {
 }
 
 .node-action-bar {
-  background-color: #EEE;
+  background-color: @cui-purple-gray-050;
   padding-top: 5px;
   margin-top: 10px;
-  -webkit-box-shadow: inset 0 3px 5px 0 #DDD;
-  box-shadow: inset 0 3px 5px 0 #DDD;
+  -webkit-box-shadow: inset 0 3px 5px 0 @cui-gray-300;
+  box-shadow: inset 0 3px 5px 0 @cui-gray-300;
 }
 
 #graph {
@@ -76,15 +78,15 @@ ul {
 }
 
 .node-link-hover {
-  background: #D9EDF7;
+  background: @cui-blue-050;
 }
 
 .node-action-hover {
-  background: #D9EDF7;
+  background: @cui-blue-050;
 }
 
 .node-fork-hover {
-  background: #EEE;
+  background: @cui-purple-gray-050;
 }
 
 .popover {
@@ -93,7 +95,7 @@ ul {
 }
 
 .control-group.error .CodeMirror {
-  border: 1px solid #B94A48;
+  border: 1px solid @cui-red-400;
 }
 
 .new-node-link {
@@ -109,7 +111,7 @@ ul {
   z-index: 1000;
   padding: 4px;
   padding-bottom: 8px;
-  background-color: #FFF;
+  background-color: @cui-white;
   text-align: center;
 }
 
@@ -184,34 +186,34 @@ ul {
 }
 
 .gradient {
-  background: #f9f9f9; /* Old browsers */
+  background: @cui-gray-050; /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
-  background: -moz-linear-gradient(top,  #f9f9f9 0%, #ffffff 100%); /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); /* Opera 11.10+ */
-  background: -ms-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%); /* IE10+ */
-  background: linear-gradient(to bottom,  #f9f9f9 0%,#ffffff 100%); /* W3C */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
+  background: -moz-linear-gradient(top,  @cui-gray-050 0%, @cui-white 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@cui-gray-050), color-stop(100%,@cui-white)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top,  @cui-gray-050 0%,@cui-white 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top,  @cui-gray-050 0%,@cui-white 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top,  @cui-gray-050 0%,@cui-white 100%); /* IE10+ */
+  background: linear-gradient(to bottom,  @cui-gray-050 0%,@cui-white 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@cui-gray-050', endColorstr='@cui-white',GradientType=0 ); /* IE6-8 */
 }
 
 .inverse_gradient {
-  background: #ffffff; /* Old browsers */
+  background: @cui-white; /* Old browsers */
   /* IE9 SVG, needs conditional override of 'filter' to 'none' */
   background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
-  background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%); /* FF3.6+ */
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9)); /* Chrome,Safari4+ */
-  background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */
-  background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Opera 11.10+ */
-  background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* IE10+ */
-  background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); /* W3C */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-8 */
+  background: -moz-linear-gradient(top,  @cui-white 0%, @cui-gray-050 100%); /* FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@cui-white), color-stop(100%,@cui-gray-050)); /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top,  @cui-white 0%,@cui-gray-050 100%); /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top,  @cui-white 0%,@cui-gray-050 100%); /* Opera 11.10+ */
+  background: -ms-linear-gradient(top,  @cui-white 0%,@cui-gray-050 100%); /* IE10+ */
+  background: linear-gradient(to bottom,  @cui-white 0%,@cui-gray-050 100%); /* W3C */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@cui-white', endColorstr='@cui-gray-050',GradientType=0 ); /* IE6-8 */
 }
 
 .editor-action-body {
   text-align:left;
   padding:10px;
-  border:1px solid #DDD!important;
+  border:1px solid @cui-gray-300!important;
   border-top:0!important;
 }

Filskillnaden har hållts tillbaka eftersom den är för stor
+ 0 - 0
apps/security/src/security/static/security/css/security.css


+ 23 - 23
apps/security/src/security/static/security/less/security.less

@@ -35,11 +35,11 @@
 .node-row {
   margin: 4px;
   padding: 2px;
-  border: 1px dashed #FFFFFF;
+  border: 1px dashed @cui-white;
 }
 
 .node-row:hover {
-  background: #F6F6F6;
+  background: @cui-gray-050;
 }
 
 .node-row a, .node-row i {
@@ -48,19 +48,19 @@
 
 .node-row a.striked {
   text-decoration: line-through;
-  color: #b94a48;
+  color: @cui-red-400;
 }
 
 .fa.striked {
-  color: #b94a48!important;
+  color: @cui-red-400!important;
 }
 
 .node-row.selected {
-  background: #F6F6F6 !important;
+  background: @cui-gray-050 !important;
 }
 
 .acl-panel {
-  border-left: 1px solid #e5e5e5;
+  border-left: 1px solid @cui-gray-100;
   padding-top: 6px;
   padding-left: 12px;
 }
@@ -79,7 +79,7 @@
 }
 
 .acl-block-title {
-  background-color: #eeeeee;
+  background-color: @cui-purple-gray-050;
   font-weight: bold;
   padding: 3px;
   margin-top: 14px;
@@ -87,7 +87,7 @@
 }
 
 .acl-block {
-  background-color: #f6f6f6;
+  background-color: @cui-gray-050;
   padding: 3px;
   margin-bottom: 4px;
 }
@@ -123,12 +123,12 @@
 .acl-actions {
   padding: 5px;
   text-align: center;
-  color: #CCC;
+  color: @cui-gray-400;
   font-size: 20px;
 }
 
 .acl-actions span:hover {
-  color: #999;
+  color: @cui-gray-600;
 }
 
 .path {
@@ -137,7 +137,7 @@
 }
 
 .path-container {
-  background-color: #FFF;
+  background-color: @cui-white;
   padding-top: 8px;
 }
 
@@ -157,8 +157,8 @@
   word-break: break-all;
   word-wrap: break-word;
   font-family: @font-family-monospace;
-  background-color: #f5f5f5;
-  border: 1px solid #ccc;
+  background-color: @cui-gray-050;
+  border: 1px solid @cui-gray-400;
   border: 1px solid rgba(0, 0, 0, 0.15);
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
@@ -167,7 +167,7 @@
 
 .tree-toolbar {
   padding: 3px;
-  border-bottom: 1px solid #e5e5e5;
+  border-bottom: 1px solid @cui-gray-100;
 }
 
 .tree-toolbar .fa {
@@ -175,7 +175,7 @@
 }
 
 .tree-toolbar .fa-spin {
-  color: #cccccc;
+  color: @cui-gray-400;
   margin-right: 6px;
 }
 
@@ -209,12 +209,12 @@
 
 .waiting {
   font-size: 196px;
-  color: #DDD;
+  color: @cui-gray-300;
 }
 
 h1.emptyMessage {
   margin-top: 50px;
-  color: #BBB;
+  color: @cui-gray-500;
   line-height: 60px;
 }
 
@@ -245,7 +245,7 @@ h1.emptyMessage {
 
 
 .big-btn {
-  background-color: #F0F0F0;
+  background-color: @cui-purple-gray-050;
   height: 100px;
   width: 90%;
   text-align: center;
@@ -254,23 +254,23 @@ h1.emptyMessage {
   padding: 10px;
   padding-top: 20px;
   cursor: pointer;
-  border: 1px solid #F0F0F0;
+  border: 1px solid @cui-purple-gray-050;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
 }
 
 .big-btn:hover, .big-btn.selected {
-  background-color: #DDDDDD;
+  background-color: @cui-gray-300;
 }
 
 .big-btn.selected {
-  border-color: #CCCCCC;
+  border-color: @cui-gray-400;
 }
 
 .big-btn i{
   font-size: 40px;
-  color: #666666;
+  color: @cui-gray-700;
 }
 
 .modal-panel {
@@ -291,7 +291,7 @@ h1.emptyMessage {
 }
 
 .fa-database-open {
-  color: #666!important;
+  color: @cui-gray-700!important;
 }
 
 .actionbar-main {

+ 1 - 1
apps/sqoop/src/sqoop/static/sqoop/css/sqoop.css

@@ -14,4 +14,4 @@ distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
- */#sqoopComponents .row-selectable tr{cursor:pointer}#sqoopComponents ul.major-list{list-style-type:none;margin:0;padding:0;width:100%}#sqoopComponents ul.major-list li{cursor:pointer;border:1px solid #E3E3E3;height:60px;margin-bottom:10px;background-color:#FFFFFF}#sqoopComponents ul.major-list li div.main{padding:10px}#sqoopComponents ul.major-list li .pull-right{margin-right:10px;margin-top:18px}#sqoopComponents .main i,#sqoopComponents .top-bar h4 i{color:#999999}#sqoopComponents .sqoop-progress{width:0;background-color:#F89406;height:3px;margin-top:-2px}#sqoopComponents .waiting{color:#DDDDDD;font-size:196px}#sqoopComponents h1.emptyMessage{color:#BBBBBB;line-height:60px;margin-top:50px}#sqoopComponents .sidebar-nav{padding:9px 0;min-height:150px !important}#sqoopComponents .top-bar{position:fixed;top:28px;width:100%;background-color:#FAFAFA;border-bottom:1px solid #E3E3E3;box-shadow:0 1px 4px rgba(0,0,0,0.067);margin:0 0 20px;padding:10px 20px;text-align:left;height:30px}#sqoopComponents .top-bar h4{margin-top:4px;display:inline-block;margin-right:20px}#sqoopComponents .top-bar .pull-right{margin-top:4px;margin-right:20px}#sqoopComponents .job-form{min-height:300px}#sqoopComponents .big-btn{background-color:#F0F0F0;width:80px;height:80px;text-align:center;display:inline-block;margin-right:10px;padding:10px;padding-top:20px;cursor:pointer;line-height:32px;border:1px solid #F0F0F0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#sqoopComponents .big-btn:hover,#sqoopComponents .big-btn.selected{background-color:#DDDDDD}#sqoopComponents .big-btn.selected{border-color:#CCCCCC}#sqoopComponents .big-btn i{font-size:40px}#sqoopComponents .nojobs{cursor:pointer}
+ */#sqoopComponents .row-selectable tr{cursor:pointer}#sqoopComponents ul.major-list{list-style-type:none;margin:0;padding:0;width:100%}#sqoopComponents ul.major-list li{cursor:pointer;border:1px solid #E0E0E0;height:60px;margin-bottom:10px;background-color:#FFFFFF}#sqoopComponents ul.major-list li div.main{padding:10px}#sqoopComponents ul.major-list li .pull-right{margin-right:10px;margin-top:18px}#sqoopComponents .main i,#sqoopComponents .top-bar h4 i{color:#A0A0A0}#sqoopComponents .sqoop-progress{width:0;background-color:#E99F01;height:3px;margin-top:-2px}#sqoopComponents .waiting{color:#DCDCDC;font-size:196px}#sqoopComponents h1.emptyMessage{color:#B4B4B4;line-height:60px;margin-top:50px}#sqoopComponents .sidebar-nav{padding:9px 0;min-height:150px !important}#sqoopComponents .top-bar{position:fixed;top:28px;width:100%;background-color:#F8F8F8;border-bottom:1px solid #E0E0E0;box-shadow:0 1px 4px rgba(0,0,0,0.067);margin:0 0 20px;padding:10px 20px;text-align:left;height:30px}#sqoopComponents .top-bar h4{margin-top:4px;display:inline-block;margin-right:20px}#sqoopComponents .top-bar .pull-right{margin-top:4px;margin-right:20px}#sqoopComponents .job-form{min-height:300px}#sqoopComponents .big-btn{background-color:#F1EFEF;width:80px;height:80px;text-align:center;display:inline-block;margin-right:10px;padding:10px;padding-top:20px;cursor:pointer;line-height:32px;border:1px solid #F1EFEF;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#sqoopComponents .big-btn:hover,#sqoopComponents .big-btn.selected{background-color:#DCDCDC}#sqoopComponents .big-btn.selected{border-color:#C8C8C8}#sqoopComponents .big-btn i{font-size:40px}#sqoopComponents .nojobs{cursor:pointer}

+ 14 - 12
apps/sqoop/src/sqoop/static/sqoop/less/sqoop.less

@@ -16,6 +16,8 @@
  limitations under the License.
 */
 
+@import (reference) "cui/colors.less";
+
 #sqoopComponents {
   .row-selectable tr {
     cursor: pointer;
@@ -30,10 +32,10 @@
 
   ul.major-list li {
     cursor: pointer;
-    border: 1px solid #E3E3E3;
+    border: 1px solid @cui-gray-200;
     height: 60px;
     margin-bottom: 10px;
-    background-color: #FFFFFF;
+    background-color: @cui-white;
   }
 
   ul.major-list li div.main {
@@ -46,23 +48,23 @@
   }
 
   .main i, .top-bar h4 i {
-    color: #999999;
+    color: @cui-gray-600;
   }
 
   .sqoop-progress {
     width: 0%;
-    background-color: #F89406;
+    background-color: @cui-orange-500;
     height: 3px;
     margin-top: -2px;
   }
 
   .waiting {
-    color: #DDDDDD;
+    color: @cui-gray-300;
     font-size: 196px;
   }
 
   h1.emptyMessage {
-    color: #BBBBBB;
+    color: @cui-gray-500;
     line-height: 60px;
     margin-top: 50px;
   }
@@ -76,8 +78,8 @@
     position: fixed;
     top: 28px;
     width: 100%;
-    background-color: #FAFAFA;
-    border-bottom: 1px solid #E3E3E3;
+    background-color: @cui-gray-050;
+    border-bottom: 1px solid @cui-gray-200;
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
     margin: 0 0 20px;
     padding: 10px 20px;
@@ -101,7 +103,7 @@
   }
 
   .big-btn {
-    background-color: #F0F0F0;
+    background-color: @cui-purple-gray-050;
     width: 80px;
     height: 80px;
     text-align: center;
@@ -111,18 +113,18 @@
     padding-top: 20px;
     cursor: pointer;
     line-height: 32px;
-    border: 1px solid #F0F0F0;
+    border: 1px solid @cui-purple-gray-050;
     -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
     border-radius: 3px;
   }
 
   .big-btn:hover, .big-btn.selected {
-    background-color: #DDDDDD;
+    background-color: @cui-gray-300;
   }
 
   .big-btn.selected {
-    border-color: #CCCCCC;
+    border-color: @cui-gray-400;
   }
 
   .big-btn i {

Filskillnaden har hållts tillbaka eftersom den är för stor
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


Filskillnaden har hållts tillbaka eftersom den är för stor
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


+ 19 - 19
desktop/core/src/desktop/static/desktop/less/components/hue-qq-upload.less

@@ -35,22 +35,22 @@
   text-align: center;
   vertical-align: middle;
   cursor: pointer;
-  color: #0B7FAD;
+  color: @cui-blue-700;
   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
-  background-color: #ffffff;
-  background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFFFFF));
-  background-image: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);
-  background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
-  background-image: linear-gradient(to bottom, #FFFFFF, #FFFFFF);
+  background-color: @cui-white;
+  background-image: -moz-linear-gradient(top, @cui-white, @cui-white);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@cui-white), to(@cui-white));
+  background-image: -webkit-linear-gradient(top, @cui-white, @cui-white);
+  background-image: -o-linear-gradient(top, @cui-white, @cui-white);
+  background-image: linear-gradient(to bottom, @cui-white, @cui-white);
   background-repeat: repeat-x;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
-  border-color: #FFFFFF #FFFFFF #d9d9d9;
+  border-color: @cui-white @cui-white @cui-gray-300;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-  *background-color: #FFFFFF;
+  *background-color: @cui-white;
   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-  border: 1px solid #C8C8C8;
+  border: 1px solid @cui-gray-400;
   *border: 0;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
@@ -67,10 +67,10 @@
 }
 
 .qq-upload-button:hover, .qq-upload-button:focus {
-  color: #29A7DE;
-  border-color: #29A7DE;
-  background-color: #FFFFFF;
-  *background-color: #f2f2f2;
+  color: @cui-blue-500;
+  border-color: @cui-blue-500;
+  background-color: @cui-white;
+  *background-color: @cui-purple-gray-050;
   text-decoration: none;
   background-position: 0 -15px;
   -webkit-transition: background-position 0.1s linear;
@@ -87,8 +87,8 @@
   height: 100%;
   min-height: 40px;
   z-index: 2;
-  background: #FFFFFF;
-  border: 2px dashed #DDDDDD;
+  background: @cui-white;
+  border: 2px dashed @cui-gray-300;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
@@ -102,12 +102,12 @@
   width: 100%;
   margin-top: -8px;
   font-size: 16px;
-  color: #666666;
+  color: @cui-gray-700;
 }
 
 .qq-upload-drop-area-active {
-  border-color: #CCCCCC;
-  background-color: #EFEFEF;
+  border-color: @cui-gray-400;
+  background-color: @cui-purple-gray-050;
 }
 
 .qq-upload-list {

+ 9 - 9
desktop/core/src/desktop/static/desktop/less/components/hue-ribbon.less

@@ -39,15 +39,15 @@
   left: -5px;
   top: 15px;
   width: 120px;
-  background-color: #da4f49;
-  *background-color: #bd362f;
-  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
-  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
-  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
-  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
+  background-color: @cui-red-400;
+  *background-color: @cui-red-500;
+  background-image: -moz-linear-gradient(top, @cui-red-400, @cui-red-500);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@cui-red-400), to(@cui-red-500));
+  background-image: -webkit-linear-gradient(top, @cui-red-400, @cui-red-500);
+  background-image: -o-linear-gradient(top, @cui-red-400, @cui-red-500);
+  background-image: linear-gradient(to bottom, @cui-red-400, @cui-red-500);
   background-repeat: repeat-x;
-  color: #ffffff;
+  color: @cui-white;
   -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
   -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
   box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
@@ -55,7 +55,7 @@
 
 .ribbon:before, .ribbon:after {
   content: "";
-  border-top: 3px solid #c09853;
+  border-top: 3px solid @cui-orange-600;
   border-left: 3px solid transparent;
   border-right: 3px solid transparent;
   position: absolute;

+ 4 - 4
desktop/core/src/desktop/static/desktop/less/components/hue-scrollbar.less

@@ -24,11 +24,11 @@
   position: fixed;
   z-index: 1039;
   padding: 2px;
-  background-color: #F4F4F4;
-  border: 1px solid #F0F0F0;
+  background-color: @cui-gray-050;
+  border: 1px solid @cui-purple-gray-050;
   &>.hue-scrollbar-x {
     position: absolute;
-    background-color: #C1C1C1;
+    background-color: @cui-gray-400;
     -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
     border-radius: 5px;
@@ -38,7 +38,7 @@
   }
   &:hover {
     &>.hue-scrollbar-x {
-      background-color: #7D7D7D;
+      background-color: @cui-gray-700;
     }
   }
 }

+ 57 - 57
desktop/core/src/desktop/static/desktop/less/components/hue-tables.less

@@ -108,7 +108,7 @@ table.display tfoot th {
 }
 
 table.display tr.heading2 td {
-  border-bottom: 1px solid #aaa;
+  border-bottom: 1px solid @cui-gray-500;
 }
 
 table.display td {
@@ -220,22 +220,22 @@ table.display td.center {
 tfoot input {
   margin: 0.5em 0;
   width: 100%;
-  color: #444;
+  color: @cui-gray-800;
 }
 
 tfoot input.search_init {
-  color: #999;
+  color: @cui-gray-600;
 }
 
 td.group {
-  background-color: #d1cfd0;
-  border-bottom: 2px solid #A19B9E;
-  border-top: 2px solid #A19B9E;
+  background-color: @cui-purple-gray-100;
+  border-bottom: 2px solid @cui-purple-gray-300;
+  border-top: 2px solid @cui-purple-gray-300;
 }
 
 td.details {
-  background-color: #d1cfd0;
-  border: 2px solid #A19B9E;
+  background-color: @cui-purple-gray-100;
+  border: 2px solid @cui-purple-gray-300;
 }
 
 .example_alt_pagination div.dataTables_info {
@@ -250,7 +250,7 @@ td.details {
 
 .paging_full_numbers span.paginate_button,
 .paging_full_numbers span.paginate_active {
-  border: 1px solid #aaa;
+  border: 1px solid @cui-gray-500;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   padding: 2px 5px;
@@ -264,158 +264,158 @@ td.details {
 }
 
 .paging_full_numbers span.paginate_button:hover {
-  background-color: #ccc;
+  background-color: @cui-gray-400;
 }
 
 .paging_full_numbers span.paginate_active {
-  background-color: #99B3FF;
+  background-color: @cui-blue-300;
 }
 
 table.display tr.even.row_selected td {
-  background-color: #B0BED9;
+  background-color: @cui-blue-gray-200;
 }
 
 table.display tr.odd.row_selected td {
-  background-color: #9FAFD1;
+  background-color: @cui-blue-gray-300;
 }
 
 tr.odd.gradeA td.sorting_1 {
-  background-color: #c4ffc4;
+  background-color: @cui-lime-100;
 }
 
 tr.odd.gradeA td.sorting_2 {
-  background-color: #d1ffd1;
+  background-color: @cui-lime-100;
 }
 
 tr.odd.gradeA td.sorting_3 {
-  background-color: #d1ffd1;
+  background-color: @cui-lime-100;
 }
 
 tr.even.gradeA td.sorting_1 {
-  background-color: #d5ffd5;
+  background-color: @cui-lime-100;
 }
 
 tr.even.gradeA td.sorting_2 {
-  background-color: #e2ffe2;
+  background-color: @cui-lime-050;
 }
 
 tr.even.gradeA td.sorting_3 {
-  background-color: #e2ffe2;
+  background-color: @cui-lime-050;
 }
 
 tr.odd.gradeC td.sorting_1 {
-  background-color: #c4c4ff;
+  background-color: @cui-purple-100;
 }
 
 tr.odd.gradeC td.sorting_2 {
-  background-color: #d1d1ff;
+  background-color: @cui-purple-100;
 }
 
 tr.odd.gradeC td.sorting_3 {
-  background-color: #d1d1ff;
+  background-color: @cui-purple-100;
 }
 
 tr.even.gradeC td.sorting_1 {
-  background-color: #d5d5ff;
+  background-color: @cui-purple-100;
 }
 
 tr.even.gradeC td.sorting_2 {
-  background-color: #e2e2ff;
+  background-color: @cui-purple-050;
 }
 
 tr.even.gradeC td.sorting_3 {
-  background-color: #e2e2ff;
+  background-color: @cui-purple-050;
 }
 
 tr.odd.gradeX td.sorting_1 {
-  background-color: #ffc4c4;
+  background-color: @cui-red-100;
 }
 
 tr.odd.gradeX td.sorting_2 {
-  background-color: #ffd1d1;
+  background-color: @cui-red-100;
 }
 
 tr.odd.gradeX td.sorting_3 {
-  background-color: #ffd1d1;
+  background-color: @cui-red-100;
 }
 
 tr.even.gradeX td.sorting_1 {
-  background-color: #ffd5d5;
+  background-color: @cui-red-100;
 }
 
 tr.even.gradeX td.sorting_2 {
-  background-color: #ffe2e2;
+  background-color: @cui-red-050;
 }
 
 tr.even.gradeX td.sorting_3 {
-  background-color: #ffe2e2;
+  background-color: @cui-red-050;
 }
 
 tr.odd.gradeU td.sorting_1 {
-  background-color: #c4c4c4;
+  background-color: @cui-gray-400;
 }
 
 tr.odd.gradeU td.sorting_2 {
-  background-color: #d1d1d1;
+  background-color: @cui-gray-400;
 }
 
 tr.odd.gradeU td.sorting_3 {
-  background-color: #d1d1d1;
+  background-color: @cui-gray-400;
 }
 
 tr.even.gradeU td.sorting_1 {
-  background-color: #d5d5d5;
+  background-color: @cui-gray-300;
 }
 
 tr.even.gradeU td.sorting_2 {
-  background-color: #e2e2e2;
+  background-color: @cui-gray-200;
 }
 
 tr.even.gradeU td.sorting_3 {
-  background-color: #e2e2e2;
+  background-color: @cui-gray-200;
 }
 
 /*
  * Row highlighting example
  */
 .ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
-  background-color: #ECFFB3;
+  background-color: @cui-yellow-200;
 }
 
 .ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
-  background-color: #E6FF99;
+  background-color: @cui-yellow-200;
 }
 
 .ex_highlight_row #example tr.even:hover {
-  background-color: #ECFFB3;
+  background-color: @cui-yellow-200;
 }
 
 .ex_highlight_row #example tr.even:hover td.sorting_1 {
-  background-color: #DDFF75;
+  background-color: @cui-yellow-200;
 }
 
 .ex_highlight_row #example tr.even:hover td.sorting_2 {
-  background-color: #E7FF9E;
+  background-color: @cui-yellow-200;
 }
 
 .ex_highlight_row #example tr.even:hover td.sorting_3 {
-  background-color: #E2FF89;
+  background-color: @cui-yellow-200;
 }
 
 .ex_highlight_row #example tr.odd:hover {
-  background-color: #E6FF99;
+  background-color: @cui-yellow-200;
 }
 
 .ex_highlight_row #example tr.odd:hover td.sorting_1 {
-  background-color: #D6FF5C;
+  background-color: @cui-yellow-300;
 }
 
 .ex_highlight_row #example tr.odd:hover td.sorting_2 {
-  background-color: #E0FF84;
+  background-color: @cui-yellow-200;
 }
 
 .ex_highlight_row #example tr.odd:hover td.sorting_3 {
-  background-color: #DBFF70;
+  background-color: @cui-yellow-200;
 }
 
 /*
@@ -426,19 +426,19 @@ table.KeyTable td {
 }
 
 table.KeyTable td.focus {
-  border: 3px solid #3366FF;
+  border: 3px solid @cui-blue-gray-500;
 }
 
 table.display tr.gradeA {
-  background-color: #eeffee;
+  background-color: @cui-lime-050;
 }
 
 table.display tr.gradeC {
-  background-color: #ddddff;
+  background-color: @cui-purple-100;
 }
 
 table.display tr.gradeX {
-  background-color: #ffdddd;
+  background-color: @cui-red-050;
 }
 
 table.display tr.gradeU {
@@ -449,20 +449,20 @@ div.box {
   height: 100px;
   padding: 10px;
   overflow: auto;
-  border: 1px solid #8080FF;
-  background-color: #E5E5FF;
+  border: 1px solid @cui-blue-gray-400;
+  background-color: @cui-purple-050;
 }
 
 .table tbody tr:hover td, .table tbody tr:hover th {
-  background-color: #EFEFEF;
+  background-color: @cui-purple-gray-050;
 }
 
 .table tr.selected, .table tr.selected td {
-  background-color: #DBE8F1!important;
+  background-color: @cui-blue-050!important;
 }
 
 .table tr.locked, .table tr.locked td {
-  background-color: #FFFACC!important;
+  background-color: @cui-yellow-100!important;
 }
 
 .table tr.locked td.unlockable, .table tr td.lockable {
@@ -497,7 +497,7 @@ div.box {
 }
 
 .fixed-first-col-hover {
-  background-color: #EEE!important;
+  background-color: @cui-purple-gray-050!important;
   border-left: 2px solid @cui-gray-300!important;
   padding-left: 14px !important;
 }

+ 1 - 1
desktop/libs/notebook/src/notebook/static/notebook/css/notebook-layout.css

@@ -14,4 +14,4 @@ distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
- */html{height:100%}body{height:100%;margin:0;padding:0;background-color:#FFF;overflow-y:hidden}.vertical-full{height:100%;padding-right:1px;padding-bottom:0}.main-content{height:auto;width:100%;position:absolute;top:74px;bottom:0;background-color:#FFF}.panel-container{position:relative}.left-panel{position:absolute;height:100%;overflow:hidden;outline:none !important}.right-panel{position:absolute;right:0;height:100%;overflow:hidden;outline:none !important}.context-panel{position:fixed;background:#fff;height:calc(30%);top:70px;transition:all;-webkit-transition-duration:.3s;transition-duration:.3s;z-index:401;overflow-y:auto;padding:10px 0;width:420px;right:-440px;box-shadow:0 0 20px rgba(14,18,21,0.38);outline:none !important}.context-panel.visible{right:0}.context-panel .nav-tabs{padding-left:10px}.context-panel .tab-content{padding:12px;min-height:calc(10%)}.context-panel .tab-pane{height:100%}.content-panel{position:absolute;height:100%;overflow:auto;outline:none !important}
+ */html{height:100%}body{height:100%;margin:0;padding:0;background-color:#FFFFFF;overflow-y:hidden}.vertical-full{height:100%;padding-right:1px;padding-bottom:0}.main-content{height:auto;width:100%;position:absolute;top:74px;bottom:0;background-color:#FFFFFF}.panel-container{position:relative}.left-panel{position:absolute;height:100%;overflow:hidden;outline:none !important}.right-panel{position:absolute;right:0;height:100%;overflow:hidden;outline:none !important}.context-panel{position:fixed;background:#FFFFFF;height:calc(30%);top:70px;transition:all;-webkit-transition-duration:.3s;transition-duration:.3s;z-index:401;overflow-y:auto;padding:10px 0;width:420px;right:-440px;box-shadow:0 0 20px rgba(14,18,21,0.38);outline:none !important}.context-panel.visible{right:0}.context-panel .nav-tabs{padding-left:10px}.context-panel .tab-content{padding:12px;min-height:calc(10%)}.context-panel .tab-pane{height:100%}.content-panel{position:absolute;height:100%;overflow:auto;outline:none !important}

Filskillnaden har hållts tillbaka eftersom den är för stor
+ 0 - 0
desktop/libs/notebook/src/notebook/static/notebook/css/notebook.css


+ 5 - 3
desktop/libs/notebook/src/notebook/static/notebook/less/notebook-layout.less

@@ -16,6 +16,8 @@
  limitations under the License.
 */
 
+@import (reference) "cui/colors.less";
+
 html {
   height: 100%;
 }
@@ -23,7 +25,7 @@ body {
   height:100%;
   margin: 0;
   padding: 0;
-  background-color: #FFF;
+  background-color: @cui-white;
   overflow-y: hidden;
 }
 
@@ -39,7 +41,7 @@ body {
   position: absolute;
   top: 74px;
   bottom: 0;
-  background-color: #FFF;
+  background-color: @cui-white;
 }
 
 .panel-container {
@@ -63,7 +65,7 @@ body {
 
 .context-panel {
   position: fixed;
-  background: #fff;
+  background: @cui-white;
   height: calc(100% - 70px);
   top: 70px;
   transition: all;

+ 79 - 79
desktop/libs/notebook/src/notebook/static/notebook/less/notebook.less

@@ -24,14 +24,14 @@
   .snippet-move-placeholder {
     margin: 10px;
     height: 100px;
-    background-color: #FAFAFA;
+    background-color: @cui-gray-050;
     border: 2px dotted @cui-default-border-color;
   }
 
   .snippet-move-helper {
     margin: 10px;
-    background-color: #FFF;
-    border: 1px solid #F1F1F1;
+    background-color: @cui-white;
+    border: 1px solid @cui-purple-gray-050;
   }
 
   .resizer {
@@ -102,7 +102,7 @@
   }
 
   .snippet-settings {
-    background-color: #FFF;
+    background-color: @cui-white;
     border-left: 1px solid @cui-default-border-color;
     border-right: 1px solid @cui-default-border-color;
     border-bottom: 1px solid @cui-default-border-color;
@@ -141,7 +141,7 @@
   }
 
   .add-snippet-button > i {
-    color: #CCC;
+    color: @cui-gray-400;
     cursor: pointer;
   }
 
@@ -153,10 +153,10 @@
     width: 23px;
     height: 18px;
     line-height: 12px;
-    background-color: #CCC;
+    background-color: @cui-gray-400;
     cursor: pointer;
-    border: 2px solid #FFF;
-    color: #FFF;
+    border: 2px solid @cui-white;
+    color: @cui-white;
     border-radius: 7px;
   }
 
@@ -164,7 +164,7 @@
     z-index: 400;
     position: absolute;
     background-color: @hue-primary-color-dark;
-    color: #C2CFD8;
+    color: @cui-blue-gray-100;
     height: 54px;
     width: 54px;
     border-radius: 28px;
@@ -191,13 +191,13 @@
   .snippet-list-alts > li {
     padding: 5px 0 5px 10px;
     cursor: pointer;
-    color: #464646;
+    color: @cui-gray-800;
     margin-bottom: 2px;
   }
 
   .snippet-list-alts > li:hover {
     padding: 5px 0 5px 10px;
-    background-color: #f0f0f0;
+    background-color: @cui-purple-gray-050;
   }
 
   .select-snippet-button,
@@ -210,7 +210,7 @@
   }
 
   .add-snippet-alt:hover {
-    color: #FFF;
+    color: @cui-white;
   }
 
   .select-snippet-button:hover,
@@ -271,7 +271,7 @@
   }
 
   .search-bar {
-    background-color: #F5F5F5;
+    background-color: @cui-gray-050;
     margin: 0;
     padding: 4px 20px 0;
     text-align: left;
@@ -295,7 +295,7 @@
   }
 
   .tab-content {
-    background-color: #FFFFFF;
+    background-color: @cui-white;
     border-left: 1px solid @cui-default-border-color;
     border-right: 1px solid @cui-default-border-color;
   }
@@ -326,7 +326,7 @@
   }
 
   .snippet-icon {
-    color: #aaa;
+    color: @cui-gray-500;
     height: 16px;
     width: 16px;
     -webkit-transition: color 0.2s ease;
@@ -344,7 +344,7 @@
   }
 
   .ui-sortable {
-    background-color: #FFF;
+    background-color: @cui-white;
     min-height: 0;
   }
 
@@ -404,7 +404,7 @@
     font-size: 12px;
     height: 8px;
     margin-bottom: 5px;
-    color: #E1E1E1;
+    color: @cui-gray-200;
   }
 
   .snippet-code-resizer {
@@ -427,7 +427,7 @@
   }
 
   .snippet-log-expander:hover {
-    background-color: #FFF;
+    background-color: @cui-white;
     opacity:.5;
   }
 
@@ -453,7 +453,7 @@
   .show-assist-right {
     position: fixed;
     top: 80px;
-    background-color: #FFF;
+    background-color: @cui-white;
     width: 16px;
     height: 24px;
     line-height: 24px;
@@ -498,7 +498,7 @@
     position: absolute;
     top: 2px;
     z-index: 1000;
-    color: #aaa;
+    color: @cui-gray-500;
     font-size: 12px;
   }
 
@@ -540,7 +540,7 @@
   h1.empty {
     margin-top: 50px;
     text-align: center;
-    color: #DDD;
+    color: @cui-gray-300;
   }
 
   .toggle-result-settings {
@@ -567,7 +567,7 @@
 
   .resize-panel a {
     cursor: ns-resize;
-    color: #666;
+    color: @cui-gray-700;
     position: absolute;
   }
 
@@ -585,11 +585,11 @@
   }
 
   .progress, .progress-neutral .bar {
-    background-color: #DDD;
+    background-color: @cui-gray-300;
   }
 
   .progress .bar {
-    background-color: #FFF;
+    background-color: @cui-white;
   }
 
   .progress .bar-info {
@@ -597,7 +597,7 @@
   }
 
   .progress-starting .bar {
-    background-color: #fdae6b;
+    background-color: @cui-orange-500;
   }
 
   @-webkit-keyframes pulsate {
@@ -695,7 +695,7 @@
     padding-left: 5px;
     font-size: 13px !important;
     font-family: @font-family-monospace!important;
-    color: #aaa !important;
+    color: @cui-gray-500 !important;
     font-style: normal !important;
   }
 
@@ -732,7 +732,7 @@
       overflow: visible;
     }
     .ace_scroller {
-      border-left: 4px solid #DDD !important;
+      border-left: 4px solid @cui-gray-300 !important;
       padding-left: 10px;
     }
     .print-logo {
@@ -761,7 +761,7 @@
     position: absolute;
     display: none;
     z-index: 20000;
-    background-color: #FFFFFF;
+    background-color: @cui-white;
     padding: 10px;
     min-width: 350px;
   }
@@ -779,13 +779,13 @@
     background: -o-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
     background: -ms-linear-gradient(left, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
     background: linear-gradient(to right, rgba(242, 222, 222, 1) 0%, rgba(255, 255, 255, 0) 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2dede', endColorstr='#00ffffff', GradientType=1)
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-pink-050', endColorstr='#00ffffff', GradientType=1)
   }
 
 
   .results-images {
     border-left: 5px solid @cui-default-border-color;
-    background-color: #f5f5f5;
+    background-color: @cui-gray-050;
     padding: 5px;
   }
 
@@ -797,11 +797,11 @@
     background: -o-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
     background: -ms-linear-gradient(left, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
     background: linear-gradient(to right, rgba(252, 248, 227, 1) 0%, rgba(255, 255, 255, 0) 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf8e3', endColorstr='#00ffffff', GradientType=1)
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-yellow-050', endColorstr='#00ffffff', GradientType=1)
   }
 
   .hoverMsg {
-    background: #000;
+    background: @cui-black;
     height: 100%;
     left: 0;
     opacity: .5;
@@ -812,7 +812,7 @@
   }
 
   .hoverText {
-    color: #fff;
+    color: @cui-white;
     font-size: 5em;
     position: relative;
     text-align: center;
@@ -852,7 +852,7 @@
   }
 
   .snippet-side-btn:focus {
-    color: #C2CFD8;
+    color: @cui-blue-gray-100;
   }
 
   .snippet-side-btn.active {
@@ -868,15 +868,15 @@
   }
 
   .execution-timer {
-    color: #aaa;
+    color: @cui-gray-500;
   }
 
   .resultTable th {
-    color: #FFF;
+    color: @cui-white;
   }
 
   .dataTables_wrapper .resultTable th {
-    color: #333;
+    color: @cui-gray-800;
   }
 
   .navbar .editor-nav > li > a {
@@ -884,7 +884,7 @@
   }
 
   .navbar .editor-nav > li > a, .navbar .editor-nav > li > a:hover {
-    color: #737373;
+    color: @cui-gray-700;
     cursor: default;
   }
 
@@ -893,7 +893,7 @@
   }
 
   .editor-nav .editable-click:hover {
-    border-bottom: dashed 1px #0088cc;
+    border-bottom: dashed 1px @cui-blue-700;
   }
 
   .editor-nav .editable-click, .editor-nav a.editable-click {
@@ -901,12 +901,12 @@
   }
 
   .editable-empty, .editable-empty:hover {
-    color: #737373 !important;
+    color: @cui-gray-700 !important;
   }
 
   h4.header {
     font-weight: bold;
-    color: #999;
+    color: @cui-gray-600;
     font-size: 14px;
     text-transform: uppercase;
     padding-left: 4px;
@@ -929,11 +929,11 @@
   }
 
   .history-table tbody tr:hover td, .history-table tbody tr:hover th {
-    background-color: #f7f7f9;
+    background-color: @cui-gray-050;
   }
 
   .history-table tbody tr.highlight {
-    background-color: #f7f7f9;
+    background-color: @cui-gray-050;
     border-left: 2px solid @hue-primary-color-light;
     border-right: 2px solid @hue-primary-color-light;
   }
@@ -965,15 +965,15 @@
   }
 
   .history-status .fa-check {
-    color: #b5cf6b;
+    color: @cui-lime-200;
   }
 
   .history-status .fa-fighter-jet {
-    color: #fdae6b;
+    color: @cui-orange-500;
   }
 
   .table-results table > thead > tr > td:first-child, .table-results table > tbody > tr > td:first-child {
-    background-color: #f9f9f9;
+    background-color: @cui-gray-050;
   }
 
   #helpModal th:first-child {
@@ -1024,7 +1024,7 @@
 
   #saveResultsModal i.fa-spinner {
     font-size: 60px;
-    color: #DDD;
+    color: @cui-gray-300;
   }
 
   .notebook-name-desc {
@@ -1056,7 +1056,7 @@
   }
 
   .no-horiz-padding.muted a {
-   color: #AAA !important;
+   color: @cui-gray-500 !important;
   }
 
   .no-horiz-padding:not(:first-child) a {
@@ -1104,11 +1104,11 @@
   }
 
   #schedulerEditor .workflow-parameter:hover {
-    background-color: #FAFAFA;
+    background-color: @cui-gray-050;
   }
 
   .warning {
-    color: #fdae6b;
+    color: @cui-orange-500;
   }
 
   .nav-header-like {
@@ -1120,7 +1120,7 @@
     color: @hue-primary-color-dark;
     text-overflow: ellipsis;
     text-shadow: none;
-    background-color: #fff;
+    background-color: @cui-white;
     border-left: 2px solid transparent;
     -webkit-transition: border .218s;
     -moz-transition: border .218s;
@@ -1147,41 +1147,41 @@
   .alert-info-gradient {
     border: none;
     margin-top: -3px;
-    background: -moz-linear-gradient(left, #d9edf7 0%, rgba(255, 255, 255, 0) 100%);
-    background: -webkit-linear-gradient(left, #d9edf7 0%, rgba(255, 255, 255, 0) 100%);
-    background: -o-linear-gradient(left, #d9edf7 0%, rgba(255, 255, 255, 0) 100%);
-    background: -ms-linear-gradient(left, #d9edf7 0%, rgba(255, 255, 255, 0) 100%);
-    background: linear-gradient(to right, #d9edf7 0%, rgba(255, 255, 255, 0) 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9edf7', endColorstr='#00ffffff', GradientType=1);
+    background: -moz-linear-gradient(left, @cui-blue-050 0%, rgba(255, 255, 255, 0) 100%);
+    background: -webkit-linear-gradient(left, @cui-blue-050 0%, rgba(255, 255, 255, 0) 100%);
+    background: -o-linear-gradient(left, @cui-blue-050 0%, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(left, @cui-blue-050 0%, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to right, @cui-blue-050 0%, rgba(255, 255, 255, 0) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-blue-050', endColorstr='#00ffffff', GradientType=1);
   }
 
   .alert-success-gradient {
     border: none;
     margin-top: -3px;
-    background: -moz-linear-gradient(left, #dff0d8 0%, rgba(255, 255, 255, 0) 100%);
-    background: -webkit-linear-gradient(left, #dff0d8 0%, rgba(255, 255, 255, 0) 100%);
-    background: -o-linear-gradient(left, #dff0d8 0%, rgba(255, 255, 255, 0) 100%);
-    background: -ms-linear-gradient(left, #dff0d8 0%, rgba(255, 255, 255, 0) 100%);
-    background: linear-gradient(to right, #dff0d8 0%, rgba(255, 255, 255, 0) 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dff0d8', endColorstr='#00ffffff', GradientType=1);
+    background: -moz-linear-gradient(left, @cui-lime-050 0%, rgba(255, 255, 255, 0) 100%);
+    background: -webkit-linear-gradient(left, @cui-lime-050 0%, rgba(255, 255, 255, 0) 100%);
+    background: -o-linear-gradient(left, @cui-lime-050 0%, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(left, @cui-lime-050 0%, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to right, @cui-lime-050 0%, rgba(255, 255, 255, 0) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-lime-050', endColorstr='#00ffffff', GradientType=1);
   }
 
   .alert-neutral-gradient {
     border: none;
-    border-left: 1px solid #DBE8F1;
+    border-left: 1px solid @cui-blue-050;
     margin-top: -3px;
-    background: -moz-linear-gradient(left, #F1F1F1 0%, rgba(255, 255, 255, 0) 100%);
-    background: -webkit-linear-gradient(left, #F1F1F1 0%, rgba(255, 255, 255, 0) 100%);
-    background: -o-linear-gradient(left, #F1F1F1 0%, rgba(255, 255, 255, 0) 100%);
-    background: -ms-linear-gradient(left, #F1F1F1 0%, rgba(255, 255, 255, 0) 100%);
-    background: linear-gradient(to right, #F1F1F1 0%, rgba(255, 255, 255, 0) 100%);
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#00ffffff', GradientType=1);
+    background: -moz-linear-gradient(left, @cui-purple-gray-050 0%, rgba(255, 255, 255, 0) 100%);
+    background: -webkit-linear-gradient(left, @cui-purple-gray-050 0%, rgba(255, 255, 255, 0) 100%);
+    background: -o-linear-gradient(left, @cui-purple-gray-050 0%, rgba(255, 255, 255, 0) 100%);
+    background: -ms-linear-gradient(left, @cui-purple-gray-050 0%, rgba(255, 255, 255, 0) 100%);
+    background: linear-gradient(to right, @cui-purple-gray-050 0%, rgba(255, 255, 255, 0) 100%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@cui-purple-gray-050', endColorstr='#00ffffff', GradientType=1);
   }
 
   .alert-warning {
-    background-color: #fcf8e3;
-    border: 1px solid #f0c36d;
-    color: #c09853;
+    background-color: @cui-yellow-050;
+    border: 1px solid @cui-orange-200;
+    color: @cui-orange-600;
   }
 
   .optimizer-container {
@@ -1205,20 +1205,20 @@
       cursor: default;
     }
     &.idle {
-      color: #CCC;
+      color: @cui-gray-400;
       cursor: default;
     }
     &:hover {
       opacity: 1;
     }
     &.success {
-      color: #468847;
+      color: @cui-green-600;
     }
     &.warning {
-      color: #f0c36d;
+      color: @cui-orange-200;
     }
     &.error {
-      color: #b94a48;
+      color: @cui-red-400;
     }
   }
 
@@ -1264,7 +1264,7 @@
   }
 
   .jobs-overlay {
-    background-color: #FFF;
+    background-color: @cui-white;
     opacity: 0.8;
     position: absolute;
     top: 10px;
@@ -1276,7 +1276,7 @@
     }
 
     li {
-      background-color: #FFF;
+      background-color: @cui-white;
       padding: 5px;
 
       a {

Vissa filer visades inte eftersom för många filer har ändrats