求助： Safari 的 CSS 护眼模式

[bao3]

我不知道怎么形容，Safari 的夜间模式但是很多网页底色是白色，让我晚上关灯之后觉得特别刺眼。后来发现 Safari 的设置-- 高级 -- 样式表，是支持 CSS 的。于是我就自己手写个小文件，我不会写代码，所以自己查 css 自己拼凑了一下。

发在这里，是求大神完善一下。。。还多我确实不会实现。切勿嘲笑，抠脚大汉硬拗的

PS：刚才发帖的时候才发现，Safari 可以直接从 mac store 安装扩展，可以通过 user script 改底色，不过我这个拼凑的 css 可以摆脱 扩展使用，我还挺喜欢。

* {
    text-shadow: none !important; 
/* 下面是文字颜色 */
    color: #667B83 !important;
/* 下面是边框颜色 */  
    border-color: #596E75 !important;

/* 接下来就是背景颜色了 */
    background-color: #022B35 !important;

}
a {
    /* 这里是超链接的高亮颜色 */
    color: #93A1A1 !important;
    text-shadow: none !important; 
    font-weight: bold;
    cursor: context-menu;
    text-decoration:none;
    outline:0;
}
::selection {
    /*background-color: #EEE8D6; */
    background-color: #FFA;
    color: #000000;
}
img {
	/*图片加滤镜*/
    filter:brightness(50%) opacity(50%) ;
}
input {
	-webkit-appearance:none;
	display:block;
	text-decoration:none;
	border: 1px solid #ccc;
	border-radius: 4px;
	outline-color: invert ;
	outline-style: none ;
	outline-width: 0px ;
	
}

input[type="text"]:focus{
  border:1px solid #ff7496;
  border-radius: 4px;
  border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
input::-webkit-input-placeholder{
  color: #6a6f77;
}
button:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
button {
	display: outline-block;
	* display:outline;
	position: relative;
	outline:0;
}

table.gridtable {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
}