StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-24 14:34:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Updated Echo styles

Browse source
This commit is contained in:
alistair3149 2019-12-28 14:05:50 -05:00
parent f24ebe0e36
commit fa2bcce7cb
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C
2 changed files with 11 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
skinStyles/ext.echo.ui.less
View file

@ -124,16 +124,16 @@
&-popup {
> .oo-ui-popupWidget-popup {
> .oo-ui-popupWidget-head {
border-bottom: 1px solid @dark-bg-30;
border-color: @dark-bg-30;
}
> .oo-ui-popupWidget-footer {
border-top: 1px solid @dark-bg-30;
border-color: @dark-bg-30;
.mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons {
.oo-ui-buttonElement {
&:last-child {
border-left: 1px solid @dark-bg-30;
border-color: @dark-bg-30!important;
}
}
}
@ -147,14 +147,14 @@
*/
.mw-echo-ui-notificationItemWidget {
background-color: @dark-bg-20;
border: 1px solid @dark-bg-30;
border-color: @dark-bg-30;
&:hover {
background-color: @dark-bg-30;
}
&:last-child {
border-bottom: 1px solid @dark-bg-30;
border-color: @dark-bg-30;
}
&-unread {
@ -303,7 +303,7 @@
&-circle {
&-unread {
background-color: @dark-bg-20;
border: 1px solid @dark-bg-60;
border-color: @dark-bg-60;
}
}

13
skinStyles/oojs-ui-core.less
View file

@ -65,10 +65,7 @@
@media ( prefers-color-scheme: dark ) {
.oo-ui-pendingElement-pending {
background-color: @dark-bg-20;
background-image: -webkit-linear-gradient( 135deg, @dark-bg-0 25%, transparent 25%, transparent 50%, @dark-bg-0 50%, @dark-bg-0 75%, transparent 75%, transparent );
background-image: -moz-linear-gradient( 135deg, @dark-bg-0 25%, transparent 25%, transparent 50%, @dark-bg-0 50%, @dark-bg-0 75%, transparent 75%, transparent );
background-image: linear-gradient( 135deg, @dark-bg-0 25%, transparent 25%, transparent 50%, @dark-bg-0 50%, @dark-bg-0 75%, transparent 75%, transparent );
filter: invert(1) hue-rotate(180deg);
}
.oo-ui-buttonElement-frameless {
@ -108,12 +105,12 @@
.oo-ui-buttonElement-framed {
&.oo-ui-widget-enabled {
> .oo-ui-buttonElement-button {
background-color: @dark-bg-10;
background-color: @dark-bg-50;
color: @dark-text-90;
border-color: @dark-bg-50;
&:hover {
background-color: @dark-bg-0;
background-color: @dark-bg-40;
color: @dark-text-80;
border-color: @dark-bg-50;
}
@ -176,7 +173,7 @@
}
.oo-ui-popupWidget-popup {
background-color: @dark-bg-10;
background-color: @dark-bg-50;
border-color: @dark-bg-50;
}
@ -190,7 +187,7 @@
}
&:after {
border-bottom-color: @dark-bg-10;
border-bottom-color: @dark-bg-50;
}
}
}