`

chrome 背景色的设置

 
阅读更多

最近换了浏览器,开始喜欢上chrome。

 

为了保护眼睛,很多人喜欢设置成绿豆沙的颜色,但是chrome需要一个插件来实现。推荐一下。

 

Chrome Stylist 

 

设置方法:

 

进入选项,点击Styles,(可以新建一个style),点击Demo,选择All Site。然后插入以下CSS样式。

 

 

html, body ,tr,td,div {background-color: #CCE8CC!important;}

 

可以根据自己的需求来更改样式。 CCE8CC就是绿豆沙的颜色。有些论坛使用tr来放帖子,而iteye用div来放文章,所以将tr,div都设置成绿豆沙比较好看了。

分享到:
评论

相关推荐

    chrome 绿色 草地主题

    chrome 绿色 草地主题.

    chrome-extension:基本的chrome扩展名,可更改背景色以进行练习

    "chrome-extension:基本的chrome扩展名,可更改背景色以进行练习"是一个初学者级别的项目,旨在教授如何开发一个简单的Chrome扩展,这个扩展的主要功能是改变浏览器的背景颜色。 在Chrome扩展开发中,`manifest....

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

    标题中的“将GitHub导航栏恢复为其原始颜色的一个Chrome扩展”指的是一个特定的浏览器扩展程序,设计用于改变用户在GitHub网站上浏览时的导航栏颜色。这个扩展是针对那些可能不喜欢GitHub对界面所做的颜色更改,或者...

    chrome插件开发,完整demo

    修改页面背景色(通过executeScript实现) 修改字体大小(通过sendMessage实现) 国际化演示 (另外请到插件列表页查看描述的变化) 其它 显示badge 隐藏badge 显示桌面通知 检测网页视频 更多 百度广告,右键菜单,...

    windows7全面护眼色设置

    2. **Chrome浏览器背景色设置**: Google Chrome也需要进行类似的操作。右键点击浏览器页面,选择“审查元素”(或快捷键Ctrl+Shift+I),进入开发者工具。找到`body`标签,双击其背景颜色值,输入你喜欢的护眼颜色...

    chrome主题制作工具

    2. **设计元素**:在工具中上传背景图片,设置颜色方案,并选择或设计自定义图标。确保所有的设计元素都符合你的主题概念。 3. **编写CSS**:如果需要更精细的控制,可以编辑CSS代码来调整元素的位置、大小和颜色。...

    一系列chrome 例子插件

    例如,一个简单的插件可能仅包含一个改变网页背景色的功能。在这个例子中,`content_script.js`将检测到网页加载完成,然后使用JavaScript修改网页的背景颜色。而`manifest.json`会声明这个插件需要"activeTab"权限...

    chrome dark黑背景模式

    3. **JavaScript API**:Google Chrome提供了`chrome.themeing` API,允许开发者获取和设置浏览器主题的颜色和图像。通过监听`chrome.themeing.onThemeChanged`事件,可以动态响应用户主题切换。 4. **PWA(渐进式...

    chrome浏览器护眼插件

    这类插件通过调整网页的背景色和文字颜色,提供更舒适的阅读体验,以减少蓝光对眼睛的伤害。"Care your Eyes v7.1.12.crx"就是这样一个插件,它具有多种功能来保护用户的视力健康。 首先,让我们了解一下蓝光。蓝光...

    CSS设置DIV背景色渐变显示兼容IE/火狐/谷歌

    标题中的“CSS设置DIV背景色渐变显示兼容IE/火狐/谷歌”指的是在网页设计中,使用CSS来实现一个DIV元素的背景颜色渐变效果,并确保这种效果在不同的浏览器,包括Internet Explorer(IE)、Firefox和Google Chrome...

    chrome扩展(V3版)简单实例

    该实例旨在帮助用户在浏览特定业务系统时,能够快速识别出符合特定规则的条目,并通过视觉提示(如改变背景色)来突出显示这些条目。这对于处理大量数据或需要快速定位关键信息的工作场景尤其有用。 #### 二、基础...

    主流浏览器护眼色设置方法.docx

    目前,Chrome浏览器官方并没有提供直接更改网页背景色的设置。不过,可以通过安装扩展程序来实现这一功能。这里介绍一种通过编写用户脚本的方式来实现护眼色的设置: 1. 将以下代码保存为一个名为`color.user.js`的...

    chrome class theme

    例如,它可能包含了浏览器各个部分(如地址栏、书签栏)的颜色设定,以及是否启用特定的背景图像。 "notused.png"是一个未使用的图片文件,通常在开发过程中可能会用于测试或备用。在这款主题中,它可能原本是打算...

    Css如何实现背景色透明或半透明但内容不透明

    在网页设计中,有时我们希望元素的背景颜色呈现透明或...总的来说,通过合理利用CSS的`filter`滤镜和`rgba()`函数,我们可以轻松实现背景色透明或半透明但内容不透明的效果,从而提升网页设计的视觉层次感和用户体验。

    仿Chrome 风格的TabControl控件

    1、选项卡标签区域更换背景色或使用背景图片 2、选项卡标签在激活与非激活状态下以及鼠标移动到非激活标签上时可自定义三种状态的颜色,且颜色渐变 3、可直接关闭非激活状态下的选项卡,且保持当前激活状态下的标签...

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

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

    CSS 鼠标选中文字后改变背景色的实现代码

    }`说明了如何将文字颜色设置为浅橙色(#fc5)以及背景色设置为深绿色(#0f581a)。 此外,文件还提到了另一个伪元素选择器`::selection`,这在很多现代浏览器中都是有效的,包括在支持Webkit引擎的浏览器(如旧版...

    纯CSS3漂亮表格(圆角、渐变、多背景色).rar

    本资源“纯CSS3漂亮表格(圆角、渐变、多背景色).rar”提供了一种利用CSS3特性创建美观表格的方法,特别适合现代浏览器环境,如IE9及以上版本、Firefox、Chrome以及Safari。 首先,我们来看“圆角”这一CSS3特性。...

    一段Js代码根据一天中的时间将移动Chrome导航栏颜色更改为天空颜色

    Chrome 浏览器支持用户自定义主题,这通常涉及到更改浏览器的背景、图标和其他视觉元素的颜色。在移动设备上,可能需要修改特定的CSS属性来改变导航栏颜色。这段代码可能就是针对这一功能的实现,通过JavaScript...

    Chrome护眼插件

    2. **夜间模式**:针对晚上或暗环境使用电脑的情况,护眼插件可以切换到夜间模式,将屏幕背景色变为暗色调,减少亮度对比度,降低眼睛的负担。 3. **阅读模式**:有些插件提供阅读模式,它可以去除网页上的干扰元素...

Global site tag (gtag.js) - Google Analytics