`

Chrome 之 修改网页背景颜色

阅读更多
Google Chrome修改网页背景颜色的办法

首先,下载安装chrome的stylist插件,下载地址:
https://chrome.google.com/extensions/detail/pabfempgigicdjjlccdgnbmeggkbjdhd

然后,打开"扩展设置",点击chrome stylist的选项,点击demo进行修改。
把网页背景修改为豆沙绿的参数设置:
输入框1:demo
选项框2:regexp
输入框3:(ftp|http|https)://\D
输入框4:
* {
background: #C7EDCC !important;

}

修改后保存即可
(url和style text可根据自己喜好配置)

附:豆沙绿的参数


RGB颜色
199;237;204


十六位颜色代码
#C7EDCC
色调:85;饱和度:123;亮度:205


1、桌面右键你的google浏览器图标,查看属性,找到安装目录上级目录找到User Data然后找到Default\User StyleSheets\Custom.css的文件。
3、用记事本打开是空的,输入:html, body {background-color: #CCE8CC!important;}
保存后再看看浏览的网页,背景已经变成保护眼睛色了。
分享到:
评论

相关推荐

    将GitHub导航栏恢复为其原始颜色的一个Chrome扩展

    这个扩展是针对那些可能不喜欢GitHub对界面所做的颜色更改,或者希望恢复到以前颜色风格的用户。在Chrome浏览器中,扩展程序通常以`.crx`文件的形式提供,可以通过安装来添加额外的功能或定制浏览器的外观和行为。 ...

    一系列chrome 例子插件

    在这个例子中,`content_script.js`将检测到网页加载完成,然后使用JavaScript修改网页的背景颜色。而`manifest.json`会声明这个插件需要"activeTab"权限,允许插件操作当前活动的标签页。 总的来说,这个压缩包...

    Chrome首页美化插件

    Chrome浏览器是一款广受欢迎的网页浏览工具,以其快速、安全和用户友好的特性赢得了大量用户的喜爱。为了满足用户个性化的需求,Chrome商店提供了丰富的扩展程序,其中就包括“Chrome首页美化插件”。这款插件的主要...

    CSS设置选中网页文字时的背景和颜色

    CSS的::selection伪类就扮演着这一角色,它允许我们指定用户选中文字时的背景颜色和文字颜色。 IE9+、Opera、Google Chrome、Safari等主流浏览器都原生支持::selection伪类。而对于Firefox,虽然不是所有版本都支持...

    Chrome扩展及应用开发.pdf

    - 包括更改背景图片、颜色方案等。 - **i18n** - 国际化(Internationalization)和本地化(Localization)的实践指南。 - 确保应用或扩展能够适应不同语言和地区的需求。 - **初识AngularJS** - AngularJS是...

    Chrome Menu javascript下拉菜单

    Chrome Menu是一种基于JavaScript和CSS实现的交互式下拉菜单,它在网页设计中扮演着重要的角色,为用户提供直观且易于导航的界面元素。这个菜单系统的设计理念是简洁、高效,并且对搜索引擎友好,这意味着它不仅提供...

    Chrome开发工具里的Accessibility(无障碍)工具简介 -By Esri Esri北京研发中心1

    Chrome DevTools包含了一个检查颜色对比度的工具,允许开发者快速检查文本与背景色之间的对比度是否符合WCAG标准。通过右键点击文字元素,选择“检查”,然后在样式面板中找到颜色属性并打开取色面板,就可以查看...

    Chorme Stylist v2.1.0 官方版_Chrome插件

    1. **界面定制**:用户可以通过此插件更改Chrome浏览器的基本外观,比如修改背景颜色、字体样式、按钮形状等,使得浏览器与个人品味相匹配。 2. **网页样式编辑**:除了全局的浏览器定制,Chrome Stylist还允许用户...

    select标签边框的颜色select标签边框的颜色

    然而,`<select>` 标签的默认样式可能并不符合所有设计需求,因此,调整其边框颜色常常是网页定制化过程中的一个环节。 ### 1. CSS 样式控制 HTML 元素的外观通常由 CSS(层叠样式表)来控制。对于 `<select>` ...

    chrome图标还原透明工具

    它通过修改图标的属性和设置,使其背景颜色重新变为透明,而不是固定的白色。这样,无论用户的Windows 10主题如何改变,Chrome图标的背景都会随之适应,保持良好的融合性。 实现这一功能的过程中,工具可能采用了...

    chrome暗色插件①

    这种插件通常可以自动或手动地将网页背景变为深色,同时调整文字和其他元素的颜色,以保持内容的可读性。 首先,我们需要了解Chrome浏览器的扩展机制。Chrome浏览器支持以CRX(Chrome Extension)格式的文件来安装...

    nobg:用于管理网页背景的 Chrome 扩展程序

    "诺布格"可能会用到DOM遍历、选择和修改元素,以便更改网页背景。例如,使用`document.querySelector()`和`document.getElementById()`来定位特定元素,`element.style.backgroundColor`来改变背景颜色。 2. **事件...

    自己编写的chrome护眼插件-eye.zip

    例如,我们需要在`manifest.json`中声明我们的插件需要访问网页内容权限,以便修改网页的背景颜色。 3. **popup.html**: 弹出窗口通常用于用户与扩展交互,你可以在这里设计一个简单的界面,比如一个开关按钮,...

    JSONView-for-Chrome-master.zip

    1. `manifest.json`:这是Chrome浏览器扩展的核心配置文件,包含了插件的基本信息,如名称、版本、权限、背景脚本、内容脚本等。 2. `js` 文件夹:可能包含插件的JavaScript源代码,用于处理JSON数据的解析、格式化...

    草料二维码-chrome插件-二维码生成

    3. 自定义样式:草料二维码插件还支持个性化设置,用户可以根据需求调整二维码的颜色、形状、背景等,使其更具视觉吸引力。 4. 实时预览:在生成二维码的过程中,插件提供实时预览功能,用户可以看到修改设置后...

    很好用的chrome 插件合集,不要错过--chrome插件合集.rar

    Chrome浏览器是全球最受欢迎的网页浏览器之一,其强大的功能和丰富的扩展性主要得益于众多高质量的插件。本合集汇集了一些非常实用且广受好评的Chrome插件,它们能极大地提升你的浏览体验,提高工作效率,或者提供...

    chrome暗色插件②

    暗色插件通常通过动态修改网页的CSS样式,将白色背景变为黑色或其他深色调,同时调整文字颜色以保持可读性。有些插件甚至可以自定义暗色模式的配色方案,让用户根据个人喜好定制界面。 三、安装Chrome暗色插件 ...

    Chrome浏览器插件-Json格式化-JSONView

    JSONView 是一款针对 Chrome 浏览器的插件,它主要功能是对网页中显示的 JSON 数据进行美化和格式化,使原本紧凑、难以阅读的 JSON 字符串转换为清晰、结构化的视图,便于开发者和数据分析师快速查看和理解数据内容...

    背景特效 html网页特效

    例如,针对小屏幕设备更改背景颜色: ```css @media (max-width: 600px) { body { background-color: #333; } } ``` 综上所述,HTML网页背景特效的实现主要依赖CSS,结合不同的属性和技巧,可以创造出各种...

Global site tag (gtag.js) - Google Analytics