연습장:Sakura/1 문서 원본 보기

라이트/다크 커스텀 테마

<!-- 라이트모드 -->
{{#CSS:
body.Liberty {
  background-color: #eff6ff;
}
.Liberty .content-wrapper .liberty-notice,
.Liberty .content-wrapper .liberty-content,
.Liberty .content-wrapper .liberty-content .liberty-content-header,
.Liberty .content-wrapper .liberty-content .liberty-content-main,
.Liberty .content-wrapper .liberty-footer,
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent,
.Liberty .content-wrapper .liberty-sidebar .everest-rss,
.suggestions .suggestions-results, .dark .suggestions .suggestions-special,
.Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools,
.btn-group,
.content-tools .btn-secondary,
.Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .dropdown-menu,
.Liberty .nav-wrapper .navbar .dropdown-menu,
.Liberty .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
  background-color: #dbeafe;
  border-color: #93c5fd;
  color: #020617;
}
.Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn,
.Liberty .nav-wrapper .navbar .form-inline .form-control {
  border-color: #93c5fd;
  color: #020617;
}
.Liberty .content-wrapper .liberty-content .liberty-content-header .title > h1 {
  color: #020617;
}
}}

<!-- 다크모드 -->
{{#CSS:
body.Liberty:is(.dark *) {
  background-color: #020617;
}
.nav-wrapper.navbar-fixed-top:is(.dark *) {
  background: transparent;
}
.Liberty .content-wrapper .liberty-notice:is(.dark *),
.Liberty .content-wrapper .liberty-content:is(.dark *),
.Liberty .content-wrapper .liberty-content .liberty-content-header:is(.dark *),
.Liberty .content-wrapper .liberty-content .liberty-content-main:is(.dark *),
.Liberty .content-wrapper .liberty-footer:is(.dark *),
.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent:is(.dark *),
.Liberty .content-wrapper .liberty-sidebar .everest-rss:is(.dark *),
.suggestions .suggestions-results, .dark .suggestions .suggestions-special:is(.dark *),
.Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools:is(.dark *),
.btn-group:is(.dark *),
.btn-secondary:is(.dark *),
.Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .dropdown-menu:is(.dark *),
.Liberty .nav-wrapper .navbar .dropdown-menu:is(.dark *),
.Liberty .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:is(.dark *) {
  background-color: #020617;
  border-color: #1e3a8a;
  color: #bfdbfe;
}
.fa:is(.dark *),
.Liberty .nav-wrapper .navbar .navbar-login .fa:is(.dark *),
.Liberty .nav-wrapper .navbar .navbar-nav .nav-item .nav-link:is(.dark *),
.Liberty .content-wrapper .liberty-content .liberty-content-header .content-tools .tools-btn:is(.dark *),
.Liberty .nav-wrapper .navbar .form-inline .form-control:is(.dark *) {
  border-color: #1e3a8a;
  color: #bfdbfe;
}
.Liberty .content-wrapper .liberty-content .liberty-content-header .title > h1:is(.dark *) {
  color: #bfdbfe;
}
a:is(.dark *) {
  color: #818cf8;
}
a.external:is(.dark *) {
  color: #34d399;
}
}}