switching to dark theme on docs site #docs

This commit is contained in:
pyr0ball 2020-05-13 01:27:15 -07:00
parent b225d06b29
commit 44114dbaec
3 changed files with 271 additions and 1 deletions

View file

@ -0,0 +1,114 @@
/*
/////////////////
// Inline Code //
/////////////////
*/
.md-typeset code {
background-color: #424242;
color: #F5F5F5;
margin: 0;
padding: 0.07353em 0.29412em;
box-shadow: none;
}
/*
/////////////////
// Code Blocks //
/////////////////
*/
/*
line number
*/
.linenos {
color: #F5F5F5 !important;
background-color: #313131 !important;
}
/*
code block background
*/
.codehilite {
background-color: #424242 !important;
}
/*
scroll bar size
*/
.md-typeset .codehilite::-webkit-scrollbar {
height: 1rem !important;
}
/*
actual syntax highlighting
*/
.codehilite pre { color: #FAFAFA !important; background-color: transparent !important; }
.codehilite .hll { background-color: #272822 !important; }
.codehilite .c { color: #75715e !important } /* Comment */
.codehilite .err { color: #960050 !important; background-color: #1e0010 !important } /* Error */
.codehilite .k { color: #66d9ef !important } /* Keyword */
.codehilite .l { color: #ae81ff !important } /* Literal */
.codehilite .n { color: #f8f8f2 !important } /* Name */
.codehilite .o { color: #f92672 !important } /* Operator */
.codehilite .p { color: #f8f8f2 !important } /* Punctuation */
.codehilite .cm { color: #75715e !important } /* Comment.Multiline */
.codehilite .cp { color: #75715e !important } /* Comment.Preproc */
.codehilite .c1 { color: #75715e !important } /* Comment.Single */
.codehilite .cs { color: #75715e !important } /* Comment.Special */
.codehilite .ge { font-style: italic !important } /* Generic.Emph */
.codehilite .gs { font-weight: bold !important } /* Generic.Strong */
.codehilite .kc { color: #66d9ef !important } /* Keyword.Constant */
.codehilite .kd { color: #66d9ef !important } /* Keyword.Declaration */
.codehilite .kn { color: #f92672 !important } /* Keyword.Namespace */
.codehilite .kp { color: #66d9ef !important } /* Keyword.Pseudo */
.codehilite .kr { color: #66d9ef !important } /* Keyword.Reserved */
.codehilite .kt { color: #66d9ef !important } /* Keyword.Type */
.codehilite .ld { color: #e6db74 !important } /* Literal.Date */
.codehilite .m { color: #ae81ff !important } /* Literal.Number */
.codehilite .s { color: #e6db74 !important } /* Literal.String */
.codehilite .na { color: #a6e22e !important } /* Name.Attribute */
.codehilite .nb { color: #f8f8f2 !important } /* Name.Builtin */
.codehilite .nc { color: #a6e22e !important } /* Name.Class */
.codehilite .no { color: #66d9ef !important } /* Name.Constant */
.codehilite .nd { color: #a6e22e !important } /* Name.Decorator */
.codehilite .ni { color: #f8f8f2 !important } /* Name.Entity */
.codehilite .ne { color: #a6e22e !important } /* Name.Exception */
.codehilite .nf { color: #a6e22e !important } /* Name.Function */
.codehilite .nl { color: #f8f8f2 !important } /* Name.Label */
.codehilite .nn { color: #f8f8f2 !important } /* Name.Namespace */
.codehilite .nx { color: #a6e22e !important } /* Name.Other */
.codehilite .py { color: #f8f8f2 !important } /* Name.Property */
.codehilite .nt { color: #f92672 !important } /* Name.Tag */
.codehilite .nv { color: #f8f8f2 !important } /* Name.Variable */
.codehilite .ow { color: #f92672 !important } /* Operator.Word */
.codehilite .w { color: #f8f8f2 !important } /* Text.Whitespace */
.codehilite .mf { color: #ae81ff !important } /* Literal.Number.Float */
.codehilite .mh { color: #ae81ff !important } /* Literal.Number.Hex */
.codehilite .mi { color: #ae81ff !important } /* Literal.Number.Integer */
.codehilite .mo { color: #ae81ff !important } /* Literal.Number.Oct */
.codehilite .sb { color: #e6db74 !important } /* Literal.String.Backtick */
.codehilite .sc { color: #e6db74 !important } /* Literal.String.Char */
.codehilite .sd { color: #e6db74 !important } /* Literal.String.Doc */
.codehilite .s2 { color: #e6db74 !important } /* Literal.String.Double */
.codehilite .se { color: #ae81ff !important } /* Literal.String.Escape */
.codehilite .sh { color: #e6db74 !important } /* Literal.String.Heredoc */
.codehilite .si { color: #e6db74 !important } /* Literal.String.Interpol */
.codehilite .sx { color: #e6db74 !important } /* Literal.String.Other */
.codehilite .sr { color: #e6db74 !important } /* Literal.String.Regex */
.codehilite .s1 { color: #e6db74 !important } /* Literal.String.Single */
.codehilite .ss { color: #e6db74 !important } /* Literal.String.Symbol */
.codehilite .bp { color: #f8f8f2 !important } /* Name.Builtin.Pseudo */
.codehilite .vc { color: #f8f8f2 !important } /* Name.Variable.Class */
.codehilite .vg { color: #f8f8f2 !important } /* Name.Variable.Global */
.codehilite .vi { color: #f8f8f2 !important } /* Name.Variable.Instance */
.codehilite .il { color: #ae81ff !important } /* Literal.Number.Integer.Long */
.codehilite .gh { } /* Generic Heading & Diff Header */
.codehilite .gu { color: #75715e !important ; } /* Generic.Subheading & Diff Unified/Comment? */
.codehilite .gd { color: #f92672 !important ; } /* Generic.Deleted & Diff Deleted */
.codehilite .gi { color: #a6e22e !important ; } /* Generic.Inserted & Diff Inserted */
.codehilite .md-clipboard:before { color: rgba(255, 255, 255, 0.07) } /* Clipboard button (no hover) */
.codehilite:hover .md-clipboard:before { color: rgba(255, 255, 255, 0.54) } /* Clipboard button (hovered) */

View file

@ -0,0 +1,150 @@
/*
//////////////////
// Main content //
//////////////////
*/
/*
Default text color
and background color
*/
.md-main {
color: #F5F5F5 !important;
background-color: #212121 !important;
}
/*
Main headlines
*/
.md-main h1 {
color: white !important;
}
/*
Tables
*/
tbody {
background-color: rgba(255, 255, 255, 0.05) !important;
}
.md-typeset table:not([class]) th {
background-color: rgba(255,255,255,0.11) !important;
}
.md-typeset table:not([class]) tr:hover {
box-shadow: none !important;
background-color: rgba(255, 255, 255, 0.04) !important;
}
/*
Blockquotes
*/
.md-typeset blockquote {
color: rgba(255,255,255,0.8) !important;
border-color: rgba(255,255,255,0.54) !important;
}
/*
////////////////////
// Navigation bar //
////////////////////
*/
/*
Left and right toc scrollbar
*/
.md-sidebar__scrollwrap::-webkit-scrollbar-thumb {
background-color: #E0E0E0 !important;
}
.md-nav {
color: #F5F5F5 !important;
background-color: #212121 !important;
}
/*
Arrow Left Icon
*/
html .md-nav--primary .md-nav__title:before {
color: #FAFAFA !important;
}
.md-nav__title {
color: rgba(255,255,255,1) !important;
background-color: #212121 !important;
}
/*
Arrow Right Icon
*/
.md-nav--primary .md-nav__link:after {
color: #FAFAFA !important;
}
.md-nav__list {
color: rgba(255,255,255,1) !important;
background-color: #212121 !important;
}
.md-nav__item {
color: rgba(255,255,255,1) !important;
background-color: #212121 !important;
}
.md-nav__link[data-md-state=blur] {
color: rgba(255,255,255,0.54) !important;
}
/*
////////////
// Search //
////////////
*/
/*
scroll bar
attention:
background is scroll handle color!
*/
.md-search__scrollwrap::-webkit-scrollbar-thumb {
background-color: #E0E0E0 !important;
}
/*
scroll bar background color
*/
.md-search__scrollwrap {
background-color: #424242 !important;
}
/*
Icon color
*/
.md-search-result__article--document:before {
color: #EEEEEE !important;
}
/*
headline color and
result list background
*/
.md-search-result__list {
color: #EEEEEE !important;
background-color: #212121 !important;
}
/*
result info/count
*/
.md-search-result__meta {
background-color: #EEEEEE !important;
}
/*
article preview text color
*/
.md-search-result__teaser {
color: #BDBDBD !important;
}

View file

@ -8,6 +8,13 @@ theme:
logo: 'assets/images/Pyr0ball-logo.png'
favicon: 'assets/images/Pyr0ball-logo.png'
custom_dir: 'mkdocs-theme-overrides'
palette:
primary: 'orange'
accent: 'light orange'
extra_css:
- stylesheets/dark_theme.css
- stylesheets/codehilite.css
markdown_extensions:
#http://pythonhosted.org/Markdown/extensions/admonition.html
@ -47,7 +54,6 @@ nav:
- CR-10 Family: 'mounts/creality/creality-original-head.md'
- Ender 3 Family: 'mounts/creality/creality-original-head.md'
- Delta:
- Monoprice Delta Mini: 'mounts/delta/monoprice-delta-mini.md'
- On Head: 'mounts/delta/delta-head.md'
- Under Bed: 'mounts/delta/delta-under-bed.md'
- Deltesian: 'mounts/deltesian/deltesian.md'