Jetphotos - Dark X by Saadski

/* ==UserStyle==
@name         Jetphotos - Dark X
@version      20240122.08.11
@namespace    https://userstyles.world/user/Saadski
@description  Dark theme for Jetphotos.
@author       Saadski
@license      No License
==/UserStyle== */

@-moz-document domain("jetphotos.com") {
/*jetphotos - Dark X*/
:root
{
    --dark0: rgb(33, 33, 33);
    --dark: rgb(28, 28, 28);
    --dark1: rgb(27, 27, 27);
    --darker: rgb(18, 18, 18);
    --darker2: rgb(12, 12, 12);
    --bw: rgb(67, 67, 67);
    --light: rgb(146, 146, 146);
    --lighter: rgb(233, 233, 233);
    --accent: rgb(95, 95, 95);
    --shadow: rgba(0, 0, 0, 0.07);
    --tp: #fff0;
}

*,
body,
html
{
    color: var(--light) !important;
    border-color: var(--dark) !important;
    text-shadow: 1px 1px 2px var(--dark0);
}

.link
{
    color: var(--accent) !important;
}

::placeholder
{
    color: var(--accent) !important;
}

.modal
{
    background: var(--darker2) !important;
}

.header__menu
{
    background: #00000085;
    backdrop-filter: blur(12px)
}

.page,
html,
body
{
    background: var(--darker2) !important;
}

.index-col,
.slick-profile__layout,
.box--white,
.show-photos-header,
.badge-overview__frame,
.tabnav--styled .tabnav__content,
.tabnav--styled .tabnav__btn,
.table--striped .table__row:nth-child(2n),
.chosen-container .chosen-drop,
.textarea,
.chosen-container .chosen-results li.no-results
{
    background: var(--darker);
}

.chosen-container .chosen-results li:hover,
.chosen-container-single .chosen-search input[type=text],
.chosen-container .chosen-results li.highlighted
{
    background: var(--dark)
}

.forum-latest__post:hover,
.tabnav--styled .tabnav__btn--active
{
    background: var(--dark);
}

.tabnav--styled .tabnav__btn--active:before
{
    border-right: 10px solid var(--darker2);
}

.paging__pager:hover
{
    filter: brightness(0.7) !important
}

.social__icon
{
    filter: invert(1) !important
}

[data-tooltip]:after
{
    background: var(--dark);
    color: var(--accent);
    border: 1px solid var(--darker)
}

.btn--picton-blue
{
    background: var(--dark)
}

.header__logo-pic
{
    filter: contrast(0.2);
}

.btn
{
    border: 0px
}

.slick-prev
{
    background: linear-gradient(90deg, var(--darker2) 0, hsla(0, 0%, 100%, 0));
}

.slick-next
{
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), var(--darker2));
}

.select__control,
.input-wrapper
{
    background-color: var(--dark);
}

.header__searchBoxInputWrapper
{
    background: #000000a3;
    border: 1px solid var(--darker) !important
}

.footer__seperator,
hr
{
    background: var(--dark) !important;
    color: var(--dark) !important;
    fill: var(--dark) !important;
}

.gallery-photo__info
{
    background-color: var(--darker);
}

.gallery-photo__img
{
    opacity: 0.8 !important;
}

.gallery-photo__img:hover,
.gallery-photo__img:focus
{
    opacity: 1 !important;
}

.forum-latest__post-stats-img
{
    filteR: invert(1)
}

.input-wrapper
{
    background: #fff0
}

.paging__pager--active
{
    background: var(--darker) !important;
}

.paging__pager
{
    background: var(--dark);
}

.table--statistics .table__row:nth-child(2n)
{
    background-color: var(--darker);
}

[class="highcharts-grid-line"]
{
    stroke: var(--dark);
}

.nav-desktop__link:hover,
.nav-desktop__list--submenu
{
    background: var(--dark);
}

.nav-desktop__list--submenu .nav-desktop__item
{
    background: var(--darker);
}

.nav-desktop__list--username .nav-desktop__list--submenu:before
{
    border-bottom: 6px solid var(--accent);
}

[src="/assets/img/user.png"]
{
    filter: invert(1)
}

.index-forum,
.index-temptation,
.index-col
{
    border-bottom: 10px solid var(--tp) !important;
}

.visit-stats__stat:after
{
    background: var(--dark0)
}

.index-forum:after
{
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, var(--darker));
}

/** sidebox **/
[class="wrapper__flexCol wrapper__flexCol--aside"]
{
    display: none;
}

/*SCROLLBAR*/
/* width */
::-webkit-scrollbar
{
    height: 10px !important;
    width: 10px !important;
}

/* Track */
/* Scrollbar Corner */
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner
{
    background: #141414 !important;
}

/* Handle */
::-webkit-scrollbar-thumb
{
    background: #3A3A3A !important;
    border-radius: 1px !important;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover
{
    background: #3A3A3A !important;
}

::selection
{
    background: #353535B0 !important;
    color: #000 !important;
}

.slick-profile__rank
{
    filter: invert(1)hue-rotate(180deg) brightness(2.5);
}

div.slick-profile__rank > span
{
    color: #fff !important;
    text-shadow: 1px 2px 3px #fff
}

/* killed */
[class="rc-anchor rc-anchor-invisible rc-anchor-dark  rc-anchor-invisible-hover"],
[class="rc-anchor rc-anchor-invisible rc-anchor-light  rc-anchor-invisible-hover"],
.rc-anchor-invisible,
[class="grecaptcha-badge"]
{
    display: none !important;
}
}