以下是一个简单的WordPress黑暗模式的css:

/* 全局样式 */ body { background-color: #1c1c1c; color: #f0f0f0; }

a { color: #fff; }

/* 菜单样式 */ .menu-item a { color: #fff; }

/* 标题样式 */ .entry-title a { color: #fff; }

/* 链接样式 */ .entry-content a { color: #b8aaff; }

/* 按钮样式 */ .button { background-color: #b8aaff; color: #fff; }

/* 表格样式 */ table { border-collapse: collapse; }

th, td { border: 1px solid #b8aaff; padding: 10px; }

/* 代码样式 */ pre { background-color: #2c2c2c; color: #f0f0f0; padding: 10px; border-radius: 5px; }

code { color: #b8aaff; }

/* 引用样式 */ blockquote { border-left: 5px solid #b8aaff; padding-left: 10px; margin-left: 0; }

/* 页脚样式 */ .site-footer { background-color: #2c2c2c; color: #f0f0f0; padding: 10px; }

/* 隐藏WordPress默认背景图片 */ .wp-custom-background { background-image: none; }

写一个WordPress黑暗模式的css

原文地址: https://www.cveoy.top/t/topic/bv1q 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录