html.dark {
  color: #d5deeb;
  background: #0c1422;
}

html.dark body::before {
  background: radial-gradient(circle, rgba(50, 127, 209, 0.22) 0%, rgba(50, 127, 209, 0) 75%);
}

html.dark body::after {
  background: radial-gradient(circle, rgba(40, 166, 124, 0.2) 0%, rgba(40, 166, 124, 0) 75%);
}

html.dark ::selection {
  background-color: #3e6da8;
  color: #ffffff;
}

html.dark ::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: rgba(153, 172, 196, 0.62);
}

html.dark img {
  filter: none;
}

html.dark .hero-avatar {
  border-color: #2e3b52;
}

html.dark .header {
  border-color: #293244;
  background: rgba(13, 24, 40, 0.74);
}

html.dark .brand-text span,
html.dark .menu-link,
html.dark .footer,
html.dark .list-post li .date,
html.dark .section-head p {
  color: #98a7bd;
}

html.dark .menu-link:hover {
  color: #e5edf8;
  border-color: #3b4a61;
  background: #162336;
}

html.dark .hero,
html.dark .section-card,
html.dark .list-category,
html.dark .portal-card,
html.dark .page-search .list-search a {
  border-color: #2f3b52;
  background: #111d30;
}

html.dark .hero {
  background: linear-gradient(145deg, #121f33 20%, #0f1a2d 100%);
}

html.dark .hero .lead,
html.dark .list-search .content {
  color: #9eb0c9;
}

html.dark .hero-actions a,
html.dark .page-search #search-input,
html.dark .list-category div a {
  border-color: #34435d;
  background: #15243a;
  color: #9bb0cd;
}

html.dark .hero-actions a:hover,
html.dark .list-category div a:hover {
  border-color: #4f79ab;
  background: #1a2e4a;
  color: #d6e6fb;
}

html.dark .portal-card li {
  border-bottom-color: #2f3b52;
}

html.dark .pub-list .pub-meta span {
  background: #1a2a42;
  border-color: #344864;
  color: #a8bdd7;
}

html.dark .portal-more,
html.dark .more-link {
  color: #9dbce0;
}

html.dark .portal-more:hover,
html.dark .more-link:hover {
  color: #d8e8fb;
}

html.dark .hover-underline::after {
  background-color: #84b6ee;
}

html.dark .list-post ul {
  border-top-color: #2f3b52;
}

html.dark .list-post li {
  border-bottom-color: #2a3448;
}

html.dark .page-search #search-input {
  color: #e2ecfa;
}

html.dark .page-search #search-input::-webkit-input-placeholder {
  color: #96a4bc;
}

html.dark .page-search h1 i {
  background-color: #e8f1ff;
}

html.dark .page-search .list-search .title {
  border-bottom-color: #7598c4;
}

html.dark .page-search .list-search .hint {
  color: #ff9191;
}

html.dark .page-post .title {
  color: #ffffff;
}

html.dark .page-post img {
  box-shadow: none;
}

html.dark .page-post code {
  background-color: rgba(240, 246, 252, 0.15);
  color: #c9d1d9;
}

html.dark .page-post a {
  color: #8ec5ff;
  border-bottom: 1px solid #8ec5ff;
}

html.dark .page-post strong,
html.dark .page-post b {
  color: #ffffff;
}

html.dark .page-post blockquote {
  border-left: 3px solid #465168;
  background-color: rgba(70, 81, 104, 0.2);
  color: #9fb0c8;
}

html.dark .page-post .table-container,
html.dark .page-post table,
html.dark .page-post tr {
  border-color: #3b455a;
}

html.dark .page-post hr {
  background-color: #344058;
}

html.dark .page-post table tr:nth-child(even) {
  background-color: #162236;
}

html.dark .page-post iframe {
  opacity: 0.88;
}

html.dark .footer-btn {
  background-color: rgba(226, 237, 255, 0.36);
}

html.dark .footer-btn i {
  opacity: 0.82;
}