Gatry - dark by vinihvc

 /* ==UserStyle==
@name           Gatry - dark
@namespace      github.com/openstyles/stylus
@author         Vinicius Vicentini @vinihvc
@description    Tema escuro para o site gatry.com
@version        1.0.0
==/UserStyle== */
 @-moz-document domain("gatry.com") {


   :root {
     /* BACKGROUND */
     --bg-primary: #111;
     --bg-secondary: #333;
     /* TEXT */
     --text-primary: #eee;
     --text-secondary: #ddd;
     /* BORDER */
     --border-primary: 1px solid #444;
     --border-none: none;
     /* BUTTON */
     --btn-primary: #38A169;
     --btn-secondary: #38A169;
     /* FORMS */
     --form-primary: #181818;

     /* RADIUS */
     --radius-primary: 0.25rem;
   }

   /* INIT RESETS */
   button, .btn, .btn span {
     background: var(--btn-primary);
     color: var(--text-primary);
   }

   input,
   textarea {
     background: var(--form-primary)!important;
     color: var(--text-secondary);
   }

   body {
     background-image: url(data:image/gif;base64,R0lGODlhBAAEAKECABERESQkJP///////yH5BAEKAAIALAAAAAAEAAQAAAIFhB6nhlIAOw==) !important;
     background-repeat: repeat !important;
     background-color: #181818 !important;
     color: white!important;
   }
   /* END RESETS */
   /* HEADER */
   .header {
     background: var(--bg-primary);
     border-bottom: var(--border-none)!important;
   }

   .header .wrapper-header {
     justify-content: space-between!important;
   }

   .share {
     border: var(--border-none)!important;
   }

   /*   Seach section  */
   .search-bar {
     border: var(--border-primary);
     border-radius: var(--radius-primary);
   }

   /* INIT MENU */
   .menu {
     background: var(--bg-secondary);
     border: none!important;
   }

   .menu a {
     color: white!important;
   }
   /* END MENU */
   .input-group button {
     padding: 0 16px!important;
   }

   .load-more button {
     background: #444;
     color: white;
   }

   .description h3 a {
     color: #ddd!important;
   }

   .option-store a {
     border: none!important;
   }

   .promotions article {
     background: var(--bg-secondary);
   }

   /*  Footer  */
   .search-bar,
   .content,
   footer,
   .carregar-mais,
   .fancybox-skin,
   .comentarios {
     background-image: url(data:image/gif;base64,R0lGODlhBAAEAKECABERESQkJP///////yH5BAEKAAIALAAAAAAEAAQAAAIFhB6nhlIAOw==) !important;
     background-repeat: repeat !important;
     background-color: #181818 !important;
   }

   .comentarios ul li {
     border-width: 0px 0px 0px !important;
     color: #FFF;
   }

   .comment-main {
     border-bottom: 1px dashed #595959 !important;
   }

   .comentarios ul ul {
     margin-left: 10px;
     border-left: 5px dotted #595959 !important;
   }

   header {
     border-bottom: 0px !important;
   }

   nav {
     border-bottom: 1px solid #343434;
   }

   article,
   .carregar-mais {
     border: 1px solid #343434;
   }

   .date {
     color: #eee;
   }

   header .compartilhar {
     border-left: 0px;
     border-right: 0px;
   }

   .criar-alerta-home {
     color: #000;
   }
 }



 /* Comments */
 .fancybox__content {
   background: var(--bg-secondary);
 }

 .comments .comment, .comment-wrapper {
   background: #222!important;
   color: #ddd!important;
   border: 0!important;
 }

 .comments .comment .comment-answers {
   border-left-color: black;
 }