转载几个不错的灰黑配色 CSS样式

hstmodo

转几个自己觉得不错的灰黑配色CSS样式，大家根据自己的需求自取。
本人使用的是Chrome Canary 64位和Firefox Nightly 64位+15063 64位系统，这些样式在两个浏览器上都完全兼容，使用效果都很不错，具体样式看图。

食用方法:  安装CSS样式前，先安装Stylus 样式管理器扩展(已兼容Firefox 57版本)
Stylus for Chrome_Firefox.zip (1.7 MB, 下载次数: 13)

2017-9-14 17:38 上传

下载次数: 13
下载积分: PB币 -1
请勿使用多线程下载工具下载论坛附件！

1. 谷歌翻译灰黑样式
样式站地址: https://userstyles.org/styles/141534


2. GitHub灰黑样式
项目地址: https://github.com/StylishThemes/GitHub-Dark
样式站地址: https://userstyles.org/styles/37035


3. GreasyFork灰黑样式
样式站地址: https://userstyles.org/styles/138919


4. Pastebin灰黑样式
样式站地址: https://userstyles.org/styles/94747


5. Stylus扩展灰黑样式
样式站地址: https://userstyles.org/styles/142097


6. Dark Team Liquid + Liquipedia
样式站地址: https://userstyles.org/styles/114730


7. Google 黑色主题 (兼容 Firefox 57 版本)
项目地址: https://add0n.com/dark-theme.html


8. 黑色背景文本编辑器  支持代码高亮
Github项目地址: https://gist.github.com/jakeonrails/4666256
食用方法:  将以下代码复制到Chrome浏览器中的地址栏中执行。
为了方便使用，可以将其保存为书签，以后点击书签直接打开。

PS: 如果需要其他语言的代码高亮，只需替换"ace/mode/javascript"中的javascript。
如果打开很慢，可以将代码中的"https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.8/ace.js"，替换成国内的公共CDN库，如"https://cdn.bootcss.com/ace/1.2.8/ace.js"。

1. data:text/html, <style type="text/css">#e{position:absolute;top:0;right:0;bottom:0;left:0;}</style><div id="e"></div><script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.8/ace.js" type="text/javascript" charset="utf-8"></script><script>var e=ace.edit("e");e.setTheme("ace/theme/monokai");e.getSession().setMode("ace/mode/javascript");</script>

复制代码

草图板
食用方法同上，自己美术稀烂，效果图就不展示了

1. data:text/html, <canvas id="dyDraw">你的浏览器不支持HTML5 Canvas</canvas><script>function $(id){return document.getElementById(id);} $('dyDraw').width=document.body.clientWidth;$('dyDraw').height=document.body.clientHeight;if(window.addEventListener){window.addEventListener('load',function(){var canvas,canvastext;var hua=false;function dyDrawing(){canvas=$('dyDraw');canvastext=canvas.getContext('2d');canvas.addEventListener('mousedown',canvasMouse,false);canvas.addEventListener('mousemove',canvasMouse,false);window.addEventListener('mouseup',canvasMouse,false);} function canvasMouse(dy){var x,y;if(dy.layerX||dy.layerX==0){x=dy.layerX;y=dy.layerY;}else if(dy.offsetX||dy.offsetX==0){x=dy.offsetX;y=dy.offsetY;} x-=dyDraw.offsetLeft;y-=dyDraw.offsetTop;if(dy.type=='mousedown'){hua=false;canvastext.beginPath();canvastext.moveTo(x,y);hua=true;}else if(dy.type=='mousemove'){if(hua){canvastext.strokeStyle="rgb(255,0,0)";canvastext.lineWidth=9;canvastext.lineTo(x,y);canvastext.stroke();}}else if(dy.type=='mouseup'){hua=false;}} dyDrawing();},false);}</script>

复制代码

9. 微软的部分技术文档页面(docs.microsoft.com)，也已支持黑色主题。




10. 网易云音乐播单加长、专辑CD旋转、右键保存专辑封面
样式站地址:
https://userstyles.org/styles/140912
https://userstyles.org/styles/141395


11. 移除新浪博客上安装Flash插件的弹窗提示
样式站地址: https://userstyles.org/styles/143215


12. B站HTML5播放器网页全屏模式优化
样式站地址: https://userstyles.org/styles/131642/bilibili-html5

13. B站去除弹幕和评论
样式站地址: https://userstyles.org/styles/144507/bilibili

14. Douyu Cleaner 简化斗鱼直播界面
样式站地址: https://userstyles.org/styles/132037

15. 视频网站简化
视频网站简化.zip (5.04 KB, 下载次数: 0)

2017-11-11 15:47 上传

下载次数: 0
下载积分: PB币 -1
请勿使用多线程下载工具下载论坛附件！

自由的云

支持楼主分享

656708578

谢谢楼主，第三张图片里竟然还有福利

lightningpower

感谢楼主分享，楼主好人啊