style: update dark mode

This commit is contained in:
yanglbme 2021-03-27 22:57:24 +08:00
parent 786b61e71e
commit cb4f8b9032
2 changed files with 26 additions and 23 deletions

View File

@ -156,7 +156,7 @@ Complete solutions to [LeetCode](https://leetcode-cn.com/problemset/all/), [LCOF
## Maintainer
[Yang Libin](https://github.com/yanglbme): Creator of [@Doocs](https://github.com/doocs) technical community; member of [@TheAlgorithms](https://github.com/TheAlgorithms) organization.
[Yang Libin](https://github.com/yanglbme): Creator of [@Doocs](https://github.com/doocs) organization; member of [@TheAlgorithms](https://github.com/TheAlgorithms) organization.
## Contributions

View File

@ -11,29 +11,22 @@
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/vue.css">
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-dark-mode@0.6.1/dist/style.css" />
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/style.min.css">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<style>
.markdown-section code {
font-weight: 400;
}
</style>
</head>
<body>
<nav>
<ul>
<li>Nav
<ul>
<li><a href="#/solution/README">LeetCode 题解(LeetCode)</a></li>
<li><a href="#/lcof/README">剑指 Offer第 2 版)题解(LCOF)</a></li>
<li><a href="#/lcci/README">程序员面试金典(第 6 版)题解(LCCI)</a></li>
</ul>
</li>
</nav>
<div id="app">本系列知识由 Doocs 技术社区原创发布</div>
<script>
window.$docsify = {
name: 'leetcode',
repo: 'doocs/leetcode',
logo: '/images/doocs-leetcode.png',
search: [
'/', '/solution/', '/lcof/', '/lcci/', '/basic/'
@ -47,17 +40,27 @@
'/solution/.*/summary.md': '/solution/summary.md',
'/basic/.*/summary.md': '/basic/summary.md'
},
darklightTheme: {
defaultTheme: 'light',
siteFont: 'Source Sans Pro,Helvetica Neue,Arial,sans-serif',
codeFontFamily: 'Roboto Mono, Monaco, courier, monospace',
bodyFontSize: '15px',
dark: {
background: 'rgb(28,32,34)',
highlightColor: '#e96900',
codeBackgroudColor: 'rgb(34,39,46)',
codeTextColor: '#b4b4b4',
},
light: {
highlightColor: '#e96900',
}
},
pagination: {
previousText: '上一题',
nextText: '下一题',
crossChapter: true,
crossChapterText: true
},
darkMode: {
light: {
toggleBtnBg: '#42b983'
}
},
tabs: {
persist: true,
sync: true,
@ -102,13 +105,13 @@
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-csharp.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-javascript.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs/components/prism-python.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify-copy-code"></script>
<script src="//cdn.jsdelivr.net/npm/docsify-copy-code@2.1.1/dist/docsify-copy-code.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/emoji.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify-dark-mode@0.6.1/dist/index.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify-tabs@1"></script>
<script src="//cdn.jsdelivr.net/npm/docsify-tabs@1/dist/docsify-tabs.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify-pagination/dist/docsify-pagination.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/docsify-darklight-theme@latest/dist/index.min.js"></script>
</body>
</html>