프라치노 공간 커스텀 CSS

테마를 바꾸고 나면 수정해 놓은 부분이 날라가서 기록용으로 남겨놓습니다.

@charset "utf-8";
/* 편집하기 전에 <사용자화된 CSS 활성화> 옵션이 켜져 있는지 확인하십시오. 이 줄 아래에 사용자화 스타일 시트 코드를 입력하면 됩니다. */
html.night,html.night #measuring,html.night .measuring {
      background-color: #212121
  }
  html.night.gpu.effect #global-navigation {
    background-color: rgba(33, 33, 33,.8) !important;
  }


 
  html.night .activity-content-wrap:after {
    background: linear-gradient(90deg, rgba(33, 33, 33, 0), rgba(33, 33, 33, 1) 75%) !important;
  }

  html.night .page-stroke {
    border-bottom-color: #282828!important;
  }
  html.night .card-type .index-item-summary:after, html.night .text-type .index-item-summary:after {
    background: linear-gradient(90deg,rgba(33,33,33,0),rgba(33,33,33,1) 75%) !important;
  }

  html.night #article.fc .another-category, html.night #article.fc .txc-info, html.night #article.fc :not(.procode-wrap)>code, html.night #article.fc pre, html.night #article.fc>code {
    background-color: #181818 !important;
    border-radius: 0.5em;
  }
@font-face {
    font-family: "customFont";
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

body {
  font-family: customFont !important;
}

@media (prefers-color-scheme: dark) {
    

  html.day.sysui,html.day.sysui #measuring,html.day.sysui .measuring {
      background-color: #212121
  }
  html.day.sysui.gpu.effect #global-navigation {
    background-color: rgba(33, 33, 33,.8) !important;
  }


 
  html.day.sysui .activity-content-wrap:after {
    background: linear-gradient(90deg, rgba(33, 33, 33, 0), rgba(33, 33, 33, 1) 75%) !important;
  }

  html.day.sysui .page-stroke {
    border-bottom-color: #282828!important;
  }
  html.day.sysui .card-type .index-item-summary:after, html.day.sysui .text-type .index-item-summary:after {
    background: linear-gradient(90deg,rgba(33,33,33,0),rgba(33,33,33,1) 75%) !important;
  }

   html.day.sysui #article.fc .another-category, html.day.sysui #article.fc .txc-info, html.day.sysui #article.fc :not(.procode-wrap)>code, html.day.sysui #article.fc pre, html.day.sysui #article.fc>code {
    background-color: #181818 !important;
    border-radius: 0.5em;
  }
}

/* tocbot */
.toc-absolute {
position: absolute;
margin-top: calc(15vh + 96px);
}
.toc-fixed {
position: fixed;
top: 96px;
}
.toc {
right: calc((100% - 1100px) / 2 - 500px);
width: 300px;
padding: 10px;
box-sizing: border-box;
}
.toc-list {
margin-top: 10px !important;
font-size: 0.9em;
}
.toc > .toc-list li {
margin-bottom: 10px;

}
.toc-link::before {
    background-color: #232323 !important;
}
.toc > .toc-list li:last-child {
margin-bottom: 0;
}
.toc > .toc-list li a {
text-decoration: none;
}
.is-active-link::before {
    background-color: #FF1744 !important;
}