wintermute (162.♡.90.75)
2024년 3월 29일 PM 04:07 · 수정됨(16:37)
클리앙에서 이사 준비하면서 적응할겸,
다모앙용 stylebot css 만들어 보았습니다.
다크모드에서 본문, 게시글 위주로 잘보이게 수정했는데
Mac환경에서 대충 조정한거라 각자 입맛에 맞게 수정해서 사용하시면 좋을 것 같네요. :)
body {
font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}
/* 1500값을 원하는 크기로 바꿔주세요 /
.container {
max-width: 1500px !important;
}
/ 메뉴가 왼쪽에 있는걸 선호하시는 분. 오른쪽을 원하시면 0을 2로 하시거나 빼시면 됩니다./
.order-2 {
order: 0 !important;
max-width: 240px !important;
}
/ 검색메뉴 항상 보임 /
#boardSearch {
display: block;
}
/ 글씨 크기 변경입니다. 0.8em 1.1 등등으로 변경하시면 돼요 */
:root {
--bs-body-font-size: 1.2em;
--bs-body-line-height: 1.2;
}a {
border: 0px;
-o-transition:color .1s ease-out, background .2s ease-in;
-ms-transition:color .1s ease-out, background .2s ease-in;
-moz-transition:color .1s ease-out, background .2s ease-in;
-webkit-transition:color .1s ease-out, background .2s ease-in;
/* ...and now override with proper CSS property */
transition:color .1s ease-out, background .2s ease-in;
}/* 배지컬러 */
b.badge.bg-primary.rounded-pill.fw-normal {
background-color: #10434343;
color: #000000;
}/* 코멘트 갯수 */
span.orangered {
color: #666;
font-weight: 800;
font-style: normal;
}li.list-group-item.d-none.d-md-block.hd-wrap {
color: #444;
}div.col-1.wr-no.d-none.d-md-block {
opacity: 0.3;
}div.wr-num.text-nowrap.order-3 {
opacity: 0.3;
font-weight: 400;
font-style: normal;
}div.wr-num.text-nowrap.order-4 {
opacity: 0.3;
font-weight: 400;
font-style: normal;
}/* 게시목록 댓글수 /
span.count-plus.orangered {
color:#8e7cc3;
font-weight: 100;
font-style: normal
}
/ 게시목록 상단 라인 /
.line-top {
border-top: calc(var(--bs-border-width) 0.1) solid #8e7cc3 !important;}
/* 우측 클립보드 아이콘 /
i.bi-clipboard.nav-icon {
opacity: 0.3;
}
/ 게시목록 제목 */
span.nav-link-title {
font-size: 12px;
font-weight: 400;
font-style: normal;}
/* 게시목록 작성자 */
span.sv_member.text-truncate.d-block {
font-weight: 500;
font-style: normal;
opacity: 0.5;
}div div a {
font-weight: 400;
font-style: normal;
font-size: 18px;
}h2.fs-4.mb-0 {
font-weight: 100;
font-style: normal;
font-size: 18px;
}/* 게시목록 공지 */
strong.fw-medium {
font-weight: 700;
font-style: normal;
}h1.px-3.pb-2.mb-0.lh-base.fs-5 {
font-weight: 900;
font-style: normal;
font-size: 36px;
letter-spacing: -0.03em;
}section.border-bottom.p-3 {
font-weight: 100;
font-style: normal;
}div.na-convert {
font-weight: 400;
font-style: normal;
}div.d-flex.align-items-center.border-top.bg-body-tertiary.py-1.px-3.small {
border-style: none;
}div.d-flex.justify-content-between.align-items-end.px-3.mb-2 {
opacity: 0.3;
}div.order-0.d-none.d-sm-block {
font-weight: 100;
font-style: normal;}
footer.site-footer-wrap.bg-body-tertiary.py-4 {
opacity: 0.2;
}div.nav.nav-pills.nav-vertical {
opacity: 0.5;
}
div.nav.nav-pills.nav-vertical:hover {
opacity: 1.0;
}button.btn.btn-basic {
opacity: 0.2;
}button.btn.btn-basic:hover {
opacity: 1.0;
}a.fs-2.fw-bold {
font-weight: 900;
font-style: normal;
opacity: 0.5;
}div.lh-lg.mb-3 {
font-size: 12px;
}div.small {
font-size: 12px;
}
댓글 (8)
-
BBrowneyes
24.03.29 · 162.♡.186.242
문과라 뭔가 하고 싶어도 못하겠네요... -
Ggenife
24.03.29 · 172.♡.223.76
감사합니다. -
받받침대
24.03.29 · 162.♡.187.62
좋네요!!! -
Kkuhe
24.03.29 · 172.♡.233.4
사용법도 알려주세요!!! - 우
우왕
→ kuhe
24.03.29 · 172.♡.214.228
크롬플러그인 중에 stykebot 같은거 설치해서 적용하심 됩니다~ -
Kkuhe
→ 우왕
24.03.29 · 172.♡.233.4
오오오오 감사합니다 ^^ - 우
우왕
→ kuhe
24.03.29 · 172.♡.214.228
설치하시고 옵션-스타일에서 새스타일 추가 하시고 주소 넣고 저 css내용을 집어 넣으시면 됩니다~~~~ -
Kkuhe
→ 우왕
24.03.29 · 162.♡.118.164
적용해봤는데 윈도우 환경에서는 가독성이 떨어져서 수정해서 써야겠군요.
아무튼 이런게 있다는걸 알려주셔서 감사 ^^
댓글을 작성하려면 이 필요합니다.