Dark theme JVC (PeepoJV) | 2024 by AHI

/* ==UserStyle==
@name         Dark (PeepoJVC) - 2024
@version      20240319.17.13
@namespace    ?
@description  Le célèbre dark theme de PeepoJV, devenu un peu obsolète avec les mises à jour de JVC. Je me suis permis d'en corriger quelques imperfections.
==/UserStyle== */

@-moz-document url-prefix("https://www.jeuxvideo.com") {
/* Peepo JVC (Alpha 0.4) - (27/01/22) */
/*Que Webedia aille bien se faire foutre.*/
}

@-moz-document domain("jeuxvideo.com") {
/*Fix vrac de l'affreuse nouvelle interface*/

/*Partie haute du Header*/

    /*Logo Peepo au lieu de JV*/
    :root, :root.theme-light {
    --jv-logo: none;
    }

    /*Suppression flèche bleue*/
    .header__navIcon--triangle::before, .header__navIcon{
    display:none;
    }
    .header__navIcon ~ .header__navLink--lvl1{
    padding-right:1rem
    }

    /*Suppression du gras*/
    .header__navLink--lvl1 {
    font-weight:initial;
    font-size:1.05rem;
    text-transform:none;
    }

    /*Avatar Profil Agrandi*/
    .headerAccount__avatar {
    border-radius: 0.25rem;
    height: 2.5rem;
    width: 2.5rem;
    margin-right:0.5rem;
    margin-left:-0.25rem;
    }

    /*Backgrounds forum*/
    :root, :root, :root.theme-light{
    --jv-bg-color:#151515;
    }
    .layout__breadcrumb, .layout__contentAside,.layout--forum .layout__contentMain{
    background-color:#1C1C1C;
    }

    .header__top{
    background-color:#252525;
    }

    /*Jarter la barre des consoles*/
    .header__navLink--platform {
    display: none;
    }

    /*Rendre la ligne noire transparente*/
     :root{
    --jv-header-bottom-bg-color: transparent
    }

    /*Fix Transparence défilement page*/
    .header--affix{
    box-shadow: 0px 10px 10px -6px rgba(0,0,0,0.30);
    height:3.4rem;
    }

    /*Fixer Hauteur Forums*/
    .layout {
    margin-top: 3rem
    }
    
    /*police Titre forum plus proche de l'originale*/
    .titre-head-bloc .titre-bloc, .titre-bloc-forum span:first-child {
    font-family: 'Roboto';
    font-size: 1.2rem;
    line-height: 1em;
    letter-spacing:-0.05rem;
    font-weight:501;
    }

    /*PeepoJV Fil d'ariane*/
    .breadcrumb::before{
    content: "PeepoJV";
    color: #dedede;
    font-weight:bold
    }

    a.breadcrumb__item:nth-child(1){
    display:none;
    }

    /*Fil d'ariane plus propre*/
    .breadcrumb::before, .breadcrumb__item + .breadcrumb__item::before{
    margin-right:0.25rem;
    }
    .breadcrumb__item + .breadcrumb__item::before{
    margin-left:0.25rem
    }


    /*police ariane plus proche de l'originale*/
    .breadcrumb{
    font-family: 'Roboto';
    font-size:0.8rem!important;
    font-size: 0.875rem;
    font-weight:bold;
    }

    /*Titre dans contenu sidebar*/
    .card-jv-forum .titre-info-fofo {
    background: #252525 !important;
    border-bottom: none;
    color: #BBB !important;
    font-family: 'Roboto';
    line-height: 1em;
    font-size: 0.875rem;
    font-weight: bold;
    }

    /*Couleur texte liste des topics*/
.topic-list .topic-date > .lien-jv, .topic-list .topic-author, .topic-list .topic-count-adm, .topic-list .topic-count, .topic-list .topic-title{
    color:#bbbbbb;
}
.topic-list .topic-title:visited{
    color:#7a7a7a
}

/*A partir de là fix en vrac flemme de documenter*/

h2.titre-bloc > span:nth-child(1){
    display:none;
}

.layout__adPlaceHolder{
    display:none;
}

.headerAccount__pseudo, .header__navLinkSearch, .headerAccount__pm, .headerAccount__notif,.header__navLink--lvl1{
    color:#aaa
}

.topic-list li {
  font-family: tahoma;
}

.header__navLink--lvl1:active, .header__navLink--lvl1:focus, .header__navLink--lvl1:hover{
    color:#fff;
    background-color:transparent;
}

.headerAccount__pseudo:hover, .headerAccount__notif:hover, .headerAccount__pm:hover, .headerAccount__link:hover, .header__navLinkSearch:hover{
    color:#fff;
    --nav-bg-color:transparent;
}

.toggleTheme{
    opacity:0.6;
}

.toggleTheme:hover,.toggleTheme:hover::after{
    color:#fff;
    opacity:1;
    --nav-bg-color:transparent;
    background-color:transparent;
}

.headerSearch{
    background-color:#252525
}

.headerAccount__dropdownContainerTop,.headerAccount__dropdownContainerContent,.headerAccount__dropdownContainerBottom,.headerAccount__account:nth-of-type(1){
    background-color:#1a1a1a
}

.bloc-default-profil .bloc-default-profil-header,.menu-profil {
    border:none!important;
}

.menu-profil::after{
    background-color:transparent;
}

.bloc-default-profil{
    margin-top:1.5rem;
}

#header-profil::after{
background-color:#1c1c1c
}

.bloc-default-profil .bloc-default-profil-header h2{
    color:#ccc;
}

.layout--withBackground .layout__row--gutte{
    margin-top:2rem;
}

.row{
    margin-top:1rem
}

.table-profil-modif-default,.helper-profil{
    background-color:#252525;
}

div.row:nth-child(1) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2){
    margin-left:-0.01rem!important;
    margin-right:-0.01rem!important;
}

.icon-topic-folder::before,.icon-topic-pin::before,.icon-topic-resolved::before,.icon-star-on::before, .icon-rss-feed::before,.icon-pm::before,.icon-bell-off::before, .icon-config::before,.icon-star-off, .icon-topic-lock::before{
  content: "";
}

.topic-folder1 {
  background-image: url("https://i.imgur.com/L3cYlF6.png");
  width: 16px;
  height: 16px;
  margin-top: 0.1rem;
  margin-left: 0.4rem;
}

.topic-folder2{
  background-image: url("https://i.imgur.com/UcDNBPq.png");
  width: 16px;
  height: 16px;
  margin-top: 0.1rem;
  margin-left: 0.4rem;
}

.icon-topic-pin{
  background-image: url("https://i.postimg.cc/R09vbZdY/index.png");
  width: 16px;
  height: 16px;
  margin-top: 0.1rem;
  margin-left: 0.4rem;
  border-radius:3px; 
}

.icon-topic-resolved{
  background-image: url("https://i.postimg.cc/9fnCXYV6/index.png");
  width: 16px;
  height: 16px;
  margin-top: 0.1rem;
  margin-left: 0.4rem;
}

.icon-topic-lock{
  background-image: url("https://i.postimg.cc/4NFRzjJH/index.png");
  width: 16px;
  height: 16px;
  margin-top: 0.1rem;
  margin-left: 0.4rem;
  filter:brightness(350%);
}

.icon-star-on{
  background-image: url("https://i.postimg.cc/kXpccVJn/index.png");
  background-position: -1.875rem 0px;
  opacity:0.5;
  filter:invert(50%);
  width: 20px;
  height: 20px;
  margin-top: 0.1rem;
}

.icon-rss-feed{
  background-image: url("https://i.postimg.cc/kXpccVJn/index.png");
  background-position: -5.625rem 0px;
  opacity:0.5;
  filter:invert(50%);
  width: 20px;
  height: 20px;
  margin-top: 0.1rem;
}

.icon-config{
  background-image: url("https://i.postimg.cc/kXpccVJn/index.png");
  background-position: 0px 0px;
    display: inline-block;
    opacity:0.5;
  filter:invert(50%);
  width: 20px;
  height: 20px;
  margin-top: 0.1rem;
}

.icon-pm{
  background-image: url("https://i.postimg.cc/2jBSHyfz/1.png");
  margin-top: 0.1rem;
  width:1.5rem;
  height: 1.2rem;
  background-size: 1.5rem 1.2rem;
}

.icon-bell-off{
  background-image: url("https://i.postimg.cc/1tDYt2dV/3.png");
  opacity:0.4;
  width: 1.2rem;
  height: 1.2rem;
  margin-top: 0.1rem;
  background-size: 1.2rem 1.2rem;
  margin-left:0.25rem
}

i.icon-bell-off{
    opacity:1
}
.icon-config:hover,.icon-rss-feed:hover,.icon-star-on:hover {
  opacity:1;
  filter:invert(50%);
}

.icon-bell-off:hover,.icon-pm:hover{
    filter:brightness(140%)
}

.icon-star-off{
  background-image: url("https://i.postimg.cc/zvBWMRTD/3.png");
}



.header__bottom{
    height:0rem;
}
}

@-moz-document domain("jeuxvideo.com") {
/*Header + Fix Hauteur du Body*/

/*Partie haute du Header*/

    /*Logo Peepo au lieu de JV*/
    .jv-header-menu .jv-header-top .logo {
    background-image: none;
    height: 3.5rem;
    }

    /*Avatar Profil Agrandi*/
    .jv-header-menu .account-avatar-box {
    border-radius: 0.25rem;
    height: 2.5rem;
    width: 2.5rem
    }

    /*Pseudo en gras*/
    .jv-header-menu .account-pseudo {
    font-weight: 700
    }

    /*Couleur des onglets*/
    .jv-header-menu .jv-header-bottom .jv-nav-lvl1-item > .nav-link {
    color: #BBB;
    }

    /*Jarte des "indicateurs" des onglets*/
    .jv-header-menu .jv-nav-primary .jv-nav-toggler,
    .jv-header-menu .live-indicator {
    display: none
    }

    /*Fix Hauteur des onglets*/
    .jv-header-menu .jv-nav-lvl1 {
    margin-top: 0.3rem
    }

/*Partie basse du Header*/

    /*Jarter la barre des consoles*/
    .jv-header-menu .jv-nav-platform .jv-nav-lvl1 {
    display: none;
    }

    /*Rendre la ligne noire transparente*/
    .jv-header-menu .jv-header-bottom,
    .jv-header-menu .jv-header-sticky {
    background-color: transparent
    }

    /*Jarter le Sponsor Sony*/
    .sponsoTab.filled {
    display: none
    }

    /*Fix Transparence défilement page*/
    .jv-header-bottom,
    .jv-header-sticky {
     height: 0px !important
    }   


    /*Fix Hauteur Body*/

    /*Fixer Hauteur Forums*/
    #page-messages-forum,
    .layout--withBackground {
    margin-top: 3rem
    }
}

@-moz-document domain("jeuxvideo.com") {
/*Header - Couleurs */

/*Partie haute du Header*/

    /*Couleur Header*/
    .jv-header-menu .jv-header-top {
    background-color: #252525;
    }

    /*Couleur Loupe, Nom d'utilisateur, MP & Notifications*/
    .jv-header-menu .jv-header-top .nav-link-search,
    .jv-header-menu .account-pseudo,
    .jv-header-menu .jv-account-number-mp,
    .jv-header-menu .jv-account-number-notif {
     color: #AAA;
    }

    /*Idem mais Hover*/
    .jv-header-menu .jv-header-top .nav-link-search:hover,
    .jv-header-menu .nav-link-account:hover .account-pseudo,
    .jv-header-menu .jv-account-number-mp:hover,
    .jv-...