怎么把火狐浏览器整成自己喜欢的风格

不多说，先上图：
偶然发现了火狐可以通过Firefox Color扩展自己配置顶部标签栏的颜色，那只能掏出最喜欢的夜店粉整它一下了，然后再配合stylus扩展，就可以整出自己喜欢的风格了。
一、修改顶部书签栏颜色
1、在顶部搜索栏输入about:addons可以进到火狐的扩展页面，然后搜索Firefox Color组件，没有就点击添加到Firefox。
2、有了Firefox Color组件后，在扩展的主题选项里面，拉到最下方，会有一个使用Firefox Color打造自己的主题的链接。当然，如果不喜欢自己定义，也可以用已有的主题。
3、进到定义主题颜色的界面，就可以在Custom colors设置自己喜欢的颜色了。通过Custom backgrounds可以配置顶部的背景图片。这些颜色根据自己爱好设置吧，注意有时候为了好看，可以将背景透明度调低。下面是主题定义界面和我用的背景图，我将背景图设置成了重复，这样可以铺满整个顶部。
4、这样正常的话，顶部应该已经改成喜欢的颜色风格了。
二、将新标签页设置成自己喜欢的风格。
由于我自身喜欢用火狐的新标签页的常用网站功能，所以就修改了新标签页的样式。
1、这里要用到stylus组件。这个组件可以自定义样式然后使其应用到特定的页面。同样进入about:addons添加stylus组件。添加完成之后浏览器右上角会有一个S标志。

2、点击S标志，进入到管理样式界面。点击编写新样式。下面是我应用在新标签页面得样式。可以根据需要将里面的颜色修改成自己喜欢的颜色。然后我隐藏了在新标签页面会出现的新闻模块，因为不喜欢这个模块。将常用网站的图片都隐藏了，这样每个框都会显示默认的手写字母。看起来比较整齐。再就是注意下面的应用于的域名，要写新标签的虚名，以免影响到其他页面。

/* 打开新标签页的样式 */
.outer-wrapper {background-image: linear-gradient( #0d001c, #6b4a48);
}
.top-sites {background-color: rgb(235, 232, 232, 0.2);border-radius: 15px;color: #fc297f;
}
.collapsible-section .section-title span {color: #fc297f;fill: #fc297f !important;
}
.collapsible-section .section-title span {display: inline-block;fill: #fc297f;vertical-align: middle;
}
.collapsible-section.active {border-radius: 15px;
}
/* 因为常用网站标签的一些背景图片不好看，所以给全部隐藏了，都用文字来显示，比较统一整齐 */
.top-site-outer .screenshot {opacity: 0 !important;
}
.top-site-outer .top-site-icon {opacity: 0;
}
.top-site-outer .top-site-icon:hover {border: none !important;
}
.default-icon {display: none !important;
}
/* 修改标签的阴影 */
.top-site-outer .tile {border-radius: 4px;box-shadow: 0 0 10px #fc297f;
}
/* 修改搜索框的样式 */
.search-wrapper input {background: rgba(0, 0, 0, 1) var(--newtab-search-icon) 12px center no-repeat;box-shadow: 0 0 10px #fc297f;color: #fc297f;border-radius: 8px;
}
.search-wrapper input:hover {background: rgba(0, 0, 0, 1) var(--newtab-search-icon) 12px center no-repeat;box-shadow: 0 0 10px #fc297f;
}
.search-wrapper .search-button {fill: #fc297f;
}
/* 隐藏新闻模块 */
.compact-cards {display: none;
}

最后：大致过程就酱紫，各位可以自行去玩耍，有疑问可评论。

怎么把火狐浏览器整成自己喜欢的风格相关推荐

火狐浏览器打开成2345
背景电脑重装win10后,安装火狐浏览器,发现打开后主页不是浏览器设置的主页,而是被篡成了2345或者hao123流氓网站.网上其他修改user.js或者注册表的,太复杂也试过,但是没效果.因为遇到 ...
linux怎么把英文版火狐浏览器改成中文
一.按alt打开菜单栏,点击help>about firefox查看自己的火狐浏览器版本比如我的是52.4.0版本二打开网址 http://ftp.mozilla.org/pub/firef ...
把你的火狐浏览器改成Chrome样式
2019独角兽企业重金招聘Python工程师标准>>> Chrome 69 开启了新的 Material Design 主题,最大的变化,就是和 Firefox 的 Australi ...
为什么要下载firefox火狐浏览器
您的ie是否越来越慢,上网泥泞不堪? 您的ie首页经常被窜改,工具栏上东西越来越多,错误百出? 您的ie经常弹出乱七八糟的广告,经常跳出非法操作? 现在您就可以结束这场噩梦了,IE无需修复,立刻下载 ...
火狐浏览器自动加滚动条，如何去除？
在写tab页的时候,在火狐浏览器调试成手机端的时候,发现tab标题下面无缘无故多了滚动条,然而谷歌是没有的,大佬说这是火狐自己添加的(挺会添乱的),于是找了一下项目中其他模块,发现已经做过处理的,于是 ...
火狐查看html页面大小,利用火狐浏览器测试自适应网页
随着科技的发展与进步出现了越来越多的不同分辨率的显示设备,比如不同分辨率的手机,IPAI,笔记本等,虽然这些设备给我们的生活带来了很多的便利,但对我们一些做前端web的人来说,与不是一件很多的事情. ...
火狐浏览器如何设置成打开一个新的页面，原有的页面继续存在
火狐浏览器如何设置成打开一个新的页面,原有的页面继续存在? Tab Utilities 扩展. 在新标签页打开书签.历史.主页.地址.搜索,以及更多增强标签式浏览的实用功能,包括紧邻当前标签页打开 ...
ubuntu火狐浏览器怎么改成中文
ubuntu火狐浏览器怎么改成中文 Ubuntu火狐浏览器(Firefox)设置成中文,我介绍两种方法来实现.我用Firefox的63.0版本做演示. 工具/原料 Ubuntu 火狐浏览器(Firef ...
Lniux操作系统下的火狐浏览器英文修改成中文
1.为了大家方便可以直接拷贝下列链接到浏览器地址栏,安装. 32位系统目录:http://ftp.mozilla.org/pub/firefox/releases/60.0.1/linux-i686/ ...

怎么把火狐浏览器整成自己喜欢的风格

怎么把火狐浏览器整成自己喜欢的风格相关推荐

最新文章

热门文章