Typecho 后台没有暗色模式，没搜到可以通过钩子来实现挂载后台样式链接的，找到的插件好像也是覆盖对应文件来实现，于是就让 AI 推荐了一下配色，自己手动给后台添加了个暗色模式，昏暗的环境下眼睛舒服多了。
下面是修改方法，跟随操作系统，无法手动切换，如果有缺失的地方可以自己补齐 CSS 代码：
找到 admin/css/style.css 文件
添加下面的 CSS 代码，:root 部分可添加在文件顶部 @charset "UTF-8"; 的下面，其他的 @media (prefers-color-scheme: dark) 开始部分可添加在文件最末尾：
:root {
-...
话题CSS共有相关文章 4 篇。
较好用的 CSS 初始化代码
CSS 重置（reset）指的是重置浏览器的默认样式，完成 CSS 初始化。
这是一个老外发的初始化 CSS 代码，比较符合我的使用习惯，简洁，不干涉太多，比较好用。
/*
Josh's Custom CSS Reset
https://www.joshwcomeau.com/css/custom-css-reset/
*/
*, *::before, *::after {
box-sizing: border-box;
}
* {
margin: 0;
}
html, body {
height: 100%;
}
body {
line-height: 1.5;...
CSS 实现从上到下淡入效果
html 部分
<div class="target"></div>
css 部分
.target {
position: relative;
-webkit-animation: fadeDown 0.5s;
-moz-animation: fadeDown 0.5s;
-ms-animation: fadeDown 0.5s;
-o-animation: fadeDown 0.5s;
animation: fadeDown 0.5s;
}
@-webkit-keyframes fadeDown {
0%...
display:flex 子元素固定宽度和对齐
.parent {
display: flex;
flex-wrap: wrap;
}
.children {
width: 50%;
}
flex-flow 子元素排列方式，是 flex-direction 和 flex-wrap 属性的复合属性，默认值: row nowrap。
方向 flex-direction 属性:
row 横
row-reverse 横 倒序
column 列
column-reverse 列 倒序
是否拆行或拆列 flex-wrap 属性:
nowrap 不换行
wrap 换行
wrap-reverse 镜像
justi...
牛猫
自娱自乐，不亦乐乎！
给那些折腾过的留下一点痕迹
最新评论