MediaWiki:Common.css: 두 판 사이의 차이
미디어위키 인터페이스 문서
더 많은 작업
내용 삭제됨 내용 추가됨
편집 요약 없음 태그: 대체됨 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
/* ULS(언어 선택기) 팝업 다크모드 수정 |
|||
/* (예약) 사이트 공통 CSS */ |
|||
Citizen이 .uls-menu에 다크 변수 배경을 주면서 skin-invert 필터도 걸려 |
|||
이중 반전으로 흰 팝업이 되는 문제 → 필터 제거 + 변수 기반 직접 테마링 */ |
|||
.uls-menu.skin-invert { |
|||
filter: none !important; |
|||
} |
|||
.uls-menu, |
|||
.uls-menu .uls-search-wrapper, |
|||
.uls-menu .uls-lcd, |
|||
.uls-menu .uls-language-list, |
|||
.uls-menu .uls-no-results-view, |
|||
.uls-menu .uls-search { |
|||
background-color: var(--color-surface-2, #fff); |
|||
color: var(--color-base, #202122); |
|||
border-color: var(--border-color-base, #c8ccd1); |
|||
} |
|||
.uls-menu .uls-languagefilter, |
|||
.uls-menu input.uls-filterinput, |
|||
.uls-menu #uls-languagefilter { |
|||
background-color: var(--color-surface-1, #fff); |
|||
color: var(--color-base, #202122); |
|||
border-color: var(--border-color-base, #c8ccd1); |
|||
} |
|||
.uls-menu .uls-lcd-region-title, |
|||
.uls-menu h3 { |
|||
color: var(--color-subtle, #54595d); |
|||
} |
|||
.uls-menu .uls-language-block ul li a, |
|||
.uls-menu .uls-lcd a { |
|||
color: var(--color-progressive, #36c); |
|||
} |
|||
.uls-menu .uls-language-block ul li a:hover, |
|||
.uls-menu .uls-lcd a:hover { |
|||
background-color: var(--background-color-button-quiet--hover, rgba(0, 0, 0, 0.06)); |
|||
} |
|||
2026년 6월 5일 (금) 19:37 기준 최신판
/* ULS(언어 선택기) 팝업 다크모드 수정
Citizen이 .uls-menu에 다크 변수 배경을 주면서 skin-invert 필터도 걸려
이중 반전으로 흰 팝업이 되는 문제 → 필터 제거 + 변수 기반 직접 테마링 */
.uls-menu.skin-invert {
filter: none !important;
}
.uls-menu,
.uls-menu .uls-search-wrapper,
.uls-menu .uls-lcd,
.uls-menu .uls-language-list,
.uls-menu .uls-no-results-view,
.uls-menu .uls-search {
background-color: var(--color-surface-2, #fff);
color: var(--color-base, #202122);
border-color: var(--border-color-base, #c8ccd1);
}
.uls-menu .uls-languagefilter,
.uls-menu input.uls-filterinput,
.uls-menu #uls-languagefilter {
background-color: var(--color-surface-1, #fff);
color: var(--color-base, #202122);
border-color: var(--border-color-base, #c8ccd1);
}
.uls-menu .uls-lcd-region-title,
.uls-menu h3 {
color: var(--color-subtle, #54595d);
}
.uls-menu .uls-language-block ul li a,
.uls-menu .uls-lcd a {
color: var(--color-progressive, #36c);
}
.uls-menu .uls-language-block ul li a:hover,
.uls-menu .uls-lcd a:hover {
background-color: var(--background-color-button-quiet--hover, rgba(0, 0, 0, 0.06));
}