html颜色自定义器,Color Changer插件,谷歌浏览器夜间模式,网站颜色自定义更改工具...

news/2024/5/8 15:06:23/文章来源:https://blog.csdn.net/weixin_39799825/article/details/118011485

Color Changer插件,是一款非常适合设计师以及普通用户使用的网站颜色自定义更换工具,它提供了一个强大的调色板,能让我们对谷歌浏览器中的任意网站修改背景色、链接颜色、文本字样颜色。

0e914ad5c75ce7553824254a49dc14c5.png

Change website colors to your liking.

下载

Color Changer插件开发背景

对于设计人员来说,网站颜色的配置,也是一项非常重要的工作,优秀的配色不仅会令用户在浏览时赏心悦目,同时也会大大提高他们的停留时间,甚至还能给用户形成一种品牌印象。

反之,如果网站的颜色太过单一或者刺眼,也会对网站流量造成很大的影响。

而作为普通网友,我们在使用浏览器时浏览网页时,可能也会偶尔对某些网站的配色不满意:比如背景色亮度太高、文字颜色太浅看不清。

更重要的是,谷歌浏览器至今没有推出原生的黑暗模式,如果长期处在过量的屏幕蓝光照射下,会对我们的视力造成损伤。

所以,谷歌插件商店中就有一些工具是专门用来调整网站配色的,比如知名的Dark Reader。

c46d5b5a10758225dd1f67086bf2b0f8.png

黑色主题,适用于任何网站。关爱眼睛,就使用Dark Reader进行夜间和日间浏览。

下载

但是,Dark Reader能做的就是将网页调整为夜间适应的黑暗模式,并不具备其他颜色修改功能。

Color Changer插件功能介绍

在网上随意搜索,我们可以看到很多网友在询问“怎么更换电脑上浏览网页的背景颜色?”“如何改变网页上的字体颜色?”

如果你没有编程基础的话,可以说这些解决办法看了也等于白看。

Color Changer插件就是一款懒人式网站颜色修改工具,只需点击你想要更换颜色的元素,比如背景色、文本、链接,然后点击调色板中的色块,就能进下相应的更改了。

27554cc438ae1a67ec5b3353ec7da392.png

Color Changer插件使用方法

一、安装插件

如果有条件,可以直接在谷歌插件商店下载安装;如果无法访问,请在扩展迷安装Color Changer插件的crx文件到你的浏览器上。

二、选中颜色

点击工具栏上的Color Changer插件图标,在弹出的小窗口菜单中选择相应的元素:文本、背景色、链接。

然后在花瓣状的色板中,分别为这三种元素设置为你所喜爱的颜色。

拖动色板下方的进度条,还能对色板的整体饱和度进行调整。

3239c8013ac5231d99eb5eaca6a992b2.png

三、更换颜色

颜色修改完成后,点击菜单框左上角的【Change Colors】,就可以看到更改后的网站效果了;再次点击该按钮,则可以使网站样式还原。

1c23fcec418022cac6378c65ea37c7f3.png

菜单框顶部的【Always】和【Never】按钮,分别是“永远在当前网站保持这个效果”,和“永不在当前网站生效”。

ef13c77adee3b6b5e86f05bf631ca832.png

四、还原

如果想要将网站一键还原,那么可以将鼠标移动到菜单框的底部,此时会弹出一个【Clear Data】按钮,点击它就能一键清除了。

a8281aaa430e1b9c8fbcc2147c7f18ba.png

这样一来,一个Color Changer插件,可以满足黑暗模式、网站颜色自定义两种功能需求,如果你喜欢的话,可以在扩展迷网站上下载安装。

0e914ad5c75ce7553824254a49dc14c5.png

Change website colors to your liking.

下载

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_733730.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

html5微博个人资料页面,仿新浪微博个人主页html网站模板

这是一款最新的仿sina个人微博html静态网页模板(轻博客/轻微博/社交空间主题),模板简洁、新颖,包含关注、粉丝、人气、个人资料、文章、视频等。比较适合类似爱装扮空间的女生。喜欢的可下载自行修改、套用网站程序搭建….资源下载此资源下载价格为4D币&…

a标签的class属性什么意思_SEO标签是什么意思?SEO标签优化方法有哪些?

随着移动互联网的竞争愈发激烈,通过网络运营的企业都会使用有效的方法来使得自己的网站排名靠前,从而增加网站流量,实现可持续发展。然而,SEO优化推广是企业之间竞争的有力武器,它是目前运营成本低性价比较高的推广方式…

论文 | 用迁移学习解释:电商网站的用户评论应如何优化排序?

摘要: 小蚂蚁说: 2018年6月初,自然语言处理三大顶会之一NAACL (Annual Conference of the North American Chapter of the Association for Computational Linguistics)在美国新奥尔良举行,吸引了世界各地的自然语言处理等领域的学…

如何解决网站首页老是被篡改经常反复被篡改

网站首页被篡改说明你网站程序有漏洞导致被上传了脚本后门木马 从而进行篡改内容被百度收录一些BC内容和垃圾与网站不相关的内容,建议找专业做安全的来进行网站安全服务漏洞检测与修补以及代码安全审计,清理网站后门和恶意代码,而且这个快照内容被劫持 会在搜索引擎…

视频网站程序 linux,观看主流视频平台视频的Windows、Mac、Linux客户端:ivideo

ivideo是一款可以观看国内主流视频平台视频的客户端,支持Windows、Mac、Linux操作系统,以下对ivideo进行介绍,及启动、使用、编译的方法。ivideo简介基于Electron开发的跨平台客户端版本的视频播放器,该播放器包括国内主流视频平台…

【总结整理】如何系统地规划出具备上乘用户体验的网站--摘自《人人都是产品经理》...

如何系统地规划出具备上乘用户体验的网站?人人都是产品经理社区 发布于 2018-10-22 08:26:32 举报阅读数:1033​​现今,网站和web技术已经不算是新兴技术了,但是不得不承认,在当下的移动互联网时代,web技术…

实现网站页面的QQ临时会话,分享到空间微博等按钮.

原文:实现网站页面的QQ临时会话&#xff0c;分享到空间微博等按钮.一 qq临时会话要实现qq临时会话首先要到qq在线状态官网开通qq在线状态&#xff0c;其中临时对话也分为加密和未加密。1.1:加密模式<a target"_blank" href"http://sighttp.qq.com/authd?IDK…

宝塔 mysql 占用100_解决宝塔面板CPU占满100%,负载100%网站缓慢等问题【mysql篇】...

今天遇到一个朋友&#xff0c;说他的宝塔服务器面板cpu、负载都是100%&#xff0c;让我给解决&#xff0c;说起来很蒙&#xff0c;一般来说这种问题的可能性很多&#xff0c;有可能是程序性能、服务器负载能力、并发访问、木马病毒、被植入了挖矿程序等等&#xff0c;所以呢&am…

4月4日,网站都变成灰色了,这是如何实现的?

内容导航前言示例代码愿望前言 为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼&#xff0c;国务院决定&#xff0c;2020年4月4日举行全国性哀悼活动。各大网站纷纷响应号召&#xff0c;把网站设置成灰度模式。 示例代码 <!DOCTYPE html> <ht…

项目二《品优购电商网站》

项目二 <品优购电商项目开发> 文章目录项目二 <品优购电商项目开发>前言一、网站 favicon 图标制作favicon图标二、TDK三大标签SEO优化SEOTDK三、字体图标1、下载2、引入四、鼠标经过边框效果五、模块化开发及命名规范命名规范目录命名常用模块类名命名推荐ClassNa…

大型网站技术架构(一)大型网站架构演化

2019独角兽企业重金招聘Python工程师标准>>> 看完了有一本书&#xff0c;就应该有所收获&#xff0c;有所总结&#xff0c;最近把《大型网站技术架构》一书给看完了&#xff0c;给人的印象实在深刻&#xff0c;再加上之前也搞过书本上讲的反向代理和负载均衡以及ses…

python抓取网站URL小工具

1、安装Python requests模块&#xff08;通过pip&#xff09;&#xff1a; 环境搭建好了&#xff01; 2、测试一下抓取URL的过程&#xff1a; 抓取出来的URL有JavaScript代码&#xff0c;正则上还有待更加完善&#xff0c;有兴趣的可以研究下~&#xff01; 工具源代码: #coding…

《Oracle Java EE编程自学和面试指南》10-03:ServletContext实现网站访问计数器

深入了解IT/互联网行业及岗位&#xff0c;请参阅通用IT/互联网岗位招聘计划&#xff08;最新全岗版&#xff09;。 深入了解职业晋升及学习路线&#xff0c;请参阅最优职业晋升路线和课程学习指南&#xff08;最新全栈版&#xff09;。 内容导航&#xff1a; 前言1、登录人次统…

《Java EE实战指南》11-02:使用ServletContextListener实现网站访问计数器

《JavaEE实战指南》 11-01&#xff1a;Listener概念 内容导航&#xff1a; 前言1、计数器的问题及优化2、创建监听器类3、配置监听器4、运行效果 前言 – 1、计数器的问题及优化 上一章的计数器案例的问题&#xff1a;计数器直接存储在上下文对象中&#xff0c;所以容器重启…

解读大型网站系统架构的演化

前言 一个成熟的大型网站&#xff08;如淘宝、京东等&#xff09;的系统架构并不是开始设计就具备完整的高性能、高可用、安全等特性&#xff0c;它总是随着用户量的增加&#xff0c;业务功能的扩展逐渐演变完善的&#xff0c;在这个过程中&#xff0c;开发模式、技术架构、设计…

使用Java开发高性能网站需要关注的那些事儿

近期各家IT媒体举办的业内技术大会让很多网站都在披露自己的技术内幕与同行们分享&#xff0c;大到facebook&#xff0c;百度&#xff0c;小到刚起步的网站。facebook&#xff0c;百度之类的大型网站采用的技术和超凡的处理能力的确给人耳目一新的感觉&#xff0c;但并不是每个…

教务系统自动评教_「四川大学教务处本科登陆系统」四川大学本科教务系统 - 一键评教 - seo实验室...

四川大学教务处本科登陆系统为什么80%的码农都做不了架构师&#xff1f;>>>引用库&#xff1a;http-parser、boost、libcurl、STL其中boost使用了thread、container、regex三个模块。由于boost二进制文件太大&#xff0c;这里就不放工程了。不过编译完只有400多KB&…

html网站点击特效,HTML5 svg和CSS3炫酷鼠标点击按钮特效

这是一组效果非常炫酷的HTML5 svg和CSS3鼠标点击按钮特效。这组鼠标点击特效共有22种效果&#xff0c;大多数是在伪元素上使用CSS3 animations来制作动画效果。非常适合于移动手机APP上的按钮触摸特效。请注意这些效果需要在支持这些CSS属性的现代浏览器中才有效果&#xff0c;…

百度seo排名点击器app_SEO优化关键词上百度——高权重网站上百度排名

SEO优化关键词上百度——高权重网站上百度排名——百度搜索引擎&#xff1a;标语“百度一下&#xff0c;你就知道”&#xff0c;百度又被广大用户名为“度娘”&#xff0c;现目前覆盖了PC端和移动端&#xff0c;不管是PC端还是移动端&#xff0c;在搜索引擎市场上&#xff0c;一…

网站前端性能优化终极指南

性能黄金法则:80- 90%的终端用户响应时间花在下载前端&#xff0c;即页面上的所有组件:img、stylesheets、scripts等 1.缩小HTML、CSS和JavaScript 减少资源意味着从HTML、JavaScript和CSS中删除不必要的、不需要加载的字符&#xff0c;如空白字符、换行字符、注释和块分隔符…