Skip to content

Darker ExHentai by yugibloomer1

Screenshot of Darker ExHentai

Details

Authoryugibloomer1

LicenseNo License

Categoryuserstyles

Created

Updated

Size2.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

The image viewer for the site is trash, images are too large and often go off screen so you have to scroll offscreen, you can obviously imagine that being difficult with one hand. so i slimmed the margins and paddings down, removed any un-needed information and overlaid the buttons onto the image instead of them being in their own sectioned off area.

Theres a ( :root ) color pallet for easier customizability for anons to tinker with to their personal preferences.

Before - Home

Before

After - Home

After

Before - Viewer

Before

After - Viewer

After I'll try to make the buttons on the viewer popup when you hover over the top/bottom at a later date. its difficult since the sites html/css is so poorly executed. There's plenty to improve upon so I'll try to make time to tinker a little for a better experience.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Darker ExHentai
@namespace      github.com/openstyles/stylus
@description  Dark css for exhentai + Better Gallery Viewer
@version      0.0.1
==/UserStyle== */
 
 @-moz-document domain("exhentai.org"){
/* Main Colors */
:root {
    --Text-Color: #acacac;
    --Background-darker: #000;
    --Background-dark: #1a1a1a;
    --Background-light: #121212;
    --Background-lighter: #262626;
}

/* Main Background color */
body {
    background: var(--Background-darker);
}
/* Browsing page */
.gld {
    border: none;
}
div.ido {
    background: var(--Background-lighter);
}
div.itg {
    border: 1px solid #000;
}
.gl1t:nth-child(2n+1), .gl1t:nth-child(2n+2) {
    background: #00000029;
}

/* TEXT */
body {
    font-size: 8pt;
    font-family: arial,helvetica,sans-serif;
    color: var(--Text-Color);
}




/* Titles*/
div.gm,div#gd2 {
    background: var(--Background-darker);
}
div#gmid {
    background: var(--Background-light);
}


/* Tags : Language - Artist - Misc */
div.gt {
    border-radius: 4px;
    border: 1px solid #000;
    background: #422d2d;
}
/* Tags : Parody - Female - Male */
div.gtw {
    border-radius: 4px;
    border: 1px solid #000;
    background: #592626;
}

/* Gallery */
div#gdt {
    background: var(--Background-light);
    border: 1px solid var(--Background-lighter);
    text-align: left;
    min-width: 720px;
    max-width: 1200px;
    margin: 0 auto;
    clear: both;
    padding: 5px;
    
}

/* Image Viewer */
div.sni {
    background: var(--Background-light);
    border: 1px solid #000000;
    text-align: center;
    margin: 0px auto 0px;
    padding: 0 0px 0px;
}
div.sni img{
    max-height: 100vh !important;
    width: auto !important;
    margin: 0px auto 0px;
    padding: 0 0px 0px;
}

/* side nav */
div#i4{
    display:none;
}
Div#i2{
    position:fixed !important;
    top:10px !important;
    left: 50%;
}

div.sb{
    position:fixed;
    bottom:5px;
    left: 50%;
}
/* bottom image viewer downloads and other misc things */
div.if, div.dp{
    display:none;
}

div.sni h1{
    display:none;
}


/* width */
::-webkit-scrollbar {
  width: 2px;
  height: 0px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #0000; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #131313;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #aaaaaa; 
}}

Reviews

No reviews yet.