/* Here is your custom css styles. */

/* 日夜切换按钮 */
#darkModeToggle {
  cursor: pointer;
}

/* 亮色模式 */
body.light-mode,
.light-mode .bg-cover {
  background-color: #f5f5f5 !important;
}

.light-mode nav,
.light-mode .nav-wrapper {
  background: #fff !important;
}

.light-mode nav ul a,
.light-mode nav .brand-logo {
  color: #333 !important;
}

.light-mode .card {
  background: #fff !important;
  color: #333 !important;
}

.light-mode .card .card-content {
  color: #333 !important;
}

.light-mode .card .card-title {
  color: #333 !important;
}

.light-mode .card .article-content .summary {
  color: #555 !important;
}

.light-mode h1, .light-mode h2, .light-mode h3,
.light-mode h4, .light-mode h5, .light-mode h6,
.light-mode p, .light-mode span:not(.card-title):not(.btn) {
  color: #333 !important;
}

.light-mode a {
  color: #0366d6 !important;
}

.light-mode .tag-title {
  color: #333 !important;
}

.light-mode .chip-container .tag-title {
  color: #333 !important;
}

.light-mode .publish-info .publish-date,
.light-mode .publish-info .publish-author {
  color: #888 !important;
}

.light-mode footer,
.light-mode .footer-copyright {
  background: #fff !important;
  color: #333 !important;
}

.light-mode footer a,
.light-mode .footer-copyright a {
  color: #0366d6 !important;
}

.light-mode .modal,
.light-mode .modal-content {
  background: #fff !important;
  color: #333 !important;
}

.light-mode .search-input {
  color: #333 !important;
  border-bottom: 2px solid #0366d6 !important;
}

.light-mode .search-result-title {
  color: #0366d6 !important;
}

.light-mode .search-result {
  color: #555 !important;
}

.light-mode .sidenav {
  background: #fff !important;
}

.light-mode .sidenav li a {
  color: #333 !important;
}

.light-mode .sidenav .subheader {
  color: #888 !important;
}

/* 留言板亮色模式 */
.light-mode .guestbook input,
.light-mode .guestbook textarea {
  background: #fff !important;
  color: #333 !important;
  border-color: #ddd !important;
}

.light-mode .guestbook .msg-item {
  background: #fff !important;
  border-color: #e1e4e8 !important;
}

.light-mode .guestbook .msg-name {
  color: #0366d6 !important;
}

.light-mode .guestbook .msg-content {
  color: #333 !important;
}

.light-mode .guestbook .msg-time {
  color: #888 !important;
}

.light-mode .guestbook .count {
  color: #888 !important;
}

.light-mode .guestbook .msg-empty {
  color: #888 !important;
}

/* 关于页面亮色模式 */
.light-mode .about-cover .description {
  color: #333 !important;
}

/* 背景覆盖层 */
.light-mode .bg-cover:before {
  opacity: 0.1 !important;
}

/* 文章特色卡片 */
.light-mode .card-image .card-title {
  color: #fff !important;
  background: linear-gradient(transparent 0%, rgba(0,0,0,0.6) 100%) !important;
}