4월 이후 버전에선 작동 안하는 것으로 보임
----------------------------------------------------------------------------
앞서 진행하기 이전에 WEBUI 다크모드 설정을 안했다면 이거부터 하자
https://arca.live/b/aiart/69984243 참고
우선, WEBUI 확장기능에 가서 quick-css를 설치하고 Stable Diffusion을 한번 껐다 켜주자
그럼 상단 메뉴에 CSS App이란 탭이 하나 생겼을텐데 눌러보면 아래와 같은 화면이 보임
Color 팔레트를 이용해서 각 구성요소 색상을 자기 취향껏 바꿔도 되고
(팔레트나 조절바가 없을 경우 중간에 styles 드롭박스에서 아무 테마를 하나 골라 적용 후 재시작해보자)
중간의 Import Files를 누르면 자기가 가지고 있는 이미지를 등록할 수 있는데 이걸로 로고나 배경화면을 지정할 수 있다.
귀찮은 사람은 기본적으로 제공하는 css가 있으니 그것들을 사용해도 됨
그리고 개인적으로 가장 유용하게 쓰는 기능인데 메인화면 좌측 컨트롤 패널의 width를 줄일 수가 있다
덕분에 이제 일일히 결과물 사진을 클릭해서 보는 수고를 덜 수 있게 됨
추가로 화투패 누르면 나오는 Lora 카드 크기도 크게 조절이 가능
+ 개인적으로 불편해서 바꾼 부분
1. 폰트 바꾸고 싶다.
extensions\sd-web-ui-quickcss 에 있는 style.css 파일을 연다.
font-family: "Segoe UI"; 와 같은 구문을 전부 찾아서 font-family: "나눔고딕OTF"; 이런식으로 바꿔주면 됨
2. 영문자 크기가 작고 이상해서 바꾸고 싶다.
font-family 바로 밑줄에 있는 font-variant: small-caps; 구문들을 지워버리거나 주석처리하면 됨
3. 라디오버튼같은거 누르면 Primary Color로 글자색이 바뀌는게 싫다.
input[type=checkbox]:checked + span,
input[type=radio]:checked + span {
color: var(--Primary_color);
}
이 부분을 찾아서 지워버리면 됨
내가 수정해서 쓰고 있는 css 파일 (폰트 나눔고딕OTF 사용함, 위 절차 모두 적용함)
공유중단
Simple Dark Theme.css를 extensions\sd-web-ui-quickcss\style_choices 에 넣어주고 CSS App 화면에서 불러와주자