역비닛 테마 수정이 어려우면 CSS를 고치면 되는거 아닌가?

아이콘 여까x24무새ㄱ 2024.06.19 13:11:10 출처:

그래서 고쳐봤습니다

 

:root {
    --border-color:  #B6C4C5;
	--dark-border-color:  #5a5b5d;
}

#xet-simple-board .simple-board__category-group ul.board-category {
    border-radius: 5px;
    background: var(--color-gray-400);
}

#xet-simple-board .simple-board__category-group ul.board-category > li {
	position: relative;
	margin: 0 8px 0 8px;
	padding: 0;
}

#xet-simple-board .simple-board__list .item {
    padding: 2px 0;
}

.app-content {
    padding: 20px;
    background: var(--color-gray-200);
    border-radius: 20px;
}

 

  

수정됨_역비닛_적용전.webp.jpg    수정됨_역비닛_적용후.webp.jpg

 

 

적용 전후 차이입니다. 글 간격을 조금 줄이고 게시판 배경을 추가해 역게더 감성을 살짝 살렸습니다.

 

적용은 Stylus(https://github.com/openstyles/stylus)같은 CSS 적용 확장기능을 설치하고 fanbinit.us에 위 CSS를 적용하면 됩니다.

GitHub - openstyles/stylus: Stylus - Userstyles Managergithub.comStylus - Userstyles Manager. Contribute to openstyles/stylus development by creating an account on GitHub. 

 

 라이트 모드도 어느정도 되도록 하긴 했는데 혹시 모르니 취향 안맞으면 자유롭게 수정하셔도 상관 없습니다.