Skip to content

Catbox × OLED Pro Deep Black Dark Theme by greatday

Screenshot of Catbox × OLED Pro Deep Black Dark Theme

Details

Authorgreatday

LicenseMIT

Categorycatbox.moe

Created

Updated

Size5.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Simple dark mode theme for Catbox. Also features improved contrast, nicer color scheme and less annoyances.

Notes

This theme is meant for OLED or XDR screens. It's very simple and just fixes some issues and removes annoyances.

Source code

/* ==UserStyle==
@name           Catbox × OLED Pro Deep Black Dark Theme
@namespace      github.com/openstyles/stylus
@version        1.0.1
@description    Modified Dark Mode with increased contrast.
@author         GreatDay
@license        MIT
==/UserStyle== */
@-moz-document domain("catbox.moe") {
    body {
        background-image: none;
        background-color: #000000;
        color: #e2e2e2;
    }

    header img {
        filter: invert(100%);
        opacity: 0.5;
        transition: opacity 0.3s ease;
    }
    header img:hover {
        opacity: 1;
    }
    .footer,
    .notetiny {
        /* Note: This gets rid of the Patreon box. Uncomment if you want to get rid of it. */
        /* display: none; */
    }
    div.dz-preview {
        width: 85%;
        background-image: none;
        border: 2px solid #1a1a30;
        color: #e2e2e2;
        background-color: black;
    }
    element.style {
        border-color: #051f0c;
    }
    div.responseText {
        border: 1px solid #12222a;
        background-color: black;
    }

    .welcomesub,
    .welcome {
        color: #8C3D96;
    }

    .patreonProgressBarBacking,
    .fundingProgressBarBacking {
        background-color: #171717;
        border-color: #261e53;
    }

    .patreonProgressBar,
    .fundingProgressBar {
        background-color: #17113b;
    }


    ul li.home,
    ul li.torrent {
        background-image: none;
        background-color: #212121;
        border-color: #342877;
    }

    a.linkbutton,
    a.homebutton {
        color: #8C3D96;
    }

    a.linkbutton:hover,
    a.homebutton:hover {
        color: #5444AD
    }

    form.genericform,
    form.contact {
        background-image: none;
        background-color: #212121;
        border-color: #342877;
    }

    form.urlUploadForm {
        background-color: black;
    }

    form.dz-clickable {
        background-image: none;
        background-color: #1e1743;
        border-color: #0d082c;
    }

    table {
        background-image: none;
        background-color: #212121;
        border-color: #342877;
    }

    td {
        border-color: #342877;
    }

    form.dz-clickable:hover {

        background-color: #5444AD;
        text-decoration: none;
        outline: none;
        transition: background-color 150ms linear;
    }

    div.dz-message {
        color: #e2e2e2;
    }

    div.dz-preview {
        background-image: none;
        background-color: #212121;
        border-color: #1c1543;
    }

    span.urlResponse,
    div.responseText,
    p.albumlink {

        background-color: #201a46;
        border-color: #1f1846;
    }

    span.urlResponse:hover {

        background-color: #5444AD;
        text-decoration: none;
        outline: none;
        transition: background-color 150ms linear;
    }

    p.albumlink:hover {
        background-color: #5444AD;
        text-decoration: none;
        outline: none;
        transition: background-color 150ms linear;
    }

    div.responseText:hover {
        background-color: #5444AD;
        text-decoration: none;
        outline: none;
        transition: background-color 150ms linear;
    }

    div.seeders,
    div.leechers,
    div.completed {
        background-image: none;
        background-color: #212121;
        border-color: #342877;
    }


    input[type=submit],
    input[type=button] {
        background-color: #342877;
        border-color: #201467;
        color: #e2e2e2;
    }

    input[type=submit]:hover {
        background-color: #5444AD;
        border-color: #201467;
        color: #e2e2e2;
    }


    input[type=button]:hover,
    input[type=text].stylized,
    input[type=password],
    input[name=url],
    select,
    textarea {
        background-color: #5444AD;
        border-color: #201467;
        color: #e2e2e2;
    }

    .hometab {
        background-image: none;
        background-color: #212121;
        border-color: #342877;
        color: #e2e2e2;
    }

    button.urlUpSubmit {
        background-color: #342877;
        border-color: #201467;
        color: #e2e2e2;
    }

    button.urlUpSubmit:hover {
        background-color: #5444AD;
    }

    .legalSection {
        background-color: #212121;
    }

    .legalRow {
        color: black;
    }

    span.legalRowText {
        background-color: #212121;
        border: solid 1px #342877;
        color: #8C3D96;
    }

    span.legalRowText.active {
        color: #e2e2e2;
        text-decoration: none;
    }

    .notenormal,
    .notetiny,
    .notesmall {
        background-image: none;
        background-color: #212121;
        border-color: #342877;
    }


    .notetinywarning {
        background-image: none;
        background-color: #212121;
    }

    div.contributor {
        border-color: #342877;
        background-image: none;
        background-color: rgb(33, 33, 33);
    }

    div.contributor > p > span {
        color: #8C3D96;
    }
}

Reviews

No reviews yet.