Selaa lähdekoodia

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

Johan Ahlen 6 vuotta sitten
vanhempi
commit
b3d28728d7
28 muutettua tiedostoa jossa 43 lisäystä ja 42 poistoa
  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

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 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;
       }

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
apps/metastore/src/metastore/static/metastore/css/metastore.css


Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 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;
   }
-}
+}

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue-embedded.css


Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue.css


Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 0 - 0
desktop/core/src/desktop/static/desktop/css/hue3-extra.css


Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 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;

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 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}

Tiedoston diff-näkymää rajattu, sillä se on liian suuri
+ 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"] {

Kaikkia tiedostoja ei voida näyttää, sillä liian monta tiedostoa muuttui tässä diffissä