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 화면에서 불러와주자