민트 테마에서 배경 변경

지원
1

안녕하세요,
Mint 테마를 다크 모드로 사용하려고 하는데, 현재 배경 이미지(초록색 사각형과 원)가 제 커뮤니티 전체 테마와 색상에 맞지 않습니다.
무거운 CSS 작업 없이 배경 이미지를 쉽게 변경할 수 있는 방법이 있을까요?
초보자를 위한 안내를 부탁드립니다.

2

Mint 테마의 배경 형상은 실제로는 이미지가 아니라 그라데이션이지만, 어쨌든 몇 줄의 CSS로 비활성화할 수 있습니다. 새로운 테마 구성 요소를 만들고 Mint 테마에 추가한 다음, 아래 코드를 포함하세요:

#main-outlet::before, 
#main-outlet::after {
  display: none;
}

이제 더 많은 CSS를 사용하여 사용자 정의 배경 이미지를 추가할 수 있습니다. 먼저 테마 구성 요소의 업로드 섹션에 이미지를 추가해야 합니다:

image
image300×165 4.47 KB

그런 다음 CSS에서 다음과 같이 이미지의 변수 이름을 참조할 수 있습니다:

body {
  background: url($blobs);
}
3

크리스, 감사합니다. 정말 고맙습니다!