dev的主题生成需要借助dev官网自带的主题生成器,在这里可以对dev的主题进行定制化生成,如下所示:
dev自带有8种主题可供选择。如果觉得这8种不满足需求,可以修改以下部分来对主题的构成进行调整,在nvisual系统中,我们的Base size设置的是compact,表示紧凑型,所以如果是在nvisual系统中应用,记都修改这个选项。其他的选项分别代表强调色、文本颜色、背景颜色、边框颜色、边框半径,都可以进行调整。如果还不满意,可以选择Advanced Settings,他表示高级设置,里面还有一些更细致的调整,这里不多做讲解,有兴趣的可以自己尝试。
敲定好主题细节以后,可以选择导出,点击Export,选择Download ZIP Archive,将css文件下载到本地即可完成第一步。如下所示:
将下载的zip包进行解压,之后将解压好的文件存放进nvisual对应主题下的devTheme文件下(如白色主题:/theme/light/devThemem/),之后在对应主题的index.js文件中引入该主题文件的css即可完成dev主题的修改,如下所示: