night Mode 夜间模式css

*,*:before,*:after,html[mode='nightmode'] *
{
    color: #61615f !important;
    border-color: #212a32 !important;
    -webkit-border-image: none !important;
            border-image: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
html[mode='nightmode'] body
{
    background-color: #0e1114 !important;
}
html[mode='nightmode'] a,html[mode='nightmode'] a *
{
    text-decoration: none !important;

    color: #2c4261 !important;
}
html[mode='nightmode'] a:hover,html[mode='nightmode'] a:hover *
{
    color: #2c4261 !important;
    background: #1b1e23 !important;
}
html[mode='nightmode'] a:visited,html[mode='nightmode'] a:visited *,html[mode='nightmode'] a:active,html[mode='nightmode'] a:active *
{
    color: #551b59 !important;
}
html[mode='nightmode'] select,html[mode='nightmode'] option,html[mode='nightmode'] textarea,html[mode='nightmode'] button
{
    color: #aaa !important;
    border: 1px solid #212a32 !important;
    border-style: solid;
    border-color: #212a32 !important;
    background: #0e1114 !important;
}
html[mode='nightmode'] select:hover,html[mode='nightmode'] option:hover,html[mode='nightmode'] button:hover,html[mode='nightmode'] textarea:hover,html[mode='nightmode'] select:focus,html[mode='nightmode'] option:focus,html[mode='nightmode'] button:focus,html[mode='nightmode'] textarea:focus
{
    color: #bbb !important;
    border-color: #777 #999 #999 #777 !important;
    background: #0e1114 !important;
}
html[mode='nightmode'] input,html[mode='nightmode'] input[type=text],html[mode='nightmode'] input[type=search],html[mode='nightmode'] input[type=password]
{
    color: #61615f !important;
    border-style: solid !important;
    border-color: #1a1c27 !important;
    background-color: #0e1114 !important;
    box-shadow: 1px 0 4px rgba(16,18,23,.75) inset,0 1px 4px rgba(16,18,23,.75) inset !important;
}
html[mode='nightmode'] input:focus,html[mode='nightmode'] input[type=text]:focus,html[mode='nightmode'] input[type=search]:focus,html[mode='nightmode'] input[type=password]:focus
{
    color: #bbb !important;
    border-color: #1a3973;
    outline: none !important;
    background: #0e1114 !important;
}
html[mode='nightmode'] input:hover,html[mode='nightmode'] select:hover,html[mode='nightmode'] option:hover,html[mode='nightmode'] button:hover,html[mode='nightmode'] textarea:hover,html[mode='nightmode'] input:focus,html[mode='nightmode'] select:focus,html[mode='nightmode'] option:focus,html[mode='nightmode'] button:focus,html[mode='nightmode'] textarea:focus
{
    color: #bbb !important;
    border-color: #777 #999 #999 #777 !important;
    background: #093681 !important;
    opacity: 0.4!important;
}
html[mode='nightmode'] input[type=button],html[mode='nightmode'] input[type=submit],html[mode='nightmode'] input[type=reset],html[mode='nightmode'] input[type=image]
{
    color: #61615f !important;
    border-color: #888 #666 #666 #888 !important;
}
html[mode='nightmode'] input[type=button],html[mode='nightmode'] input[type=submit],html[mode='nightmode'] input[type=reset]
{
    border: 1px solid #212a32 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #262939), color-stop(1, #181a23)) !important;
}
html[mode='nightmode'] input[type=button]:hover,html[mode='nightmode'] input[type=submit]:hover,html[mode='nightmode'] input[type=reset]:hover,html[mode='nightmode'] input[type=image]:hover
{
    border-color: #777 #999 #999 #777 !important;
}
html[mode='nightmode'] input[type=button]:hover,html[mode='nightmode'] input[type=submit]:hover,html[mode='nightmode'] input[type=reset]:hover
{
    border: 1px solid #666 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #181a23), color-stop(1, #262939)) !important;
}
html[mode='nightmode'] img,html[mode='nightmode'] svg
{
    opacity: .5 !important;
    border-color: #111 !important;
}
html[mode='nightmode'] ::-webkit-input-placeholder
{
    color: #61615f !important;
}