dark theme for documentation

This commit is contained in:
Benjamin Neff 2016-12-30 06:37:57 +01:00
parent 7be5097a59
commit e39a7f6a8a
3 changed files with 153 additions and 65 deletions

View file

@ -1,61 +1,70 @@
.hll { background-color: #ffffcc } .highlight pre { background-color: #404040 }
.c { color: #999988; font-style: italic } /* Comment */ .highlight .hll { background-color: #404040 }
.err { color: #a61717; background-color: #e3d2d2 } /* Error */ .highlight .c { color: #999999; font-style: italic } /* Comment */
.k { color: #000000; font-weight: bold } /* Keyword */ .highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
.o { color: #000000; font-weight: bold } /* Operator */ .highlight .g { color: #d0d0d0 } /* Generic */
.cm { color: #999988; font-style: italic } /* Comment.Multiline */ .highlight .k { color: #6ab825; font-weight: bold } /* Keyword */
.cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */ .highlight .l { color: #d0d0d0 } /* Literal */
.c1 { color: #999988; font-style: italic } /* Comment.Single */ .highlight .n { color: #d0d0d0 } /* Name */
.cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ .highlight .o { color: #d0d0d0 } /* Operator */
.gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ .highlight .x { color: #d0d0d0 } /* Other */
.ge { color: #000000; font-style: italic } /* Generic.Emph */ .highlight .p { color: #d0d0d0 } /* Punctuation */
.gr { color: #aa0000 } /* Generic.Error */ .highlight .cm { color: #999999; font-style: italic } /* Comment.Multiline */
.gh { color: #999999 } /* Generic.Heading */ .highlight .cp { color: #cd2828; font-weight: bold } /* Comment.Preproc */
.gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ .highlight .c1 { color: #999999; font-style: italic } /* Comment.Single */
.go { color: #888888 } /* Generic.Output */ .highlight .cs { color: #e50808; font-weight: bold; background-color: #520000 } /* Comment.Special */
.gp { color: #555555 } /* Generic.Prompt */ .highlight .gd { color: #d22323 } /* Generic.Deleted */
.gs { font-weight: bold } /* Generic.Strong */ .highlight .ge { color: #d0d0d0; font-style: italic } /* Generic.Emph */
.gu { color: #aaaaaa } /* Generic.Subheading */ .highlight .gr { color: #d22323 } /* Generic.Error */
.gt { color: #aa0000 } /* Generic.Traceback */ .highlight .gh { color: #ffffff; font-weight: bold } /* Generic.Heading */
.kc { color: #000000; font-weight: bold } /* Keyword.Constant */ .highlight .gi { color: #589819 } /* Generic.Inserted */
.kd { color: #000000; font-weight: bold } /* Keyword.Declaration */ .highlight .go { color: #cccccc } /* Generic.Output */
.kn { color: #000000; font-weight: bold } /* Keyword.Namespace */ .highlight .gp { color: #aaaaaa } /* Generic.Prompt */
.kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */ .highlight .gs { color: #d0d0d0; font-weight: bold } /* Generic.Strong */
.kr { color: #000000; font-weight: bold } /* Keyword.Reserved */ .highlight .gu { color: #ffffff; text-decoration: underline } /* Generic.Subheading */
.kt { color: #445588; font-weight: bold } /* Keyword.Type */ .highlight .gt { color: #d22323 } /* Generic.Traceback */
.m { color: #009999 } /* Literal.Number */ .highlight .kc { color: #6ab825; font-weight: bold } /* Keyword.Constant */
.s { color: #d01040 } /* Literal.String */ .highlight .kd { color: #6ab825; font-weight: bold } /* Keyword.Declaration */
.na { color: #008080 } /* Name.Attribute */ .highlight .kn { color: #6ab825; font-weight: bold } /* Keyword.Namespace */
.nb { color: #0086B3 } /* Name.Builtin */ .highlight .kp { color: #6ab825 } /* Keyword.Pseudo */
.nc { color: #445588; font-weight: bold } /* Name.Class */ .highlight .kr { color: #6ab825; font-weight: bold } /* Keyword.Reserved */
.no { color: #008080 } /* Name.Constant */ .highlight .kt { color: #6ab825; font-weight: bold } /* Keyword.Type */
.nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */ .highlight .ld { color: #d0d0d0 } /* Literal.Date */
.ni { color: #800080 } /* Name.Entity */ .highlight .m { color: #3677a9 } /* Literal.Number */
.ne { color: #990000; font-weight: bold } /* Name.Exception */ .highlight .s { color: #ed9d13 } /* Literal.String */
.nf { color: #990000; font-weight: bold } /* Name.Function */ .highlight .na { color: #bbbbbb } /* Name.Attribute */
.nl { color: #990000; font-weight: bold } /* Name.Label */ .highlight .nb { color: #24909d } /* Name.Builtin */
.nn { color: #555555 } /* Name.Namespace */ .highlight .nc { color: #447fcf; text-decoration: underline } /* Name.Class */
.nt { color: #000080 } /* Name.Tag */ .highlight .no { color: #40ffff } /* Name.Constant */
.nv { color: #008080 } /* Name.Variable */ .highlight .nd { color: #ffa500 } /* Name.Decorator */
.ow { color: #000000; font-weight: bold } /* Operator.Word */ .highlight .ni { color: #d0d0d0 } /* Name.Entity */
.w { color: #bbbbbb } /* Text.Whitespace */ .highlight .ne { color: #bbbbbb } /* Name.Exception */
.mf { color: #009999 } /* Literal.Number.Float */ .highlight .nf { color: #447fcf } /* Name.Function */
.mh { color: #009999 } /* Literal.Number.Hex */ .highlight .nl { color: #d0d0d0 } /* Name.Label */
.mi { color: #009999 } /* Literal.Number.Integer */ .highlight .nn { color: #447fcf; text-decoration: underline } /* Name.Namespace */
.mo { color: #009999 } /* Literal.Number.Oct */ .highlight .nx { color: #d0d0d0 } /* Name.Other */
.sb { color: #d01040 } /* Literal.String.Backtick */ .highlight .py { color: #d0d0d0 } /* Name.Property */
.sc { color: #d01040 } /* Literal.String.Char */ .highlight .nt { color: #6ab825; font-weight: bold } /* Name.Tag */
.sd { color: #d01040 } /* Literal.String.Doc */ .highlight .nv { color: #40ffff } /* Name.Variable */
.s2 { color: #d01040 } /* Literal.String.Double */ .highlight .ow { color: #6ab825; font-weight: bold } /* Operator.Word */
.se { color: #d01040 } /* Literal.String.Escape */ .highlight .w { color: #666666 } /* Text.Whitespace */
.sh { color: #d01040 } /* Literal.String.Heredoc */ .highlight .mf { color: #3677a9 } /* Literal.Number.Float */
.si { color: #d01040 } /* Literal.String.Interpol */ .highlight .mh { color: #3677a9 } /* Literal.Number.Hex */
.sx { color: #d01040 } /* Literal.String.Other */ .highlight .mi { color: #3677a9 } /* Literal.Number.Integer */
.sr { color: #009926 } /* Literal.String.Regex */ .highlight .mo { color: #3677a9 } /* Literal.Number.Oct */
.s1 { color: #d01040 } /* Literal.String.Single */ .highlight .sb { color: #ed9d13 } /* Literal.String.Backtick */
.ss { color: #990073 } /* Literal.String.Symbol */ .highlight .sc { color: #ed9d13 } /* Literal.String.Char */
.bp { color: #999999 } /* Name.Builtin.Pseudo */ .highlight .sd { color: #ed9d13 } /* Literal.String.Doc */
.vc { color: #008080 } /* Name.Variable.Class */ .highlight .s2 { color: #ed9d13 } /* Literal.String.Double */
.vg { color: #008080 } /* Name.Variable.Global */ .highlight .se { color: #ed9d13 } /* Literal.String.Escape */
.vi { color: #008080 } /* Name.Variable.Instance */ .highlight .sh { color: #ed9d13 } /* Literal.String.Heredoc */
.il { color: #009999 } /* Literal.Number.Integer.Long */ .highlight .si { color: #ed9d13 } /* Literal.String.Interpol */
.highlight .sx { color: #ffa500 } /* Literal.String.Other */
.highlight .sr { color: #ed9d13 } /* Literal.String.Regex */
.highlight .s1 { color: #ed9d13 } /* Literal.String.Single */
.highlight .ss { color: #ed9d13 } /* Literal.String.Symbol */
.highlight .bp { color: #24909d } /* Name.Builtin.Pseudo */
.highlight .vc { color: #40ffff } /* Name.Variable.Class */
.highlight .vg { color: #40ffff } /* Name.Variable.Global */
.highlight .vi { color: #40ffff } /* Name.Variable.Instance */
.highlight .il { color: #3677a9 } /* Literal.Number.Integer.Long */

View file

@ -3,6 +3,7 @@
@import "_pygments.scss"; @import "_pygments.scss";
@import "_webfonts.scss"; @import "_webfonts.scss";
@import "theme.scss";
.container-fluid { .container-fluid {
max-width: 1200px; max-width: 1200px;
@ -31,7 +32,7 @@ body {
} }
h2 { h2 {
border-top: 1px solid #e7e7e7; border-top: 1px solid #0f0f0f;
margin-top: 30px; margin-top: 30px;
padding-top: 25px; padding-top: 25px;
} }
@ -57,7 +58,7 @@ body {
width: 100%; width: 100%;
thead tr th { thead tr th {
border-bottom: 2px solid #ddd; border-bottom: 2px solid #474747;
line-height: 1.42857143; line-height: 1.42857143;
padding: 8px; padding: 8px;
vertical-align: bottom; vertical-align: bottom;
@ -65,14 +66,14 @@ body {
tbody tr { tbody tr {
td { td {
border-top: 1px solid #ddd; border-top: 1px solid #474747;
line-height: 1.42857143; line-height: 1.42857143;
padding: 8px; padding: 8px;
vertical-align: top; vertical-align: top;
} }
&:nth-of-type(2n+1) { &:nth-of-type(2n+1) {
background-color: #f9f9f9; background-color: #222;
} }
} }
} }

View file

@ -0,0 +1,78 @@
body {
color: #bfbfbf;
background-color: #181818;
}
.navbar-default {
background-color: #0f0f0f;
border-color: #222;
.navbar-nav > {
.active,
.open {
> a {
&,
&:focus,
&:hover {
color: #fff;
background-color: #555;
}
}
.dropdown-menu > {
.active > a {
&,
&:focus,
&:hover {
color: #fff;
background-color: #555;
}
}
li > a {
&:focus,
&:hover {
color: #fff;
}
}
}
}
li > a {
&:focus,
&:hover {
color: #fff;
}
}
}
}
.nav > li > a {
&:focus,
&:hover {
color: #fff;
background-color: #555;
}
}
code, pre {
color: #bfbfbf;
background-color: #181818;
border: 1px solid #474747;
}
pre code {
border: 0;
}
.panel {
background-color: #181818;
}
.panel-warning {
border-color: #645a1b;
> .panel-heading {
color: #cebc4a;
background-color: #645a1b;
border-color: #141205;
}
}