IDEA 护眼色设置


 首先做一些简单的记录,护眼色 等等的设置很久以前机器上已经设置过了,今天偶尔要在其他机器上重新做一些设置反而忘记了很多步骤,

设置后的HTML页面如下图所示:

默认情况下,当只是设置General通用的颜色为护眼色时,那么对于 html 等页面的“标签色”,仍然还是灰色等默认颜色,相比较于背景色是极其难看的,所以在此记录一下如何设置通用颜色为护眼色(背景色),并且针对特定的文本格式如html,java等格式,修改所对应的tag,attribute属性等的颜色设置

首先设置通用的背景颜色设置;

Setting设置中,找到Color Scheme(颜色方案设置)选择General,再选择所对应的颜色设置即可(Default text表示默认的文本颜色设置,此处设置为护眼色:R = 199,G = 237 ,B = 204 , #C7EDCC),

在这里IDEA有一个很简单的提示功能,他会在设置上方显示出所对应的属性,在属性的下方显示所对应的展示页面,通过点击展示页面,则可以快速的定位到所要修改的部分所对应的属性设置,下方提供所对应的例子介绍:如下图:

在此时如果你想修改所对应的 //TODO:Visit Jb Web resources: 也就是修改代码注释所对应的背景色时,只需鼠标点击选中所对应的 行数据,此时IDEA便会自动选中当前注释所对应的属性设置;比如,当你使用鼠标点击点击空白地方时,则将会默认选中Default Text属性,然后设置该属性所对应的背景色,字体颜色等即可;

默认护眼色的RGB已经在第一个图片中显示出来了,直接按照所对应的RGB值,填写一下即可了;按照上述所给出的方法,当需要设置不同的 属性或标签的背景色时候,只需要通过鼠标单击下方的例子测试,多点击几下测试一下即可。

此处添加一个简单的小例子:假设此时需要修改 HTML 页面的标签名称的颜色,但是却不知道标签名称是对应的哪一个属性设置那么此时只需要选中任意一个标签的名称,IDEA便会自动选中所对应的属性设置,然后再设置所对应的字体颜色,背景颜色等;

如下图所示,此处选中的是标签中的title这几个字,便会进行自动的匹配所对应的属性,如下图1和下图2,分别表示未选择前和选择后:</span></span></p> <p></p> <p><span style="color: rgba(255, 102, 0, 1); font-size: 14pt"><strong>点击Titile标签后,则此时便会直接选中所对应的 tag name该标签,  如下图所示:此时根据所选中的属性标签再设置相关的背景色即可;</strong></span></p> <p></p> <p></audio></p> </div> <!--conend--> <div class="p-2"></div> <div class="arcinfo my-3 fs-7 text-center"> <a href='/t/etagid67537-0.html' class='tagbtn' target='_blank'>【04】IntelliJIDEA</a><a href='/t/etagid24152-0.html' class='tagbtn' target='_blank'>【08】原创文章</a><a href='/t/etagid587-0.html' class='tagbtn' target='_blank'>IDEA</a> </div> <div class="p-2"></div> </div> <div class="p-2"></div> <!--xg--> <div class="lbox p-4 shadow-sm rounded-3"> <div class="boxtitle"><h2 class="fs-4">相关</h2></div> <hr> <div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-563934.html">Idea Java项目文件夹后面提示百分数怎么去掉</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-563751.html">IDEA2019 和 maven3.6版本不兼容</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-561021.html">idea调试模式下启动Springboot特别慢的原因 Method breakpoints may dramatically slo</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-559873.html">Spring MVC 学习总结(十一)——IDEA+Maven+多模块实现SSM框架集成</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-559539.html">WEBAPI ScopeFilter执行顺序以及OverrideActionFilters</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-557673.html">idea maven创建web项目</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-554191.html">idea将maven项目打包</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-553899.html">git提交过滤target文件 idea_IDEA GIT 忽略文件的最佳方式推荐</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-553140.html">IDEA激活码,全网最稳定,成功激活最新版本IDEA2021.2.3</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-551125.html">jdk安装完全没有问题,idea可以正常运行项目,但是用Windows自带的cmd命令行运行Java命令</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-551019.html">IDEA导包无法使用在类名上import,而是直接在方法中引入全路径</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div><div class="row g-0 py-2 border-bottom align-items-center"> <div class="col-7 col-lg-11 border-lg-end"> <h3 class="fs-6 mb-0 mb-lg-2"><a href="/a/1-547385.html">第三天,Java的基本运行原理和idea工具的下载</a></h3> <div class="ltag fs-8 d-none d-lg-block"> </div> </div> </div> <!----> <!----> </div> <!--xgend--> </div> <div class="col-lg-3 col-12 p-0 ps-lg-2"> <!--box--> <!--boxend--> <!--<div class="p-2"></div>--> <!--box--> <div class="lbox p-4 shadow-sm rounded-3"> <div class="boxtitle pb-2"><h2 class="fs-4"><a href="#">标签</a></h2></div> <div class="clearfix"></div> <ul class="m-0 p-0 fs-7 r-tag"> </ul> <div class="clearfix"></div> </div> <!--box end--> </div> </div> </div> </main> <div class="p-2"></div> <footer> <div class="container-fluid p-0 bg-black"> <div class="container p-0 fs-8"> <p class="text-center m-0 py-2 text-white-50">一品网 <a class="text-white-50" href="https://beian.miit.gov.cn/" target="_blank">冀ICP备14022925号-6</a></p> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?6e3dd49b5f14d985cc4c6bdb9248f52b"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </footer> <script src="/skin/bootstrap.bundle.js"></script> </body> </html>