Replacing outdated colors in core widgets with WikimediaUI color
palette ones. Also increasing contrast in one case ensuring
WCAG 2.0 level AA conformance.
Bug: T172850
Change-Id: Ic7cf0842275529372cdfbfddad4eb63fec4847ce
}
.mw-widget-mediaResultWidget-error {
}
.mw-widget-mediaResultWidget-error {
- background-color: #f3f3f3;
+ background-color: #f8f9fa;
}
.mw-widget-mediaResultWidget-thumbnail {
}
.mw-widget-mediaResultWidget-thumbnail {
bottom: 0;
left: 0;
right: 0;
bottom: 0;
left: 0;
right: 0;
- box-shadow: inset 0 0 0 1px #ccc;
+ box-shadow: inset 0 0 0 1px #c8ccd1;
}
.mw-widget-mediaResultWidget.oo-ui-optionWidget-highlighted,
.mw-widget-mediaResultWidget.oo-ui-optionWidget-selected {
}
.mw-widget-mediaResultWidget.oo-ui-optionWidget-highlighted,
.mw-widget-mediaResultWidget.oo-ui-optionWidget-selected {
- box-shadow: 0 0 0.3em #a7dcff, 0 0 0 #fff;
+ box-shadow: 0 0 2px #36c;
+}
+
+.mw-widget-mediaResultWidget.oo-ui-optionWidget-highlighted .mw-widget-mediaResultWidget-overlay,
+.mw-widget-mediaResultWidget.oo-ui-optionWidget-selected .mw-widget-mediaResultWidget-overlay {
+ box-shadow: inset 0 0 0 1px #36c;
}
.mw-widget-mediaResultWidget-error .mw-widget-mediaResultWidget-thumbnail {
}
.mw-widget-mediaResultWidget-error .mw-widget-mediaResultWidget-thumbnail {
.mw-widgets-stashedFileWidget-info {
height: 2.4em;
background-color: #fff;
.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;
border-radius: 2px;
width: 100%;
display: table-cell;
float: left;
}
> .mw-widgets-stashedFileWidget-fileType {
float: left;
}
> .mw-widgets-stashedFileWidget-fileType {
&.oo-ui-widget-disabled {
.mw-widgets-stashedFileWidget-info {
&.oo-ui-widget-disabled {
.mw-widgets-stashedFileWidget-info {
+ background-color: #eaecf0;
+ color: #72777d;
+ border-color: #c8ccd1;
text-shadow: 0 1px 1px #fff;
text-shadow: 0 1px 1px #fff;
- border-color: #ddd;
- background-color: #f3f3f3;
> .oo-ui-iconElement-icon,
> .oo-ui-indicatorElement-indicator {
> .oo-ui-iconElement-icon,
> .oo-ui-indicatorElement-indicator {
text-align: left;
padding: 0;
background-color: #fff;
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;
margin-bottom: 0.5em;
vertical-align: middle;
overflow: hidden;
> .mw-widgets-stashedFileWidget-noThumbnail-icon {
opacity: 0.4;
> .mw-widgets-stashedFileWidget-noThumbnail-icon {
opacity: 0.4;
- background-color: #ccc;
+ background-color: #c8ccd1;
height: 5.5em;
width: 5.5em;
}
height: 5.5em;
width: 5.5em;
}
}
.mw-widgets-stashedFileWidget-label {
}
.mw-widgets-stashedFileWidget-label {
line-height: normal;
&-description {
line-height: normal;
&-description {
height: 3.75em;
left: 0;
&:not( .mw-widget-titleOptionWidget-hasImage ) {
height: 3.75em;
left: 0;
&:not( .mw-widget-titleOptionWidget-hasImage ) {
- background-color: #ccc;
+ background-color: #c8ccd1;
opacity: 0.4;
}
&.mw-widget-titleOptionWidget-hasImage {
opacity: 0.4;
}
&.mw-widget-titleOptionWidget-hasImage {