Comments (4)
@dyxang 明白你的意思了,请问一下你是不是改过代码去掉了[data-darkmode="auto"]
相关的部分?看截图里这样,会优先使用操作系统的深色模式设置了。如果你想以左上角按钮为准,可以把@media (prefers-color-scheme: dark) {...}
那一层换成body.dark
。
from heti.
@dyxang 明白你的意思了,请问一下你是不是改过代码去掉了
[data-darkmode="auto"]
相关的部分?看截图里这样,会优先使用操作系统的深色模式设置了。如果你想以左上角按钮为准,可以把@media (prefers-color-scheme: dark) {...}
那一层换成body.dark
。
请问是指这个网站的代码还是Heti的代码?我没改Heti的代码。我一时间没找到data-darkmode="auto"
这种代码在哪里出现,谷歌也没搜到。
换成@media (prefers-color-scheme: body.dark)
后明亮模式显示正常了,但是夜间模式没有效果了
from heti.
@dyxang 抱歉,我以为明暗设置你用了项目演示网站的代码。你可以在你博客的css里(只要在heti.min.css后面引用就行)加上这一段覆盖一下。
@media (prefers-color-scheme: dark) {
.heti blockquote {
background-color: hsla(0, 0%, 0%, 0.054);
}
body.dark .heti blockquote {
background-color: hsla(0, 0%, 100%, 0.054);
}
}
这样可以恢复覆盖回以博客明暗调节按钮的设置展示blockquote样式。
不过类似的地方还有hr、pre等元素,因此麻烦一点的办法是一次性全改过来,以你博客的设置,可以按下面的流程:
- clone一份项目到本地;
- 在
lib/_variables.scss
中将$darkmode
那行修改为$darkmode: 'manual';
; - 下方,将
$manualmode-dark-selector
那行修改为$manualmode-dark-selector: 'body.dark &';
- 重新编译这个适合你自己的heti.min.css文件。
这样最终的文件就不会再包含@media (prefers-color-scheme: dark)
相关的代码了,一切都以你博客明暗调节按钮的设置为准。
from heti.
有空研究一下,谢谢,有问题再Open
from heti.
Related Issues (20)
- 图片超出背景 HOT 1
- PR 92 not effective in UNPKG version 0.9.2 HOT 5
- 使用了heti样式后,文字无法居中 HOT 1
- 请问该如何在 Docusaurus 项目中使用增强脚本呢? HOT 1
- 用户脚本支持 HOT 1
- 使用 zh-Hant 字體時,Font kerning 的標題擠壓不合預期。
- 有在 Logseq 软件使用的案例么 HOT 2
- Bug:多个符号的情况下出现错位 HOT 1
- 建议参考tailwindcss-typography,做成插件一键导入项目
- 给个建议,在手机端显示可再美化一下 HOT 1
- 希望可以在github上传 Release
- 希望加入图文混排
- 请问如何在hexo中使用
- 请问如何在hexo中使用 HOT 1
- 左右对齐下,将「标点挤压」应用于行末标点
- 这个项目能否应用在epub中呢
- [Feature Request]请问是否能加入对于KaTeX中加中英文间空隙的支持? HOT 4
- 滚动条样式
- 有什么案例可以用在flutter里面吗? HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from heti.