文/Beau
数据分析爱好者，擅长PBI数据分析
一、背景介绍
自从微软对PBI原生切片器增加搜索功能后，解决了困扰了小伙伴很久的问题，这也让原生切片器的功能逐步趋于完善。幸福总是很短暂，很快小伙伴在使用过程中会发现一个问题，搜索框的背景色永远是白色，不管你修改主题还是切片器背景色，它总是白的那么执拗，最要命的是默认的字体颜色还是白色！这是要闹哪样？微软的UI设计快出来，我想采访采访你！
关于这个问题，可能会在后续的PBI版本升级中优化解决，但是目前我们该如何解决解决呢？
我的风格大家都懂的，它轴任它轴，我比它更轴！作为追求完美的我是绝对不允许这种不完美的存在！否则会如鲠在喉，夜不能寐！于是在经历了几个不眠之夜后，找到了解决方案。
活不多说，上硬菜。
二、解决思路
既然在PBI里无法修改，那我们就往深里挖。大家都知道PBI的主题配色方案可以导出JSON格式文件，也可以进行导入，那么我们是否可以在导出的JSON文件中做修改，然后再导入修改后的主题文件，来达到我们的目的呢？天晓得，试试呗。
三、具体步骤
1.首先对PBI文件配色进行自定义设置，设置好之后导出JSON格式文件。
为便于讲解，我这里只对页面背景和视觉对象背景色进行设置，小伙伴们可根据自己喜好进行设置，这里特别对视觉对象背景色进行说明：
color：#EEE30F，
transparency：70%
具体效果见下图:
在深色背景下，这个白框显得有没有很扎眼？而且还是那么小！
更可气的是这里搜索框的默认字体色还是白色？？！！敲进去了什么都看不见，但还好这里字体色可以在自定义主题设置里进行修改，方法详见采大星球，这里不再赘述。
2.用记事本打开此JSON文件，就可以看到所有配色设置明细。
重点看红框下面的内容，这些都是针对是视觉对象的配色设置（内置视觉对象，筛选器，提示工具等），那么自然而然的，我们需要在这里对切片器属性进行设置。
3.添加后截图如下：
这里敲黑板！一定要注意这里“slicer”字段放置的层级，对于没接触过JSON的小伙伴来说可能要问为什么要这样操作，不要问，这样做就行，我不会告诉你我在这里踩了多少坑，度过了多少不眠之夜。
接下来将修改好的JOSN文件导入PBI中，来吧，见证奇迹的时刻！
Duang！Duang！Duang！很丑有没有？这里能看到搜索框的颜色我们确实修改了，但是效果很不好！从上一张截图可以看到这里设置的背景色也是#EEE30F，应该和切片器的背景色一致，那效果应该是浑然天成才对，为何这样突兀呢？
细心的小伙伴应该能看出来，这里忽略了一个重要的参数，那就是透明度，切片器的背景色加了70%的透明度，而我们添加的信息里没有透明度参数，这里又有同学会说，那加个透明度参数进去不就好了，对不起，不行！微软爸爸这里就是不让你加！
目前我们已经成功实现了对搜索框背景色的修改，在不加透明度的情况下可以完美呈现，但是如果非要加呢？文章到这里就画句号了？不！追求完美的我不允许这样虎头蛇尾，有新问题我们就接着解决。
既然这里加透明度参数的路走不通，那如何可以绕过这个障碍呢？答案很明显，只有在颜色参数上做手脚，那么该如何操作呢？答案是CSS.
我们知道PBI是支持CSS颜色的，何为CSS?限于篇幅，自行百度，不再赘述。
直接说结论，可以在十六进制的颜色参数最后加两位表示透明度的数字，这样我们就可以实现对透明度的控制了，这里我采用了取巧的方式，小伙伴们后期也可以采用这个方法，在十六进制颜色代码后加“00”，即可实现全透明的效果，那么这样直接显示的就是切片器背景色了，不就完美适配了么？
修改后的JSON文件截图如下：
是不是很简单？小数字解决大问题！接下来看效果:
答案是肯定的，可以！方法是什么？第一个问题在自定义主题设置里就可以调。第二个及第N个问题，自己可以发散解决。
至此，问题解决，核心内容结束！
四、说在最后
好的主题色彩搭配，可以给一份PBI报告加分不少，让报告整体看上去秀色可餐，内容暂且不说，卖相首先很好，有效激发读者的食欲，可视化大赛的获奖作品看着是不是很香？
对于主题色彩设置，微软已经给出比较好的自定义主题方案，或针对各可视化对象单独进行颜色设置。但是对于UI高手以及完美主义兼强迫症患者来说，利用主题JSON文件可以对报告整体色彩进行全面而精细的控制，以达到最佳视觉展现效果。
最后再啰嗦几句，对于主题色彩JSON文件，有很多同学会说不是很了解，是不是要重新学？这里就需要视情况来看了。
如果你只需要进行很少的调整，那么无疑重新学是性价比很低的路径，已被敌军俘虏，你还在造枪？了解一下拿来主义。比如这边文章，就是让你可以直接拿来用的。
如果你是一个狂热爱好者，纯兴趣驱动，那就不要犹豫了，该学学，该踩坑继续踩，我就是这么一路踩过来的，毕竟狂热是要付出成本的。
目前对于主题JSON配色，除了官网资料，线上国内外资源还较匮乏，所以感兴趣的朋友欢迎一起交流，一起踩坑，一起进步！一起快乐！
联系客服
