소스 검색

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

Enrico Berti 8 년 전
부모
커밋
1af414793f
32개의 변경된 파일401개의 추가작업 그리고 374개의 파일을 삭제
  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}

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 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;

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 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;
   }
 

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 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}

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
apps/oozie/src/oozie/static/oozie/css/workflow-editor.css


파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 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;
 }

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 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 {

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 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}

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 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 {

이 변경점에서 너무 많은 파일들이 변경되어 몇몇 파일들은 표시되지 않았습니다.