Skip to content

VortexScans - OLED by Nobepico

Screenshot of VortexScans - OLED

Details

AuthorNobepico

LicenseNo License

Categoryvortexscans

Created

Updated

Code size1.5 kB

Code checksuma08dcd8f

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Changes the width of the comic strip and the background colour black.

Notes

Same as my other VortexScans style but the changes the bg to black instead.

Source code

/* ==UserStyle==
@name       VortexScans - OLED
@version    20250410.20.03
@namespace  ?
==/UserStyle== */

@-moz-document url-prefix("https://vortexscans.org/series/") {
/* Hide cringey ahh go to top of page button on bottom right */
.fixed.bottom-2.right-10.z-\[50001\] {
    display: none;
}

/* Comic strip */
.w-full.flex.flex-col.justify-center.items-center {
    width: 700px; /* change size */
    pointer-events: none; /* remove the annoying scroll it does when you click it */
    margin: 0 auto; /* recenter */
    /* transform: translateY(-812.96425px); */
}

/* Hide useless numbers behind comic strip */
.text-gray-300.dark\:text-gray-400.text-5xl.md\:text-9xl.font-extrabold.absolute.left-1\/2.transform.-translate-x-1\/2.px-3.py-1.-z-10 {
    display: none;
}

/* Change background color */
/*
Themer's note: after lookin around for
a bit, i didn't find any button or whatever
to change the theme from dark to light, so 
idk why there are two classes for each.
Maybe for the future when they add it idk.
*/
.dark, [data-theme=dark]{
    --nextui-background: black;
    background-color: var(--nextui-background);
}

/* Hide a random div i found because it annoyed me */
.mx-4.md\:mx-0 {
    display: none;
}

/* Hide ugly ad at bottom of strip */
.font-semibold.text-gray-400.text-xs.px-4.mx-auto.w-full.md\:w-\[800px\] {
    display: none;
}

.relative.self-center.text-center.w-full.z-10 {
    display: none;
}
}

Reviews

No reviews yet.