다크모드를 쓰면 눈은 좀 편안한데, 계속 쓰다보면 무언가 우울하고, 기운이 쫌 가라앉는다고 해야할까요?

그런데 라이트 모드를 쓰면, 정신이 번쩍 들기는 하는데, 눈에 자극이 심해서 다시 다크모드로 돌아가곤 했어요.

그리고, 우울.... 계속 반복요.

그래서 눈에 좀 편한 라이트 모드 스타일로 바꾸어 보았습니다.

stylebot 같은 플러그인 사용하셔서 아래의 css를(-------- 아랫 부분) 넣으시면 됩니다.

-------------------------------------------------

 bg-body {background-color: rgb(233 233 233) !important;}
.site-navbar {background: #e5e5e5;}
.site-footer-wrap .mb-4 {display:none;}
​footer.site-footer-wrap.bg-body-tertiary.py-4 {padding-top: 0.5rem !important;padding-bottom: 0.5rem !important;}
.site-footer-wrap .lh-lg {line-height: 1.5 !important;}
.site-footer-wrap .mb-3 {margin-bottom: 0rem !important;}
li.list-group-item:nth-child(even) {background-color:#f1f1f1;}
.mb-4 p span {color: #fff !important;}
.border.mx-3.mx-sm-0.mb-3.p-3 {background: #fff;}
.border.mx-3.mx-sm-0.mb-3.p-3 img.rounded-circle {width:100px;}
.bg-secondary-subtle {background-color: #cedeff !important;}
img#my_menu_img {margin-top: 4px;}

@media (min-width: 992px) {
.px-3.mb-4 {background: #f0f0f0;padding: 2px 2px 10px 2px;border-radius: 10px;}
#sidebar-site-menu .nav-item {padding: 6px 0 0 0 !important;border-bottom: 1px dashed #d1d1d1;border-radius: 0;}
.nav-item.nav-link {position: absolute;top: 133px;left: 1175px;}
.nav-item i {display: none;}
.sticky-top .row.gx-2 {margin-top: 20px;}
.my-2 span.small {display: none;}
.nav-item.nav-link {margin: -20px 0 0 63px !important;border-bottom: none !important;}
.bo_list_wrap.px-3.py-2.border-top {position: absolute !important;bottom: -26px;left: auto;right: auto;}
.page-title.p-3.pt-4.mb-3 {width: 100.12%;}
.alert.alert-light.mb-4.mx-3.mx-sm-0 {padding: 0;margin-bottom: 70px !important;}

article#bo_v {background: #f9f9f9;}
.rounded-circle {border-radius: 10% !important;}
.lh-base {line-height: 3.5 !important;}
.my-2 {margin-top: 0 rem !important;margin-bottom: 0.5rem !important;}
a.sv_member.ellipsis-1 {margin-top: -20px;}
.text-bg-secondary {min-width: 28px;}
.nav-item iframe#aswift_1 {width: 280px !important;}
.col-md-8 iframe#aswift_1 {width: 872px !important;;}
.row-cols-lg-2 iframe#aswift_1 {width: 424px !important;;}
ul.nav.justify-content-center.border-bottom.pb-3.mb-3 {display: none;}
p.text-center.text-body-secondary {margin-bottom: 1px;}
}

@media (max-width: 992px) {
.order-2.col-md-4 {width: 100% !important;display: none;}
.site-footer-wrap .mb-3 {font-size: 0.8rem;}
.na-menu .nav-item {padding: 10px 0 0 0 !important;border-bottom: 1px dashed #d1d1d1;border-radius: 0; }
.na-menu .nav-icon {display:none;}
.pagination-sm {--bs-pagination-padding-x: 0.6rem !important;}
.site-footer-wrap .px-2 {padding-right: 0.2rem !important;padding-left: 0.2rem !important;font-size: 15px;}
.site-footer-wrap .pb-3 {padding-bottom: 0rem !important;}
}