html5怎么调夜间模式,保护眼睛，开启浏览器的夜间模式

2012-02-10 22:44:59 来自:OS卡

打开笔记本程序，复制以下代码

@namespace url(http://www.w3.org/1999/xhtml);

/*

Name:夜晚专用CSS

Version: 0.6 (06.04.2008)

Author: Nikita Vasilyev

Description:http://usercss.ru/styles/night/

http://usercss.com/styles/night/

*/

html {

background:#141414 !important;

}

html * {

background: none !important;

color:#919390 !important;

border-color:#aa2525 !important;

border-width:0 !important;

}

html a,

html a * {

color:#327cab !important;

text-decoration !important

}

html a:visited,

html a:visited *,

html a:active,

html a:active * {

color:#aa6b80 !important

}

html a:hover,

html a:hover * {

color:#94d2ca !important;

background:#141414 !important;

}

html input,

html select,

html button,

html textarea {

background:#201A1A !important;

border: 1px solid #5c5a46 !important;

border-top-color: #474531 !important;

border-bottom-color: #7a7967 !important;

}

html input[type=button],

html input[type=submit],

html input[type=reset],

html input[type=image],

html button {

border-top-color: #7a7967 !important;

border-bottom-color: #474531 !important;

}

html input:focus,

html select:focus,

html option:focus,

html button:focus,

html textarea:focus {

background:#5c5b3e !important;

color:#fff !important;

border-color: #474100 #665d00 #7a7849 !important;

/*border-top-color: #5c5400 !important;*/

outline: 2px solid #041d29 !important;

}

html input[type=button]:focus,

html input[type=submit]:focus,

html input[type=reset]:focus,

html input[type=image]:focus,

html button:focus {

border-color: #7a7849 #665d00 #474100 !important;

}

html input[type=radio] {

background:none !important;

border-color:#aa2525 !important;

border-width:0 !important;

}

html img[src],

html input[type=image] {opacity:.6}

html,

html body {

scrollbar-base-color: #141414 !important;

scrollbar-face-color: #5c5b3e !important;

scrollbar-shadow-color: #5c5b3e !important;

scrollbar-highlight-color: #5c5b3e !important;

scrollbar-dlight-color: #5c5b3e !important;

scrollbar-darkshadow-color: #474531 !important;

scrollbar-track-color: #141414 !important;

scrollbar-arrow-color: #000 !important;

scrollbar-3dlight-color: #7a7967 !important;

}

/* Link shadows */

/*

@media screen and (min-width: 128px) {

html a:hover,

html a:hover * {

background-color: #aa2525 !important;

text-shadow: 0 0 1em #023 !important;

}

}

*/

/* Something ugly */

/*

html textarea,

html select,

html input {

scrollbar-base-color: #141414!important;

scrollbar-face-color: #141414 !important;

scrollbar-shadow-color: #141414!important;

scrollbar-highlight-color: #474531 !important;

scrollbar-dlight-color: #7a7967 !important;

scrollbar-darkshadow-color: #7a7967 !important;

scrollbar-track-color: #141414!important;

scrollbar-arrow-color: #000 !important;

scrollbar-3dlight-color: #5c5a46 !important;

}

*/

文件→另存为 文件名输入 黑色.css，保存类型选择“所有文件”→保存。

打开internet选项，点击“辅助功能”，使用用户样式表→浏览刚才保存的css文件位置并选择,点确定即可。

加个灰色版的：

*{background-image: none !important;background: none !important;background:#333333 !important;color:#888888!important;border-color:#555555 !important;

scrollbar-arrow-color:#CCCCCC !important;scrollbar-base-color:#2266AA !important;scrollbar-shadow-color:#2266AA !important;scrollbar-face-color:#333333 !important;scrollbar-highlight-color:#2266AA !important;scrollbar-dark-shadow-color:#2266AA !important;scrollbar-3d-light-color:#2266AA !important;scrollbar-track-color:#333333 !important;}

a,a *{color:#88AADD !important;text-decoration:none !important;}a:visited,a:visited *,a:active,a:active *{color:#5588AA !important;}

a:hover,a:hover *{color:#AADD88 !important;background:#666666 !important;}input,select,option,button,textarea{color:#AAAAAA !important;background:#555555 !important;

border:#666666 !important;border-color: #666666 #888888 #888888 #666666 !important;}input:focus,select:focus,option:focus,button:focus,textarea:focus,input:hover,

select:hover,option:hover,button:hover,textarea:hover {color:#BBBBBB !important;background:#5A5A5A !important;border-color: #777777 #999999 #999999 #777777 !important;}

input[type=button],input[type=submit],input[type=reset],input[type=image] {border-color: #888888 #666666 #666666 #888888 !important;}input[type=button]:focus,

input[type=submit]:focus,input[type=reset]:focus,input[type=image]:focus, input[type=button]:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=image]:hover {

color:#BBBBBB !important;background:#666666 !important; border-color: #AAAAAA #888888 #888888 #AAAAAA !important;}

喜欢

2012-02-10 22:50:26不定根 (2012-02-21 17:55:24)