1
0
Fork 0
mirror of https://github.com/aclist/dztui.git synced 2024-12-28 13:22:35 +01:00
dztui/docs/dark.css
2023-05-19 23:32:08 +09:00

120 lines
3.3 KiB
CSS

/* Asciidoctor default stylesheet | MIT License | https://asciidoctor.org */
@import url(//fonts.googleapis.com/css?family=Noto+Sans);
@import url(https://cdn.jsdelivr.net/gh/asciidoctor/asciidoctor@2.0/data/stylesheets/asciidoctor-default.css); /* Default asciidoc style framework - important */
/* CUSTOMISATIONS */
/* Change the values in root for quick customisation. If you want even more fine grain... venture further. */
:root{
--maincolor:#222222;
--primarycolor:#aaa;
--secondarycolor:#aaa;
--tertiarycolor:#aaa;
--sidebarbackground:#222222;
--linkcolor:#ecc89e;
--linkcoloralternate:#cbcbcb;
--white:#777777;
--codebg:#111;
--codefg:#ffffff;
--linkhover:#eb862f;
}
/* Text styles */
body{font-family: "Noto Sans",sans-serif;background-color: var(--maincolor);color:var(--white);}
h1{color:var(--primarycolor) !important;font-family:"Noto Sans",sans-serif;}
h2,h3,h4,h5,h6{color:var(--secondarycolor) !important;font-family:"Noto Sans",sans-serif;}
.title{color:var(--white) !important;font-family:"Noto Sans",sans-serif;font-style: normal; font-weight: normal;}
p{font-family: "Noto Sans",sans-serif ! important}
#toc.toc2 a:link{color:var(--linkcolor);}
#toc.toc2 {border-right: 1px solid #8e8e96}
blockquote{color:var(--tertiarycolor) !important}
.quoteblock{color:var(--white)}
code{color:var(--codefg);background-color: var(--codebg) !important}
td.tableblock{border:0 solid #a9a9a9}
/* Table styles */
th{background-color: var(--maincolor);color:var(--primarycolor) !important;}
td{background-color: var(--maincolor);color: var(--primarycolor) !important}
#toc.toc2{background-color:var(--sidebarbackground);}
#toctitle{color:var(--white);}
/* Responsiveness fixes */
video {
max-width: 100%;
}
@media all and (max-width: 600px) {
table {
width: 55vw!important;
font-size: 3vw;
}
}
.exampleblock > .content {
background-color: var(--maincolor);
}
a {
color: var(--linkcolor);
}
a:hover,#toc.toc2 a:hover{
color: var(--linkhover);
}
.admonitionblock td.icon .icon-tip::before {
text-shadow: none;
color: var(--white);
}
.admonitionblock td.icon .icon-note::before {
color: var(--tertiarycolor);
}
.admonitionblock td.icon .icon-important::before {
color: var(--linkcolor);
}
/*.admonitionblock td.icon .icon-caution::before {
color: var(--linkcoloralternate);
}*/
.admonitionblock td.icon .icon-warning::before {
color: var(--primarycolor);
}
#preamble > .sectionbody > .paragraph:first-of-type p {
color: var(--white);
}
.quoteblock blockquote::before {
color: var(--primarycolor);
}
.quoteblock .attribution cite, .verseblock .attribution cite {
color: var(--white);
}
.verseblock pre {
color: var(--white);
}
.quoteblock blockquote, .quoteblock blockquote p {
color: var(--white);
}
.sidebarblock {
background: var(--sidebarbackground);
}
.literalblock pre, .listingblock pre:not(.highlight), .listingblock pre[class="highlight"], .listingblock pre[class^="highlight "], .listingblock pre.CodeRay, .listingblock pre.prettyprint {
background: var(--codebg);
color: var(--white);
}
.literalblock pre, .listingblock>.content>pre:not(.highlight), .listingblock>.content>pre[class=highlight], .listingblock>.content>pre[class^="highlight "] {
background: var(--codebg);
}
#header .details {
color: var(--white);
}
#header .details span.email a {
color: var(--linkcoloralternate);
}