Merge "widgets: Replace outdated colors with WikimediaUI palette ones"

diff --combined resources/src/mediawiki.widgets/mw.widgets.StashedFileWidget.less
index ea62075,3d59f67..8be1e86
--- 1/resources/src/mediawiki.widgets/mw.widgets.StashedFileWidget.less
--- 2/resources/src/mediawiki.widgets/mw.widgets.StashedFileWidget.less
+++ b/resources/src/mediawiki.widgets/mw.widgets.StashedFileWidget.less
@@@ -23,7 -23,7 +23,7 @@@
  .mw-widgets-stashedFileWidget-info {
        height: 2.4em;
        background-color: #fff;
-       border: 1px solid #ccc;
+       border: 1px solid #c8ccd1;
        border-radius: 2px;
        width: 100%;
        display: table-cell;
@@@ -49,7 -49,7 +49,7 @@@
                        float: left;
                }
                > .mw-widgets-stashedFileWidget-fileType {
-                       color: #888;
+                       color: #72777d;
                        float: right;
                }
        }
@@@ -57,31 -57,34 +57,31 @@@
        > .oo-ui-indicatorElement-indicator,
        > .oo-ui-iconElement-icon {
                position: absolute;
 +              top: 0;
 +              height: 2.3em;
        }
  
        > .oo-ui-indicatorElement-indicator {
                right: 0;
 -              top: 0;
                width: 0.9375em;
 -              height: 2.3em;
                margin-right: 0.775em;
        }
  
        > .oo-ui-iconElement-icon {
 -              top: 0;
                width: 1.875em;
 -              height: 2.3em;
                margin-left: 0.5em;
 -              left: 0;
        }
  
        &.oo-ui-widget-disabled {
                .mw-widgets-stashedFileWidget-info {
-                       color: #ccc;
+                       background-color: #eaecf0;
+                       color: #72777d;
+                       border-color: #c8ccd1;
                        text-shadow: 0 1px 1px #fff;
-                       border-color: #ddd;
-                       background-color: #f3f3f3;
  
                        > .oo-ui-iconElement-icon,
                        > .oo-ui-indicatorElement-indicator {
-                               opacity: 0.2;
+                               opacity: 0.15;
                        }
                }
        }
@@@ -93,7 -96,7 +93,7 @@@
        text-align: left;
        padding: 0;
        background-color: #fff;
-       border: 1px solid #ccc;
+       border: 1px solid #c8ccd1;
        margin-bottom: 0.5em;
        vertical-align: middle;
        overflow: hidden;
@@@ -112,7 -115,7 +112,7 @@@
  
                > .mw-widgets-stashedFileWidget-noThumbnail-icon {
                        opacity: 0.4;
-                       background-color: #ccc;
+                       background-color: #c8ccd1;
                        height: 5.5em;
                        width: 5.5em;
                }
@@@ -129,7 -132,11 +129,7 @@@
                > .mw-widgets-stashedFileWidget-label {
                        position: relative;
  
 -                      > .mw-widgets-stashedFileWidget-fileName {
 -                              display: block;
 -                              float: none;
 -                      }
 -
 +                      > .mw-widgets-stashedFileWidget-fileName,
                        > .mw-widgets-stashedFileWidget-fileType {
                                display: block;
                                float: none;
@@@ -150,7 -157,7 +150,7 @@@
        }
  
        .mw-widgets-stashedFileWidget-label {
-               color: #ccc;
+               color: #c8ccd1;
                right: 0.5em;
        }
  

diff --combined resources/src/mediawiki.widgets/mw.widgets.TitleWidget.less
index 2ac5d45,c47cc60..deca71b
--- 1/resources/src/mediawiki.widgets/mw.widgets.TitleWidget.less
--- 2/resources/src/mediawiki.widgets/mw.widgets.TitleWidget.less
+++ b/resources/src/mediawiki.widgets/mw.widgets.TitleWidget.less
@@@ -4,20 -4,21 +4,20 @@@
   * @copyright 2011-2015 MediaWiki Widgets Team and others; see AUTHORS.txt
   * @license The MIT License (MIT); see LICENSE.txt
   */
 +@import 'mediawiki.mixins';
  
  .mw-widget-titleWidget-menu {
        .mw-widget-titleOptionWidget {
                line-height: normal;
  
                &-description {
-                       color: #888;
+                       color: #72777d;
                }
        }
  
        &-withImages {
                .mw-widget-titleOptionWidget {
 -                      -webkit-box-sizing: border-box;
 -                      -moz-box-sizing: border-box;
 -                      box-sizing: border-box;
 +                      .box-sizing( border-box );
                        min-height: 3.75em;
                        padding-left: 4.75em;
  
@@@ -36,7 -37,7 +36,7 @@@
                                        height: 3.75em;
                                        left: 0;
                                        &:not( .mw-widget-titleOptionWidget-hasImage ) {
-                                               background-color: #ccc;
+                                               background-color: #c8ccd1;
                                                opacity: 0.4;
                                        }
                                        &.mw-widget-titleOptionWidget-hasImage {