Fix darkmode (#8393)

* Rearrange the custom CSS a bit.

* fix css name

* add missing quote

* Fix up dark mode rendering. (#8392)

* Fix up dark mode rendering.

* Update index.html

* Fix up code blocks

* Fix code in page toc

* Update docs/qmk_custom_dark.css

Co-Authored-By: Ryan <fauxpark@gmail.com>

Co-authored-by: skullY <skullydazed@gmail.com>
Co-authored-by: Ryan <fauxpark@gmail.com>
This commit is contained in:
Nick Brassel 2020-03-12 18:17:47 +11:00 committed by GitHub
parent 32d03eef90
commit 1b267d4840
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 31 additions and 1 deletions

View File

@ -16,7 +16,8 @@
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/buble.css" title="light"> <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/buble.css" title="light">
<link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/dark.css" media="(prefers-color-scheme: dark)"> <link rel="stylesheet" href="//unpkg.com/docsify/lib/themes/dark.css" media="(prefers-color-scheme: dark)">
<link rel="stylesheet" href="//unpkg.com/docsify-toc@1.0.0/dist/toc.css"> <link rel="stylesheet" href="//unpkg.com/docsify-toc@1.0.0/dist/toc.css">
<link rel="stylesheet" href="sidebar.css" /> <link rel="stylesheet" href="qmk_custom_light.css">
<link rel="stylesheet" href="qmk_custom_dark.css" media="(prefers-color-scheme: dark)">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

29
docs/qmk_custom_dark.css Normal file
View File

@ -0,0 +1,29 @@
.sidebar li.active {
background-color: #555;
}
.markdown-section p.tip,
.markdown-section tr:nth-child(2n) {
background-color:#444;
}
.markdown-section tr {
border-top: 1px solid #555;
}
.markdown-section td, .markdown-section th {
border: 1px solid #555;
}
.markdown-section p.tip code {
background-color: #555;
color: #fff;
}
.page_toc code {
background-color: #555;
}
.markdown-section hr, .search {
border-bottom: 1px solid #777 !important;
}