现在还剩下最后一个修改的元素,就是 IE 8 窗口中唯一的一个处于前台的标签。前台标签在默认的设置中也采用了渐变色,但是也与后台标签相差不大。好在这个唯一的前台标签比其它后台标签要高一些,因此颜色接近的问题可以忽略。
如需修改前台标签的颜色,在 UIFILE 中搜索字符串 (rgb(195,221,251),rgb(242,246,251),找到下列语句:
<IETabOverlay background = "themeable(gradient(rgb(195,221,251),rgb(242,246,251),1), gradient(buttonhighlight,buttonface,1))" />
这段语句定义了前台标签的渐变,我们可以根据自己的喜好将其修改为自定义颜色的 RGB 值。
依此类推,接下来紧随着这段语句可以依次找到 <if class="groupX">,不过这些语句的格式略微有所改变,需要在最后重复一下此种渐变色的第一种颜色。例如 <if class="group1"> 语句为:
<if class="group1"><IETabOverlay background = "themeable(gradient(rgb(104,218,169),rgb(242,246,251),1),gradient(rgb(104,218,169),buttonface,1))" /></if>
可以看到它重复了一下渐变色的第一种颜色(RGB = 104,218,169)。我们按照它的格式修改相关的 RGB 值就可以了。
附注:IE 8 前台标签默认颜色设置对照:
初始值:从(RGB = 195,221,251) 到 (RGB = 242,246,251)
第一组:从(RGB = 104,218,169) 到 (RGB = 242,246,251)
第二组:从(RGB = 159,187,243) 到 (RGB = 242,246,251)
第三组:从(RGB = 255,244,139) 到 (RGB = 242,246,251)
第四组:从(RGB = 215,141,223) 到 (RGB = 242,246,251)
至此,我们便完成了后台标签、有鼠标悬停的后台标签、前台标签在初始值以及四种分组时的全部颜色修改。
根据上述方法,我们完全可以按照自己的喜好,设计一套属于自己的 IE 8 分组标签颜色方案。本文结尾处的附件截图是笔者自己设计的一套颜色方案,标签初始颜色为淡粉色渐变、悬停时为粉红色渐变。四种分组分别为:浅红色(悬停橙红色)渐变、浅黄色(悬停黄绿色)渐变、草绿色(悬停蓝绿色)渐变、蓝紫色(悬停浅紫色)渐变,按照粉-红-黄-绿-紫的顺序轮换,大体上遵循了彩虹
方案,供大家参考。在截图中,所有的 Windows 主页均为后台标签、Windows XP 主页为鼠标悬停时的后台标签、Windows Vista 主页为前台标签。
9
7
3
1
2
4
8
: