2020년 제타위키 테마 적용

1 개요

2020년 제타위키 테마 적용

• bootstrap 테마 bootswatch의 flatly, darkly 적용
• darkly에서도 .form-control( input, textarea, select 등)은 여전히 밝은 색이라서 추가 css 적용함

2 색상표

변수명	bootstrap	flatly	darkly	비고
배경색	#fff	#fff	#222	$body-gb
글자색	#333	#333	#fff	$text-color, $body-color
input 배경색	#fff	#fff
input 선색	#ccc	#ccc
input 글자색	#555	#555

3 후속조치

• 기존에는 모든 CSS가 밝은 색상에 맞춰서 작성되었기 때문에, dark 모드에 맞지 않는 것들이 있다.

3.1 필수

• 테이블( wikitable )
• source 태그
• 한자 틀
• 미디어위키 토스트
• 분류댓글 nav-pills
• 최근 바뀜
• 환경 설정
• 주시문서 목록
• 기여

3.2 옵션

• 편집창, edittools
• 키보드( Key )
• 엑셀

4 참고

• https://github.com/twbs/bootstrap-sass/blob/v3.4.1/assets/stylesheets/bootstrap/_variables.scss
• https://github.com/thomaspark/bootswatch/blob/v4.4.1/dist/flatly/_variables.scss
• https://github.com/thomaspark/bootswatch/blob/v4.4.1/dist/darkly/_variables.scss