Update mkdocs-material, better dark mode for code blocks
Signed-off-by: Stefan Scherer <stefan.scherer@docker.com>
This commit is contained in:
Stefan Scherer
parent
ef2a395b78
commit
4b70b63089
|
|
@ -1,6 +1,7 @@
|
|||
# Install the base requirements for the app.
|
||||
# This stage is to support development.
|
||||
FROM python:alpine AS base
|
||||
RUN apk add build-base
|
||||
WORKDIR /app
|
||||
COPY requirements.txt .
|
||||
RUN pip install -r requirements.txt
|
||||
|
|
|
|||
2
build.sh
2
build.sh
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
set -e
|
||||
|
||||
if [ $1 == "--push" ]; then
|
||||
if [ "$1" == "--push" ]; then
|
||||
WILL_PUSH=1
|
||||
else
|
||||
WILL_PUSH=0
|
||||
|
|
|
|||
|
|
@ -1,302 +0,0 @@
|
|||
@media (prefers-color-scheme: dark) {
|
||||
.md-main {
|
||||
color: rgba(255, 255, 255, 0.75) !important;
|
||||
background-color: #36393e !important;
|
||||
}
|
||||
|
||||
article img {
|
||||
box-shadow: 0 0 1em #000;
|
||||
}
|
||||
|
||||
.md-main h1 {
|
||||
color: rgba(255, 255, 255, 0.8) !important;
|
||||
}
|
||||
blockquote {
|
||||
color: rgba(255, 255, 255, 0.75) !important;
|
||||
}
|
||||
table {
|
||||
background-color: #616161 !important;
|
||||
}
|
||||
tbody {
|
||||
background-color: #484848 !important;
|
||||
}
|
||||
.md-sidebar__scrollwrap::-webkit-scrollbar-thumb {
|
||||
background-color: #e0e0e0 !important;
|
||||
}
|
||||
.md-nav {
|
||||
color: rgba(255, 255, 255, 0.8) !important;
|
||||
background-color: #36393e !important;
|
||||
}
|
||||
html .md-nav--primary .md-nav__title:before {
|
||||
color: #fafafa !important;
|
||||
}
|
||||
.md-nav__title {
|
||||
color: rgba(255, 255, 255, 0.9) !important;
|
||||
background-color: #36393e !important;
|
||||
}
|
||||
.md-nav--primary .md-nav__link:after {
|
||||
color: #fafafa !important;
|
||||
}
|
||||
.md-nav__list {
|
||||
color: rgba(255, 255, 255, 0.8) !important;
|
||||
background-color: #36393e !important;
|
||||
}
|
||||
.md-nav__item {
|
||||
color: rgba(255, 255, 255, 0.7) !important;
|
||||
background-color: #36393e !important;
|
||||
}
|
||||
.md-search__scrollwrap::-webkit-scrollbar-thumb {
|
||||
background-color: #e0e0e0 !important;
|
||||
}
|
||||
.md-search__scrollwrap {
|
||||
background-color: #44484e !important;
|
||||
}
|
||||
.md-search-result__article--document:before {
|
||||
color: #eee !important;
|
||||
}
|
||||
.md-search-result__list {
|
||||
color: #eee !important;
|
||||
background-color: #36393e !important;
|
||||
}
|
||||
.md-search-result__meta {
|
||||
background-color: #eee !important;
|
||||
}
|
||||
.md-search-result__teaser {
|
||||
color: #bdbdbd !important;
|
||||
}
|
||||
.md-typeset code {
|
||||
color: white !important;
|
||||
/* box-shadow: 0.29412em 0 0 hsla(0, 0%, 100%, 0.07),
|
||||
-0.29412em 0 0 hsla(0, 0%, 100%, 0.1);*/
|
||||
}
|
||||
.md-typeset a code {
|
||||
color: #94acff !important;
|
||||
}
|
||||
.md-typeset a:hover code {
|
||||
text-decoration: underline;
|
||||
}
|
||||
.linenos {
|
||||
color: #f5f5f5 !important;
|
||||
background-color: #313131 !important;
|
||||
}
|
||||
.codehilite {
|
||||
background-color: #44484e !important;
|
||||
}
|
||||
.md-typeset .codehilite::-webkit-scrollbar {
|
||||
height: 1rem !important;
|
||||
}
|
||||
.codehilite pre {
|
||||
color: #fafafa !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.codehilite .hll {
|
||||
background-color: #272822 !important;
|
||||
}
|
||||
.codehilite .c {
|
||||
color: #8a8f98 !important;
|
||||
}
|
||||
.codehilite .err {
|
||||
color: #960050 !important;
|
||||
background-color: #1e0010 !important;
|
||||
}
|
||||
.codehilite .k {
|
||||
color: #66d9ef !important;
|
||||
}
|
||||
.codehilite .l {
|
||||
color: #ae81ff !important;
|
||||
}
|
||||
.codehilite .n {
|
||||
color: #f8f8f2 !important;
|
||||
}
|
||||
.codehilite .o {
|
||||
color: #f92672 !important;
|
||||
}
|
||||
.codehilite .p {
|
||||
color: #f8f8f2 !important;
|
||||
}
|
||||
.codehilite .cm {
|
||||
color: #8a8f98 !important;
|
||||
}
|
||||
.codehilite .cp {
|
||||
color: #8a8f98 !important;
|
||||
}
|
||||
.codehilite .c1 {
|
||||
color: #8a8f98 !important;
|
||||
}
|
||||
.codehilite .cs {
|
||||
color: #8a8f98 !important;
|
||||
}
|
||||
.codehilite .ge {
|
||||
font-style: italic !important;
|
||||
}
|
||||
.codehilite .gs {
|
||||
font-weight: bold !important;
|
||||
}
|
||||
.codehilite .kc {
|
||||
color: #66d9ef !important;
|
||||
}
|
||||
.codehilite .kd {
|
||||
color: #66d9ef !important;
|
||||
}
|
||||
.codehilite .kn {
|
||||
color: #f92672 !important;
|
||||
}
|
||||
.codehilite .kp {
|
||||
color: #66d9ef !important;
|
||||
}
|
||||
.codehilite .kr {
|
||||
color: #66d9ef !important;
|
||||
}
|
||||
.codehilite .kt {
|
||||
color: #66d9ef !important;
|
||||
}
|
||||
.codehilite .ld {
|
||||
color: #e6db74 !important;
|
||||
}
|
||||
.codehilite .m {
|
||||
color: #ae81ff !important;
|
||||
}
|
||||
.codehilite .s {
|
||||
color: #e6db74 !important;
|
||||
}
|
||||
.codehilite .na {
|
||||
color: #a6e22e !important;
|
||||
}
|
||||
.codehilite .nb {
|
||||
color: #f8f8f2 !important;
|
||||
}
|
||||
.codehilite .nc {
|
||||
color: #a6e22e !important;
|
||||
}
|
||||
.codehilite .no {
|
||||
color: #66d9ef !important;
|
||||
}
|
||||
.codehilite .nd {
|
||||
color: #a6e22e !important;
|
||||
}
|
||||
.codehilite .ni {
|
||||
color: #f8f8f2 !important;
|
||||
}
|
||||
.codehilite .ne {
|
||||
color: #a6e22e !important;
|
||||
}
|
||||
.codehilite .nf {
|
||||
color: #a6e22e !important;
|
||||
}
|
||||
.codehilite .nl {
|
||||
color: #f8f8f2 !important;
|
||||
}
|
||||
.codehilite .nn {
|
||||
color: #f8f8f2 !important;
|
||||
}
|
||||
.codehilite .nx {
|
||||
color: #a6e22e !important;
|
||||
}
|
||||
.codehilite .py {
|
||||
color: #f8f8f2 !important;
|
||||
}
|
||||
.codehilite .nt {
|
||||
color: #f92672 !important;
|
||||
}
|
||||
.codehilite .nv {
|
||||
color: #f8f8f2 !important;
|
||||
}
|
||||
.codehilite .ow {
|
||||
color: #f92672 !important;
|
||||
}
|
||||
.codehilite .w {
|
||||
color: #f8f8f2 !important;
|
||||
}
|
||||
.codehilite .mf {
|
||||
color: #ae81ff !important;
|
||||
}
|
||||
.codehilite .mh {
|
||||
color: #ae81ff !important;
|
||||
}
|
||||
.codehilite .mi {
|
||||
color: #ae81ff !important;
|
||||
}
|
||||
.codehilite .mo {
|
||||
color: #ae81ff !important;
|
||||
}
|
||||
.codehilite .sb {
|
||||
color: #e6db74 !important;
|
||||
}
|
||||
.codehilite .sc {
|
||||
color: #e6db74 !important;
|
||||
}
|
||||
.codehilite .sd {
|
||||
color: #e6db74 !important;
|
||||
}
|
||||
.codehilite .s2 {
|
||||
color: #e6db74 !important;
|
||||
}
|
||||
.codehilite .se {
|
||||
color: #ae81ff !important;
|
||||
}
|
||||
.codehilite .sh {
|
||||
color: #e6db74 !important;
|
||||
}
|
||||
.codehilite .si {
|
||||
color: #e6db74 !important;
|
||||
}
|
||||
.codehilite .sx {
|
||||
color: #e6db74 !important;
|
||||
}
|
||||
.codehilite .sr {
|
||||
color: #e6db74 !important;
|
||||
}
|
||||
.codehilite .s1 {
|
||||
color: #e6db74 !important;
|
||||
}
|
||||
.codehilite .ss {
|
||||
color: #e6db74 !important;
|
||||
}
|
||||
.codehilite .bp {
|
||||
color: #f8f8f2 !important;
|
||||
}
|
||||
.codehilite .vc {
|
||||
color: #f8f8f2 !important;
|
||||
}
|
||||
.codehilite .vg {
|
||||
color: #f8f8f2 !important;
|
||||
}
|
||||
.codehilite .vi {
|
||||
color: #f8f8f2 !important;
|
||||
}
|
||||
.codehilite .il {
|
||||
color: #ae81ff !important;
|
||||
}
|
||||
.codehilite .gu {
|
||||
color: #8a8f98 !important;
|
||||
}
|
||||
.codehilite .gd {
|
||||
color: #9c1042 !important;
|
||||
background-color: #eaa;
|
||||
}
|
||||
.codehilite .gi {
|
||||
color: #364c0a !important;
|
||||
background-color: #91e891;
|
||||
}
|
||||
.md-clipboard:before {
|
||||
color: rgba(255, 255, 255, 0.31);
|
||||
}
|
||||
.codehilite:hover .md-clipboard:before, .md-typeset .highlight:hover .md-clipboard:before, pre:hover .md-clipboard:before {
|
||||
color: rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
.md-typeset summary:after {
|
||||
color: rgba(255, 255, 255, 0.26);
|
||||
}
|
||||
.md-typeset .admonition.example > .admonition-title, .md-typeset .admonition.example > summary, .md-typeset details.example > .admonition-title, .md-typeset details.example > summary {
|
||||
background-color: rgba(154, 109, 255, 0.21);
|
||||
}
|
||||
.md-nav__link[data-md-state='blur'] {
|
||||
color: #aec0ff;
|
||||
}
|
||||
.md-typeset .footnote {
|
||||
color: #888484 !important;
|
||||
}
|
||||
.md-typeset .footnote-ref:before {
|
||||
border-color: #888484 !important;
|
||||
}
|
||||
}
|
||||
|
|
@ -37,7 +37,6 @@ body {
|
|||
font-stretch: normal;
|
||||
line-height: 1.5;
|
||||
letter-spacing: normal;
|
||||
color: #577482;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, .md-footer-nav__inner, .md-header-nav__title, footer.md-footer {
|
||||
|
|
@ -48,6 +47,6 @@ h1, h2, h3, h4, .md-footer-nav__inner, .md-header-nav__title, footer.md-footer {
|
|||
line-height: 2.9rem;
|
||||
}
|
||||
|
||||
.md-header-nav__button img {
|
||||
.md-header-nav__button.md-logo img {
|
||||
width: 145px;
|
||||
}
|
||||
|
|
@ -18,6 +18,7 @@ theme:
|
|||
palette:
|
||||
primary: blue
|
||||
accent: blue
|
||||
scheme: preference
|
||||
font:
|
||||
text: Roboto
|
||||
code: Roboto Mono
|
||||
|
|
@ -26,7 +27,6 @@ theme:
|
|||
|
||||
extra_css:
|
||||
- css/styles.css
|
||||
- css/dark-mode.css
|
||||
|
||||
# Plugins
|
||||
plugins:
|
||||
|
|
@ -37,7 +37,7 @@ plugins:
|
|||
# Customization
|
||||
extra:
|
||||
social:
|
||||
- type: github-alt
|
||||
- icon: fontawesome/brands/github-alt
|
||||
link: https://github.com/docker/getting-started
|
||||
|
||||
# Extensions
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
mkdocs==1.0.4
|
||||
mkdocs-material==4.6.3
|
||||
mkdocs-minify-plugin==0.2.3
|
||||
mkdocs==1.1.2
|
||||
mkdocs-material==5.3.3
|
||||
mkdocs-minify-plugin==0.3.0
|
||||
pygments==2.6.1
|
||||
pymdown-extensions==7.0
|
||||
pymdown-extensions==7.1
|
||||
|
|
|
|||
Loading…
Reference in New Issue