미디어위키:Gadget-PageFormsStyles.css

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

• 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
• 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
• 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.

#pfForm input.createboxInput,
.formbox input.createboxInput{
	height: 30px;
	background-color: var(--background-color-base);
	border-radius: 2px;
	border-color: var(--border-color-base, #a2a9b1);
	
	transition-property: border-color;
	transition-duration: 250ms;
}

/* 체크박스 위에 불필요한 마진이 생기는 것을 제거 */
.pf-checkbox-input-container .oo-ui-fieldLayout {
	margin-top: 0;
}

#pfForm .createboxInput {
	border-color: var(--border-color-base, #a2a9b1);
}

/* 다크 모드 제대로 지원하지 않는 스타일 정상화 */
.multipleTemplateInstance {
	background-color: var(--background-color-neutral, #eaecf0);
	border-color: var(--border-color-base, #a2a9b1);
}

.select2-container--default .select2-selection--multiple {
	background-color: var(--background-color-base);
	border-color: var(--border-color-base, #a2a9b1);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: var(--background-color-neutral);
}

.pf-select2-dropdown .select2-results__options .select2-results__option--highlighted {
	background-color: var(--background-color-progressive) !important;
}

.select2-dropdown {
	background-color: var(--background-color-base) ; 
}

.select2-container--default .select2-results__option[aria-selected="true"] {
	background-color: var(--background-color-neutral);
}