Simple transition to dark mode using mostly invert method.
SS.lv Dark Mode by salimsket
Details
Authorsalimsket
LicenseNo License
Categorydark darkmode ss ss.lv
Created
Updated
Size4.2 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name SS.lv Dark Mode
@version 20210924.17.57
@namespace userstyles.world/user/salimsket
@description https://www.ss.lv/
Simple transition to dark mode using mostly invert method.
@author salimsket
@license No License
==/UserStyle== */
@-moz-document domain("ss.lv") {
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
*{
font-family: 'Inter', sans-serif !important;
}
body{
color: #171717;
filter: invert(0.94);
background: #0f0f0f;
opacity: 0.9;
}
.page_header > table > tbody > tr > td > div{
float: none !important;
}
.page_header > table > tbody > tr > td > div:last-child{
display: none;
}
.page_header{
width: 1220px;
background-color: white;
padding: 0;
}
.filter_second_line_dv,
#filter_tbl{
background: #ffffff;
}
input,
select{
background: white;
border: 1px solid #999;
}
::selection{
background: peru;
}
input:not([type="checkbox"]):focus,
select:focus{
outline: 2px solid peru;
}
.ads_color_opt{
filter: invert(1);
}
.filter_txt,
input[type=""],
select{
border-radius: 5px;
padding: 2px;
}
input[type="checkbox"]:checked{
filter: invert(1);
}
#head_line{
position: sticky;
top: 0px;
text-transform: capitalize;
z-index: 999;
}
#page_main{
width: 100%;
}
#main_table{
filter: hue-rotate(190deg);
}
.menu_main{
font-size: 15px;
}
.msg_column_td{
padding: 2px 10px 2px 10px;
min-width: 60px;
}
.msg_column, .msg_column_td{
background-color: #171717;
}
.msg_column{
width: unset !important;
}
table{
table-layout: auto !important;
}
table tbody tr[id^="tr_"] td input[type="checkbox"]{
margin: 0;
}
table tbody tr[id^="tr_"] td{
padding: 5px 10px 5px 10px;
}
table tbody tr[id^="tr_"]{
transition: 0.1s ease;
background-color: #ffffff !important;
}
table tbody tr[id^="tr_"]:hover{
background-color: #e4e4e4 !important;
}
table tbody tr[id^="tr_"] td a:hover{
color: inherit;
text-decoration: none;
}
table tbody tr[id^="tr_"] td:first-child{
padding-right: 0;
padding-left: 5px;
}
b{
font-weight: inherit;
}
.foto_list{
width: 80px;
height: auto;
display: block;
border: none;
}
.ads_cat_names{
margin: 0 0 2px;
padding: 0;
line-height: 1;
font-size: 0.75rem;
}
img{
filter: invert(1);
}
.msg_column_td{
text-align: left;
}
.msg_column_td:last-child{
text-align: right;
}
.msga2,.msg2,.msga2-r,.msga2-o{
border-bottom-style: dashed;
}
.msga2-r,.msga2-o{
border-left: none;
}
.msga2-r,.msga2-o{
text-align: left;
}
.msga2-r,.msga2-o:last-child{
text-align: right;
}
.d1 {
height: auto;
margin-left: unset;
line-height: 1.15;
}
.d1 .am{
font-weight: 600;
}
.am{
color: #171717;
}
.am:visited,
.amopt:visited,
.am:visited:hover,
.amopt:visited:hover{
color: #777;
}
#filter_frm table:not(:first-child) tbody tr[id^="tr_"] td:last-child{
font-weight: bold;
}
.a_category{
color: #171717;
transition: .1s ease;
}
.a_category:hover{
color: #3F8EFC;
}
select option:checked{
background: peru linear-gradient(0deg, peru 0%, peru 100%);
}
#filter_frm select option{
background: #0f0f0f;
color: white;
}
.category_cnt{
color: #d978c9;
}
.main_head{
filter: hue-rotate(180deg);
}
.main_images{
z-index: 1;
}
#page_footer{
border-color: #be73b1;
}
a{
transition: .1s ease;
}
.a9a{
color: black;
text-decoration: underline dotted;
}
a:hover,
.a9a:hover,
.a_category:hover,
.a1:hover{
color:peru;
text-decoration: underline dotted;
}
[id^="tr_bnr_"],
[id*="banner"]{
display: none !important;
}
.ads_price,
.td1{
color: black !important;
}
.alert_dv{
filter: hue-rotate(180deg);
}
#cookie_confirm_dv{
display: none !important;
}
.main_head .a1{
color: black;
}
table[style="border:1px #418c4e solid;"]{
border-color: peru !important;
}
}