Переглянути джерело

HUE-8926 [frontend] Adjust some colors to fit the new color scheme

Johan Ahlen 6 роки тому
батько
коміт
b3d28728d7
28 змінених файлів з 43 додано та 42 видалено
  1. 0 0
      apps/hbase/src/hbase/static/hbase/css/hbase.css
  2. 2 2
      apps/hbase/src/hbase/static/hbase/less/hbase.less
  3. 1 1
      apps/jobbrowser/src/jobbrowser/static/jobbrowser/less/jobbrowser-embeddable.less
  4. 0 0
      apps/metastore/src/metastore/static/metastore/css/metastore.css
  5. 0 0
      apps/oozie/src/oozie/static/oozie/css/workflow-editor.css
  6. 2 2
      apps/oozie/src/oozie/static/oozie/less/workflow-editor.less
  7. 1 1
      apps/sqoop/src/sqoop/static/sqoop/css/sqoop.css
  8. 2 2
      apps/sqoop/src/sqoop/static/sqoop/less/sqoop.less
  9. 0 0
      desktop/core/src/desktop/static/desktop/css/hue-embedded.css
  10. 0 0
      desktop/core/src/desktop/static/desktop/css/hue.css
  11. 0 0
      desktop/core/src/desktop/static/desktop/css/hue3-extra.css
  12. 0 0
      desktop/core/src/desktop/static/desktop/css/login.css
  13. 1 1
      desktop/core/src/desktop/static/desktop/less/components/hue-popover.less
  14. 1 1
      desktop/core/src/desktop/static/desktop/less/components/hue-ribbon.less
  15. 7 7
      desktop/core/src/desktop/static/desktop/less/cui/variables.less
  16. 3 3
      desktop/core/src/desktop/static/desktop/less/hue-assist.less
  17. 1 1
      desktop/core/src/desktop/static/desktop/less/hue-cross-version.less
  18. 2 2
      desktop/core/src/desktop/static/desktop/less/hue-cui-overrides.less
  19. 1 1
      desktop/core/src/desktop/static/desktop/less/hue-embedded.less
  20. 1 1
      desktop/core/src/desktop/static/desktop/less/hue-helpers.less
  21. 1 1
      desktop/core/src/desktop/static/desktop/less/hue-mixins.less
  22. 2 2
      desktop/core/src/desktop/static/desktop/less/hue3-extra.less
  23. 5 5
      desktop/core/src/desktop/static/desktop/less/hue4.less
  24. 4 3
      desktop/core/src/desktop/static/desktop/less/login.less
  25. 0 0
      desktop/libs/indexer/src/indexer/static/indexer/css/importer.css
  26. 1 1
      desktop/libs/indexer/src/indexer/static/indexer/css/indexes.css
  27. 0 0
      desktop/libs/notebook/src/notebook/static/notebook/css/notebook.css
  28. 5 5
      desktop/libs/notebook/src/notebook/static/notebook/less/notebook.less

Різницю між файлами не показано, бо вона завелика
+ 0 - 0
apps/hbase/src/hbase/static/hbase/css/hbase.css


+ 2 - 2
apps/hbase/src/hbase/static/hbase/less/hbase.less

@@ -390,7 +390,7 @@
 
   #search-tags span.scan {
     color: @cui-white;
-    background: @cui-orange-500;
+    background: @cui-orange-200;
     padding: 0 3px;
     border-radius: 3px;
   }
@@ -614,4 +614,4 @@
   .hbase-subnav {
     padding: 2px 10px 0 10px;
   }
-}
+}

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

@@ -360,7 +360,7 @@
         background-color: @cui-gray-050;
       }
       table.column thead tr td {
-        background-color: #FFFFFF;
+        background-color: @cui-white;
         border-bottom: 1px solid @cui-gray-300;
         text-transform: capitalize;
       }

Різницю між файлами не показано, бо вона завелика
+ 0 - 0
apps/metastore/src/metastore/static/metastore/css/metastore.css


Різницю між файлами не показано, бо вона завелика
+ 0 - 0
apps/oozie/src/oozie/static/oozie/css/workflow-editor.css


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

@@ -252,7 +252,7 @@
   }
 
   .widget-statusbar-running {
-    background-color: @cui-orange-300;
+    background-color: @cui-orange-200;
   }
 
   .widget-statusbar-failed {
@@ -333,4 +333,4 @@
   top: 0;
   left: 0;
   z-index: 1031;
-}
+}

+ 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 #eaebec;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:#838b92}#sqoopComponents .sqoop-progress{width:0;background-color:#b34d00;height:3px;margin-top:-2px}#sqoopComponents .waiting{color:#d6d8db;font-size:196px}#sqoopComponents h1.emptyMessage{color:#989ea4;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:#f4f5f6;border-bottom:1px solid #eaebec;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:#d6d8db}#sqoopComponents .big-btn.selected{border-color:#adb2b6}#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 #eaebec;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:#838b92}#sqoopComponents .sqoop-progress{width:0;background-color:#ffa319;height:3px;margin-top:-2px}#sqoopComponents .waiting{color:#d6d8db;font-size:196px}#sqoopComponents h1.emptyMessage{color:#989ea4;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:#f4f5f6;border-bottom:1px solid #eaebec;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:#d6d8db}#sqoopComponents .big-btn.selected{border-color:#adb2b6}#sqoopComponents .big-btn i{font-size:40px}#sqoopComponents .nojobs{cursor:pointer}

+ 2 - 2
apps/sqoop/src/sqoop/static/sqoop/less/sqoop.less

@@ -53,7 +53,7 @@
 
   .sqoop-progress {
     width: 0;
-    background-color: @cui-orange-500;
+    background-color: @cui-orange-200;
     height: 3px;
     margin-top: -2px;
   }
@@ -134,4 +134,4 @@
   .nojobs {
     cursor: pointer;
   }
-}
+}

Різницю між файлами не показано, бо вона завелика
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue-embedded.css


Різницю між файлами не показано, бо вона завелика
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


Різницю між файлами не показано, бо вона завелика
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


Різницю між файлами не показано, бо вона завелика
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/login.css


+ 1 - 1
desktop/core/src/desktop/static/desktop/less/components/hue-popover.less

@@ -467,7 +467,7 @@
 
     div:last-child {
       display: inline-block;
-      background-color: #fff;
+      background-color: @cui-white;
       //color: @hue-primary-color-dark;
     }
   }

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

@@ -56,7 +56,7 @@
 .ribbon::before,
 .ribbon::after {
   content: "";
-  border-top: 3px solid @cui-orange-600;
+  border-top: 3px solid @cui-orange-400;
   border-left: 3px solid transparent;
   border-right: 3px solid transparent;
   position: absolute;

+ 7 - 7
desktop/core/src/desktop/static/desktop/less/cui/variables.less

@@ -42,10 +42,10 @@
 @gray-light:              @cui-gray-600;
 @gray-lighter:            @cui-gray-050;
 
-@brand-primary:           @cui-blue-700;
+@brand-primary:           @cui-blue-500;
 @brand-success:           @cui-lime-500;
 @brand-info:              @cui-blue-500;
-@brand-warning:           @cui-orange-500;
+@brand-warning:           @cui-orange-400;
 @brand-danger:            @cui-red-500;
 
 //== Scaffolding
@@ -523,19 +523,19 @@
 //
 //## Define colors for form feedback states and, by default, alerts.
 
-@state-success-text:             @cui-lime-800;
-@state-success-bg:               @cui-lime-010;
+@state-success-text:             @cui-green-500;
+@state-success-bg:               @cui-green-050;
 @state-success-border:           @state-success-bg;
 
-@state-info-text:                @cui-blue-700;
+@state-info-text:                @cui-blue-500;
 @state-info-bg:                  @cui-blue-050;
 @state-info-border:              @state-info-bg;
 
-@state-warning-text:             @cui-orange-900;
+@state-warning-text:             @cui-orange-400;
 @state-warning-bg:               @cui-yellow-050;
 @state-warning-border:           @state-warning-bg;
 
-@state-danger-text:              @cui-red-700;
+@state-danger-text:              @cui-red-500;
 @state-danger-bg:                @cui-pink-010;
 @state-danger-border:            @state-danger-bg;
 

+ 3 - 3
desktop/core/src/desktop/static/desktop/less/hue-assist.less

@@ -663,13 +663,13 @@
   }
 
   .hue-doc-table-hive thead .hue-doc-td-hive {
-    background-color: #f4f5f7;
+    background-color: @cui-gray-050;
   }
 
   .hue-doc-td-hive,
   .hue-doc-th-hive {
     min-width: 8px;
-    border: 1px solid #c1c7d0;
+    border: 1px solid @cui-default-border-color;
     padding: 7px 10px;
     vertical-align: top;
     text-align: left;
@@ -806,7 +806,7 @@
 }
 
 .popular-color {
-  color: @cui-orange-300;
+  color: @cui-orange-200;
 }
 
 .top-star {

+ 1 - 1
desktop/core/src/desktop/static/desktop/less/hue-cross-version.less

@@ -364,7 +364,7 @@ input[type='password']::-ms-reveal {
 }
 
 .dockable {
-  background-color: #fff;
+  background-color: @cui-white;
   z-index: 1000;
   padding-bottom: 2px;
 }

+ 2 - 2
desktop/core/src/desktop/static/desktop/less/hue-cui-overrides.less

@@ -115,7 +115,7 @@ table.datatables {
 
   .bar-label {
     text-align: center;
-    color: #fff;
+    color: @cui-white;
     font-size: 12px;
     line-height: 20px;
     text-shadow: 0 0 1px @cui-gray-800;
@@ -136,7 +136,7 @@ input[type="file"] > input[type="button"]::-moz-focus-inner {
 
 select:-moz-focusring {
   color: transparent;
-  text-shadow: 0 0 0 #000;
+  text-shadow: 0 0 0 @cui-black;
 }
 
 *:-moz-focusring {

+ 1 - 1
desktop/core/src/desktop/static/desktop/less/hue-embedded.less

@@ -96,7 +96,7 @@
   bottom: 0;
   left: 0;
   z-index: 1040;
-  background-color: #000;
+  background-color: @cui-black;
 }
 
 .modal-backdrop.fade {

+ 1 - 1
desktop/core/src/desktop/static/desktop/less/hue-helpers.less

@@ -156,7 +156,7 @@ pre,
 
 .section-h4-border {
   font-weight: bold;
-  color: @cui-blue-700;
+  color: @hue-primary-color-dark;
   font-size: 14px;
   text-transform: uppercase;
   padding-left: 4px;

+ 1 - 1
desktop/core/src/desktop/static/desktop/less/hue-mixins.less

@@ -28,7 +28,7 @@
 @hue-trunk: @cui-purple-300;
 
 @hue-disabled-color: @cui-gray-100;
-@hue-error-color: @cui-red-400;
+@hue-error-color: @cui-red-500;
 @hue-warning-color: @cui-orange-400;
 
 @hue-panel-border-radius: 2px;

+ 2 - 2
desktop/core/src/desktop/static/desktop/less/hue3-extra.less

@@ -98,12 +98,12 @@
 }
 
 .subnav-fixed {
-  border-color: #d5d5d5;
+  border-color: @cui-default-border-color;
   border-radius: 0;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-width: 0 0 1px;
-  box-shadow: 0 1px 0 #fff inset, 0 1px 5px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 0 @cui-white inset, 0 1px 5px rgba(0, 0, 0, 0.1);
   left: 0;
   position: fixed;
   right: 0;

+ 5 - 5
desktop/core/src/desktop/static/desktop/less/hue4.less

@@ -453,8 +453,8 @@
 }
 
 .hue-title-bar {
-  border-bottom: 1px solid #dcdcdc;
-  background-color: #f8f8f8;
+  border-bottom: 1px solid @cui-default-border-color;
+  background-color: @cui-gray-050;
 
   .navbar-inner {
     background-color: transparent !important;
@@ -840,11 +840,11 @@ ul.risk-list {
   margin: 0 0 0 10px;
 
   .risk-list-high {
-    color: @cui-red-700;
+    color: @cui-red-500;
   }
 
   .risk-list-normal {
-    color: @cui-orange-700;
+    color: @cui-orange-300;
   }
 
   .risk-list-title {
@@ -867,7 +867,7 @@ ul.risk-list {
   font-weight: bold;
   padding: 12px;
   background: rgba(0, 0, 0, 0.8);
-  color: #fff;
+  color: @cui-white;
   border-radius: 2px;
 }
 

+ 4 - 3
desktop/core/src/desktop/static/desktop/less/login.less

@@ -16,6 +16,7 @@
  limitations under the License.
 */
 @import (reference) "hue-mixins.less";
+@import (reference) "cui/variables.less";
 
 @-webkit-keyframes spinner {
   from {
@@ -33,7 +34,7 @@
   margin: auto;
   margin-bottom: 50px;
   background: @cui-white;
-  border: 1px solid #e0e2e3;
+  border: 1px solid @cui-default-border-color;
   border-radius: 4px;
 
   a {
@@ -99,11 +100,11 @@
     }
 
     .text-input.error {
-      border-color: #d0021b;
+      border-color: @cui-red-500;
     }
 
     ul.errorlist li {
-      color: #d0021b;
+      color: @cui-red-500;
       padding: 0;
       font-weight: normal;
       font-style: normal;

Різницю між файлами не показано, бо вона завелика
+ 0 - 0
desktop/libs/indexer/src/indexer/static/indexer/css/importer.css


+ 1 - 1
desktop/libs/indexer/src/indexer/static/indexer/css/indexes.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.
- */.indexer-main{padding:20px;padding-top:10px}.indexer-main h4{font-weight:bold;color:#004496;font-size:14px;text-transform:uppercase;padding-left:4px;padding-bottom:3px;display:inline-block}.divider{padding-left:12px;color:#adb2b6}
+ */.indexer-main{padding:20px;padding-top:10px}.indexer-main h4{font-weight:bold;color:#0B7FAD;font-size:14px;text-transform:uppercase;padding-left:4px;padding-bottom:3px;display:inline-block}.divider{padding-left:12px;color:#adb2b6}

Різницю між файлами не показано, бо вона завелика
+ 0 - 0
desktop/libs/notebook/src/notebook/static/notebook/css/notebook.css


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

@@ -702,7 +702,7 @@
   }
 
   .progress-warning .bar, .progress .bar-warning {
-    background-color: @cui-orange-500;
+    background-color: @cui-orange-200;
   }
 
   .progress-danger .bar, .progress .bar-danger {
@@ -970,7 +970,7 @@
   }
 
   .history-status .fa-fighter-jet {
-    color: @cui-orange-500;
+    color: @cui-orange-200;
   }
 
   .table-results table > thead > tr > td:first-child, .table-results table > tbody > tr > td:first-child {
@@ -1110,7 +1110,7 @@
   }
 
   .warning {
-    color: @cui-orange-500;
+    color: @state-warning-text;
   }
 
   .nav-header-like {
@@ -1183,7 +1183,7 @@
   .alert-warning {
     background-color: @cui-yellow-050;
     border: 1px solid @cui-orange-200;
-    color: @cui-orange-600;
+    color: @state-warning-text;
   }
 
   .optimizer-container {
@@ -1336,7 +1336,7 @@
     }
 
     input:not(:focus)[value=""] {
-      border-color: @cui-orange-500;
+      border-color: @cui-orange-400;
     }
 
     input[type="checkbox"] {

Деякі файли не було показано, через те що забагато файлів було змінено