mediawiki-skins-Citizen/skinStyles/extensions/Translate/ext.translate.special.managetranslatorsandbox.less
alistair3149 fc47692421
feat(core): rename border-color variables and increase contrast
Align variable names with Codex
2024-04-19 15:20:59 -04:00

115 lines
2.2 KiB
Plaintext

/*
* Citizen
*
* SkinStyles for Extension:Translate
* Module: ext.translate.special.managetranslatorsandbox
* Version: MLEB 2021.07
*
* Date: 2021-07-29
*/
.filter.pane,
.tsb-container .search.pane {
border-bottom-color: var( --border-color-base );
}
.request-filter-box {
border-color: var( --border-color-base );
}
.tsb-body {
border-color: var( --border-color-base );
}
.requests.pane,
.details.pane {
border-top-color: var( --border-color-base );
}
.grid .details.pane {
border-left-color: var( --border-color-base );
}
.request {
border-right-color: var( --border-color-base );
border-bottom-color: var( --border-color-base );
}
.request:hover {
background-color: var( --background-color-quiet--hover );
}
.request.selected {
background-color: var( --background-color-quiet--active );
}
.grid .request .amount {
color: var( --color-base--subtle );
background-color: var( --color-surface-2 );
}
.request .email,
.request .signup-age {
color: var( --color-base--subtle );
}
.tsb-details-no-translations {
color: var( --color-base--subtle );
}
.signup-comment-label {
color: var( --color-destructive );
}
.signup-comment-text {
color: var( --color-base--emphasized );
}
.details.pane .reminder-email {
color: var( --color-base--subtle );
}
.details.pane .languages {
color: var( --color-base--subtle );
}
.request-header {
color: var( --color-base--subtle );
background-color: var( --color-surface-2 );
border-right-color: var( --border-color-base );
border-bottom-color: var( --border-color-base );
}
.request-footer {
color: var( --color-base--subtle );
background-color: var( --color-surface-2 );
border-top-color: var( --border-color-base );
border-right-color: var( --border-color-base );
}
.clear-language-selector,
.language-selector {
background: var( --color-surface-2 );
border-color: var( --border-color-base );
}
.language-selector:hover {
border-color: var( --border-color-interactive );
}
.language-selector.unselected::after {
border-top-color: var( --border-color-interactive );
}
.translations .row {
border-bottom-color: var( --border-color-base );
}
.translations .title {
background-color: var( --color-surface-2 );
}
.translations .info {
color: var( --color-base--subtle );
}