主题样式是什么?
我们打开keyshot,进入首选项,会看到界面》主题,会有两个选择。
一个是亮,一个是暗,也就是keyshot软件自带的两种界面颜色样式。
这两种主题,大妈偏爱暗主题,亮主题有点刺眼,暗主题不刺眼,且容易沉入工作当中。
不过有些人觉得事物看久了,都会腻,想着如果还有其它颜色主题就好了,也有些人可能有强迫症,觉得自带的主题还是有所缺陷,希望优化一下,也有些人喜欢折腾,想搞点啥五彩斑斓的黑,独一无二的软件界面,总之,不管你是哪类人,恭喜你,keyshot就是留了一个这样的端口,专门给你们用来自定义修改界面主题样式。
不过在修改前,大妈先说明一下,更改主题界面样式,如果你学过css,那么你会觉得很简单,如果你啥都不懂,当然,大妈也教你怎么做一些简单的优化修改,跟着我的步骤,一起来折腾。
1.打开keyshot
2.点击菜单栏:窗口,选择样式表编辑器
3.这时候我们就打开了:样式表编辑器,基本上所有的界面样式代码就在这里修改,基本的代码组成:
QWidget:disabled { 这一行是样式标签名称,控制着相对应的元素,一条或多条,以大括号开始
color: #777777; 这一行是样式属性代码,控制元素最终的呈现效果,一条或多条,以; 符合代表着一个样式熟悉结束
} 以大括号结束
4. 如果你会英文,应该能看懂每个英文单词的含义,如果看不懂,也没关系,咱们只要认识:#2b2b2b的十六进制颜色代码,更改颜色代码,就能判断这个#2b2b2b控制哪个界面区域颜色。
我们先将:#2b2b2b 改成:#fff #fff代表纯白色,再点击编辑器右下角的:Apply,这时候我们的软件界面就发生了改变,如图:
5.我们知道了这一区域的颜色代码,这时候我们就可以随意发挥,我这里最终前三行的代码如下,提亮了深色区域,提亮了整个软件的字体颜色为纯白,效果如图:
QWidget { background: #333333(界面颜色); color: #fff(软件常规文字颜色);}
6.我觉得选中的菜单效果不是很明显,我想加深,这时候我们找到一行代码,如图:
7.我们先试着将:background: #212121; 修改为background: #ff0000; 看看效果如何,如图:
8.我们把颜色改成纯黑:background: #000; 每次修改后要点击右下角的:Apply,来执行修改,效果如图:
9.我继续修改数值框,我觉得原本的黑色,看起来有点糊,而且keyshot的数值框应用的地方多,且频繁,所以了,我想这里比较显眼一些,如图:
10.大家跟着我找到这一行代码,来修改数值框,如图:
11.background-color 控制数值框的底色,border: 控制数值框的边框颜色,以及边框粗细等,我们将代码修改成:
QAbstractSpinBox {background-color: #f4f3f3;border: 1px solid #dfdfdf;}
这时候发现变成白色,但是文字原本也是白色,这时候混在一起,文字看不见了,如图:
12.前面带着大家都是在原版的基础修改,这次我们试着添加新的代码,我们现在添加一行: color: #000; 放在border: 1px solid #dfdfdf; 下面,再点击:Apply,文字变成了黑色,如图:
13.到这里由于时间关系,我就讲到这里,大家修改后,可以点击save保存为文件,分享给其它人使用。同样,要使用别人的自定义样式,点击Open,选择你下载的样式文件,再点击Apply,即可使用。
最后了,大家可以自己继续折腾,想改成啥样都行,只要你自己看的过去。顺便可以体验一下如程序员一样,码代码的感受,如果你能码出一套惊世骇俗的keyshot界面样式,那你就出师了,由设计师变成了前端程序员!
加油,大妈看好你们!
公众号回复css获取大妈优化样式文件