~ruther/qmk_firmware

1b267d48405b6e24fbb197cf27f9e42264c66598 — Nick Brassel 5 years ago 32d03ee
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>
3 files changed, 31 insertions(+), 1 deletions(-)

M docs/index.html
A docs/qmk_custom_dark.css
R docs/{sidebar => qmk_custom_light}.css
M docs/index.html => docs/index.html +2 -1
@@ 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/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="sidebar.css" />
  <link rel="stylesheet" href="qmk_custom_light.css">
  <link rel="stylesheet" href="qmk_custom_dark.css" media="(prefers-color-scheme: dark)">
</head>
<body>
  <div id="app"></div>

A docs/qmk_custom_dark.css => docs/qmk_custom_dark.css +29 -0
@@ 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;
}

R docs/sidebar.css => docs/qmk_custom_light.css +0 -0