body {
    background-color: #0d1117;;
    color: #eee
}

a {
    color: #eee;
    text-decoration: none
}
.toc a {
    text-decoration: none;
    color: #eee;
}

hr {
    color: #222
}
/* For article titles */
.article-title {
  color: #ffffff;
}

.article-title:hover {
  color: #258fb8; 
}

aside,
hr {
    background-color: #222
}

aside {
  background-color: #0d1b2a;
  background-image: 
    linear-gradient(to right, rgba(0, 212, 255, 0.08) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(0, 212, 255, 0.08) 1px, transparent 1px);
  background-size: 40px 40px;
  animation: moveGrid 3s linear infinite;
}

aside form.navbar-search input#tipue_search_input {
    background-color: #1a1a1a;
    color: #eee
}

main nav {
    border-bottom-color: #222
}

main .translations a,
main nav a {
    border-color: #222
}

main article kbd {
    background-color: #080808;
    color: #eee
}

main article blockquote,
main article pre {
    border-left: 8px solid #ffffff33
}

main article :not(pre)>code {
    background-color: #080808;
    border-color: #000
}

main article div#tipue_search_content .tipue_search_result span.tipue_search_content_bold {
    color: #fff
}

main article section#isso-thread .auth-section p.input-wrapper input,
main article section#isso-thread .notification-section input,
main article section#isso-thread div.textarea {
    background: #1a1a1a;
    color: #eee
}

main article section#isso-thread>h4 {
    color: #eee
}

main article section#isso-thread .isso-postbox>.form-wrapper .preview {
    background: repeating-linear-gradient(-45deg, #222, #222 10px, #1a1a1a 0, #1a1a1a 20px)
}

main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header .author {
    color: #eee
}

main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header .note,
main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header .spacer,
main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header a.parent,
main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header a.permalink {
    color: #999
}

main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header .note:hover,
main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header .spacer:hover,
main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header a.parent:hover,
main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-header a.permalink:hover {
    color: #eee
}

main article section#isso-thread .isso-comment>div.text-wrapper>.isso-comment-footer a:hover {
    text-shadow: #242121 0 0 1px !important
}

main footer {
    border-top-color: #222
}

div.related-posts {
    border-color: #222
}

div.admonition {
    margin-bottom: 2.5rem;
    border-radius: 4px;
    padding: .5em 1.25em 1.25em
}

div.admonition p.admonition-title:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: FontAwesome;
}

div.admonition p.admonition-title {
    font-weight: 600;
    line-height: 1.25em;
    margin-bottom: 1.25em;
    margin-top: inherit
}

div.admonition div,
div.admonition p,
div.admonition pre {
    margin-bottom: 0
}

div.admonition {
    color: #242121;
    background-color: #ccc
}

div.admonition.attention {
    background-color: #fff7ed;           
    border-left: 4px solid #f97316;     
    color: #7c2d12;                      
}

div.admonition.attention p.admonition-title:before {
    color: #fb923c;
    content: "\f06a\00a0 ";              /* exclamation-circle icon */
    font-family: "Font Awesome 5 Free";
}

div.admonition.caution {
    background-color: #fef9c3;
    border-left: 4px solid #eab308;
    color: #78350f;
}

div.admonition.caution p.admonition-title:before {
    color: #facc15;
    content: "\f071\00a0 ";              /* exclamation-triangle icon */
    font-family: "Font Awesome 5 Free";
}

div.admonition.danger {
    background-color: #fee2e2;
    border-left: 4px solid #ef4444;
    color: #7f1d1d;
}

div.admonition.danger p.admonition-title:before {
    color: #f87171;
    content: "\f06a\00a0 ";              /* exclamation-circle icon */
    font-family: "Font Awesome 5 Free";
}

div.admonition.error {
    background-color: #fee2e2;
    border-left: 4px solid #dc2626;
    color: #7f1d1d;
}

div.admonition.error p.admonition-title:before {
    color: #ef4444;
    content: "\f057\00a0 ";              /* times-circle icon */
    font-family: "Font Awesome 5 Free";
}

div.admonition.hint {
    background-color: #e0f2fe;
    border-left: 4px solid #0284c7;
    color: #0c4a6e;
}

div.admonition.hint p.admonition-title:before {
    color: #38bdf8;
    content: "\f0eb\00a0 ";              /* lightbulb icon */
    font-family: "Font Awesome 5 Free";
}

div.admonition.important {
    background-color: #fef2f2;
    border-left: 4px solid #e11d48;
    color: #9f1239;
}

div.admonition.important p.admonition-title:before {
    color: #fb7185;
    content: "\f06a\00a0 ";              /* exclamation-circle icon */
    font-family: "Font Awesome 5 Free";
}

div.admonition.note {
    background-color: #e0f2fe;
    border-left: 4px solid #0284c7;
    color: #0c4a6e;
}

div.admonition.note p.admonition-title:before {
    color: #38bdf8;
    content: "\f05a\00a0 ";              /* info-circle icon */
    font-family: "Font Awesome 5 Free";
}

div.admonition.tip {
    background-color: #ecfdf5;
    border-left: 4px solid #10b981;
    color: #065f46;
}

div.admonition.tip p.admonition-title:before {
    color: #34d399;
    content: "\f024\00a0 ";
    font-family: Font Awesome\ 5 Free
}

div.admonition.warning {
    background-color: #fef9c3;
    border-left: 4px solid #eab308;
    color: #78350f;
}

div.admonition.warning p.admonition-title:before {
    color: #facc15;
    content: "\f071\00a0 ";              /* exclamation-triangle icon */
    font-family: "Font Awesome 5 Free";
}

div.admonition.todo {
    background-color: #f3f4f6;
    border-left: 4px solid #6b7280;
    color: #374151;
}
div.admonition.todo p.admonition-title:before {
    color: #9ca3af;
    content: "\f0ae\00a0 ";              /* tasks icon */
    font-family: "Font Awesome 5 Free";
}

div.admonition.seealso {
    background-color: #ede9fe;
    border-left: 4px solid #8b5cf6;
    color: #4c1d95;
}

div.admonition.seealso p.admonition-title:before {
    color: #a78bfa;
    content: "\f0c1\00a0 ";              /* link icon */
    font-family: "Font Awesome 5 Free";
}

div.figure,
figure {
    color: #bfbfbf
}

div.figure figcaption,
figure figcaption {
    color: #eee
}