Comments (4)
能否提供下修改后的css呢,这样看实在是太困难了
from wizard.
附上了,没有用less,直接改的css文件
body.wz-dark-theme {
background: #343a40;
}
.wz-dark-theme .wz-main-container {
background: #343a40;
}
.wz-dark-theme a.dropdown-item {
color: #212529;
}
.wz-dark-theme .wz-panel-right, .wz-dark-theme .editormd-html-preview, .wz-dark-theme .wz-project-main, .wz-dark-theme a.dropdown-item:hover {
color: #ffffff;
background: #343a40;
}
.wz-dark-theme pre.prettyprint, .wz-dark-theme .tm-input, .wz-dark-theme .footer {
background: #333 !important;
color: #ffffff !important;
border-top: none;
}
.wz-dark-theme .com, .wz-dark-theme .footer a {
color: #aeb0b2;
}
.wz-dark-theme .footer a:hover {
color: #ffffff;
}
.wz-dark-theme .wz-left-main .material-icons,
.wz-dark-theme .wz-left-main .wz-left-nav a,
.wz-dark-theme .wz-left-main .wz-project-title > a {
color: #aeb0b2;
}
.wz-dark-theme .wz-left-main .wz-left-nav a:hover,
.wz-dark-theme .wz-left-main .wz-left-nav li.active > a,
.wz-dark-theme .wz-left-main .wz-left-nav li.active > a:hover {
color: #ffffff;
}
.wz-dark-theme .wz-left-main .wz-project-title > a:hover,
.wz-dark-theme .wz-left-main button:hover .material-icons {
color: #ffffff;
}
.wz-dark-theme .wz-left-main .nav .nav-link {
color: #bdbdbd;
}
.wz-dark-theme .wz-left-main .nav .nav-link:hover,
.wz-dark-theme .wz-left-main .nav .nav-link.active {
color: #ffffff;
}
.wz-dark-theme .wz-box-new {
border: none;
}
.wz-dark-theme .typ,
.wz-dark-theme .wz-box-tag-star {
color: #f1c40f !important;
}
.wz-dark-theme a#scrollUp {
color: #aeb0b2;
}
.wz-dark-theme .kwd,
.wz-dark-theme a#scrollUp:hover {
color: #00aaaa;
}
.wz-dark-theme .wz-top-navbar {
background: #303F9F !important;
border-bottom: none !important;
}
.wz-dark-theme .wz-top-navbar a.text-dark,
.wz-dark-theme .wz-top-navbar h5 a {
color: #e8e8e8 !important;
}
.wz-dark-theme .wz-top-navbar a.text-dark:hover {
color: #ffffff !important;
}
.wz-dark-theme .pln,
.wz-dark-theme .wz-top-navbar .wz-top-nav-search input::-webkit-input-placeholder {
color: #dcdcdc;
}
.wz-dark-theme .wz-panel-separator:hover {
box-shadow: 8px 3px 5px 0 #b1b1b1;
background: #343a40;
}
.wz-dark-theme .wz-panel-breadcrumb {
background: #343a40;
}
.wz-dark-theme .wz-panel-breadcrumb .breadcrumb a,
.wz-dark-theme .wz-panel-breadcrumb .nav > li > button > .fa,
.wz-dark-theme .wz-panel-breadcrumb .nav > li > button > .material-icons {
color: #bdbdbd;
}
.wz-dark-theme .swagger-editor-toolbar a {
color: #bdbdbd;
}
.wz-dark-theme .breadcrumb-item.active,
.wz-dark-theme .wz-panel-breadcrumb a:hover,
.wz-dark-theme .wz-panel-breadcrumb .nav button:hover .fa,
.wz-dark-theme .wz-theme-indicator .material-icons,
.wz-dark-theme .swagger-editor-toolbar a:hover {
color: #ffffff;
}
.wz-dark-theme .wz-setting-breadcrumb .breadcrumb-item {
color: #555555;
}
.wz-dark-theme .wz-setting-breadcrumb .breadcrumb-item.active {
color: #b1b1b1;
}
.wz-dark-theme .card:not(.card-white) {
background: #d8d8d8;
}
.wz-dark-theme .card:not(.card-white) .card-header a {
color: #aeb0b2;
}
.wz-dark-theme .card:not(.card-white) .card-header a:hover {
color: #000000;
}
.wz-dark-theme .card:not(.card-white) .card-header .badge {
color: #e4e4e4;
}
.wz-dark-theme .card:not(.card-white) .card-header .badge:hover {
color: #ffffff;
}
.wz-dark-theme .card:not(.card-white) .wz-box-catalog {
background-color: #4a4a4a;
border: none;
}
.wz-dark-theme .card:not(.card-white) .wz-box-catalog:hover {
background-color: #000000;
}
.wz-dark-theme .card:not(.card-white) .wz-box-catalog .wz-title {
color: #fff;
}
.wz-dark-theme .card:not(.card-white) .wz-box-project {
background-color: #4a4a4a;
}
.wz-dark-theme .card:not(.card-white) .wz-box-project:hover {
background-color: #000000;
}
.wz-dark-theme .card:not(.card-white) .wz-box-project .wz-title,
.wz-dark-theme .card:not(.card-white) .wz-box-project .wz-page-count {
color: #ffffff;
}
.wz-dark-theme .card:not(.card-white) .wz-main-container-full .alert-info {
color: #4a4a4a;
background-color: #cecece;
}
.wz-dark-theme .card:not(.card-white) .wz-main-container-full .alert-info a {
color: #2d3a9a;
}
.wz-dark-theme .card:not(.card-white) .wz-main-container-full .alert-info a:hover {
color: #3F51D7;
}
.wz-dark-theme .card:not(.card-white) .tm-tag {
background: #343a40;
}
.wz-dark-theme .card:not(.card-white) .tm-tag a {
color: #bdbdbd;
}
.wz-dark-theme .card:not(.card-white) .tm-tag a:hover {
color: #ffffff;
}
.wz-dark-theme .card:not(.card-white) .media .media-body .wz-text-dashed {
color: #484848;
}
.wz-dark-theme .card:not(.card-white) .media .media-body a {
color: #585858;
}
.wz-dark-theme .card:not(.card-white) .media .media-body a:hover {
color: #000000;
}
.wz-dark-theme .card:not(.card-white) .media .border-bottom {
border-bottom: 1px solid #848484 !important;
}
.wz-dark-theme .card:not(.card-white) .card-footer {
background-color: #333333;
}
.wz-dark-theme .card:not(.card-white) .card-footer a {
color: #bdbdbd;
}
.wz-dark-theme .wz-box-catalog {
box-shadow: 8px 7px 2px #878787b3;
}
.wz-dark-theme .wz-comment-panel {
background: transparent;
}
.wz-dark-theme .card.card-white,
.wz-dark-theme .wz-diff-control,
.wz-dark-theme .wz-diff-result,
.wz-dark-theme .swagger-container .Pane2 {
background: #ffffff;
}
.wz-dark-theme .wz-white-panel .card {
background: #ffffff;
}
.wz-dark-theme .wz-white-panel .card a {
color: rgba(0, 0, 0, 0.54);
}
.wz-dark-theme .wz-white-panel .card a:hover {
color: #000000;
}
.wz-dark-theme .nav-tabs .nav-item a {
color: #fffffc;
}
/*# sourceMappingURL=style-dark.css.map */
from wizard.
附上了,没有用less,直接改的css文件
body.wz-dark-theme { background: #343a40; } .wz-dark-theme .wz-main-container { background: #343a40; } .wz-dark-theme a.dropdown-item { color: #212529; } .wz-dark-theme .wz-panel-right, .wz-dark-theme .editormd-html-preview, .wz-dark-theme .wz-project-main, .wz-dark-theme a.dropdown-item:hover { color: #ffffff; background: #343a40; } .wz-dark-theme pre.prettyprint, .wz-dark-theme .tm-input, .wz-dark-theme .footer { background: #333 !important; color: #ffffff !important; border-top: none; } .wz-dark-theme .com, .wz-dark-theme .footer a { color: #aeb0b2; } .wz-dark-theme .footer a:hover { color: #ffffff; } .wz-dark-theme .wz-left-main .material-icons, .wz-dark-theme .wz-left-main .wz-left-nav a, .wz-dark-theme .wz-left-main .wz-project-title > a { color: #aeb0b2; } .wz-dark-theme .wz-left-main .wz-left-nav a:hover, .wz-dark-theme .wz-left-main .wz-left-nav li.active > a, .wz-dark-theme .wz-left-main .wz-left-nav li.active > a:hover { color: #ffffff; } .wz-dark-theme .wz-left-main .wz-project-title > a:hover, .wz-dark-theme .wz-left-main button:hover .material-icons { color: #ffffff; } .wz-dark-theme .wz-left-main .nav .nav-link { color: #bdbdbd; } .wz-dark-theme .wz-left-main .nav .nav-link:hover, .wz-dark-theme .wz-left-main .nav .nav-link.active { color: #ffffff; } .wz-dark-theme .wz-box-new { border: none; } .wz-dark-theme .typ, .wz-dark-theme .wz-box-tag-star { color: #f1c40f !important; } .wz-dark-theme a#scrollUp { color: #aeb0b2; } .wz-dark-theme .kwd, .wz-dark-theme a#scrollUp:hover { color: #00aaaa; } .wz-dark-theme .wz-top-navbar { background: #303F9F !important; border-bottom: none !important; } .wz-dark-theme .wz-top-navbar a.text-dark, .wz-dark-theme .wz-top-navbar h5 a { color: #e8e8e8 !important; } .wz-dark-theme .wz-top-navbar a.text-dark:hover { color: #ffffff !important; } .wz-dark-theme .pln, .wz-dark-theme .wz-top-navbar .wz-top-nav-search input::-webkit-input-placeholder { color: #dcdcdc; } .wz-dark-theme .wz-panel-separator:hover { box-shadow: 8px 3px 5px 0 #b1b1b1; background: #343a40; } .wz-dark-theme .wz-panel-breadcrumb { background: #343a40; } .wz-dark-theme .wz-panel-breadcrumb .breadcrumb a, .wz-dark-theme .wz-panel-breadcrumb .nav > li > button > .fa, .wz-dark-theme .wz-panel-breadcrumb .nav > li > button > .material-icons { color: #bdbdbd; } .wz-dark-theme .swagger-editor-toolbar a { color: #bdbdbd; } .wz-dark-theme .breadcrumb-item.active, .wz-dark-theme .wz-panel-breadcrumb a:hover, .wz-dark-theme .wz-panel-breadcrumb .nav button:hover .fa, .wz-dark-theme .wz-theme-indicator .material-icons, .wz-dark-theme .swagger-editor-toolbar a:hover { color: #ffffff; } .wz-dark-theme .wz-setting-breadcrumb .breadcrumb-item { color: #555555; } .wz-dark-theme .wz-setting-breadcrumb .breadcrumb-item.active { color: #b1b1b1; } .wz-dark-theme .card:not(.card-white) { background: #d8d8d8; } .wz-dark-theme .card:not(.card-white) .card-header a { color: #aeb0b2; } .wz-dark-theme .card:not(.card-white) .card-header a:hover { color: #000000; } .wz-dark-theme .card:not(.card-white) .card-header .badge { color: #e4e4e4; } .wz-dark-theme .card:not(.card-white) .card-header .badge:hover { color: #ffffff; } .wz-dark-theme .card:not(.card-white) .wz-box-catalog { background-color: #4a4a4a; border: none; } .wz-dark-theme .card:not(.card-white) .wz-box-catalog:hover { background-color: #000000; } .wz-dark-theme .card:not(.card-white) .wz-box-catalog .wz-title { color: #fff; } .wz-dark-theme .card:not(.card-white) .wz-box-project { background-color: #4a4a4a; } .wz-dark-theme .card:not(.card-white) .wz-box-project:hover { background-color: #000000; } .wz-dark-theme .card:not(.card-white) .wz-box-project .wz-title, .wz-dark-theme .card:not(.card-white) .wz-box-project .wz-page-count { color: #ffffff; } .wz-dark-theme .card:not(.card-white) .wz-main-container-full .alert-info { color: #4a4a4a; background-color: #cecece; } .wz-dark-theme .card:not(.card-white) .wz-main-container-full .alert-info a { color: #2d3a9a; } .wz-dark-theme .card:not(.card-white) .wz-main-container-full .alert-info a:hover { color: #3F51D7; } .wz-dark-theme .card:not(.card-white) .tm-tag { background: #343a40; } .wz-dark-theme .card:not(.card-white) .tm-tag a { color: #bdbdbd; } .wz-dark-theme .card:not(.card-white) .tm-tag a:hover { color: #ffffff; } .wz-dark-theme .card:not(.card-white) .media .media-body .wz-text-dashed { color: #484848; } .wz-dark-theme .card:not(.card-white) .media .media-body a { color: #585858; } .wz-dark-theme .card:not(.card-white) .media .media-body a:hover { color: #000000; } .wz-dark-theme .card:not(.card-white) .media .border-bottom { border-bottom: 1px solid #848484 !important; } .wz-dark-theme .card:not(.card-white) .card-footer { background-color: #333333; } .wz-dark-theme .card:not(.card-white) .card-footer a { color: #bdbdbd; } .wz-dark-theme .wz-box-catalog { box-shadow: 8px 7px 2px #878787b3; } .wz-dark-theme .wz-comment-panel { background: transparent; } .wz-dark-theme .card.card-white, .wz-dark-theme .wz-diff-control, .wz-dark-theme .wz-diff-result, .wz-dark-theme .swagger-container .Pane2 { background: #ffffff; } .wz-dark-theme .wz-white-panel .card { background: #ffffff; } .wz-dark-theme .wz-white-panel .card a { color: rgba(0, 0, 0, 0.54); } .wz-dark-theme .wz-white-panel .card a:hover { color: #000000; } .wz-dark-theme .nav-tabs .nav-item a { color: #fffffc; } /*# sourceMappingURL=style-dark.css.map */
hi,这个Dark方案会导致部分背景的字体颜色变白或者部分的背景变黑后看不清
您有没有发现这个问题呢?
from wizard.
之前一直没时间适配,今天适配了下,有点丑,凑合着看,更新到最新版(v1.2.1)就可以看效果了
from wizard.
Related Issues (20)
- 不懂为什么每次运行php artisan migrate:install都会报错 HOT 2
- 建议出个java版本的 HOT 1
- 有管理员账号和权限吗 HOT 3
- 一个用户加入多个用户组,只能看到一个用户组的项目
- 支持全文搜索引擎的url地址和鉴权信息在哪里修改?wizard页面创建的内容怎么同步到搜索引擎数据库? HOT 5
- 下载文档的文件名称是随机英文数字
- Table 'wizard_2.wz_project_catalogs' doesn't exist HOT 1
- Docker部署时遇到SQLSTATE[HY000] [2002] Connection refused HOT 4
- 请教两个功能 HOT 1
- 问下支持多语言吗? HOT 1
- 请问有没有文章仅同组用户的配置?
- LDAP接入配置后,登录提示”账号信息不合法“。 HOT 5
- 开发计划之文档分享,递归分享目录及子目录,文档,还是很有必要的
- 1.3.2版本上传附件报500错误,1.3.1是正常的 HOT 1
- 成功启动后,WEB访问页很多错误!
- php 7.4.33 下 composer 安装时就出错 HOT 2
- [LDAP接入问题] 账户信息不合法 HOT 2
- 可否在分享文档的页面加上密码或者文档保护性认证
- 表格最大行限制
- 同步swagger文档如果链接带有base auth 会同步失败
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 wizard.