Skip to content

Docker Hub Dark V4 by s-light

Details

Authors-light

LicenseNONE

Categoryhub.docker.com

Created

Updated

Size1.9 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Dark mode for hub.docker.com
(based on Docker Hub Dark V3)

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Docker Hub Dark V3
@namespace    USO Archive
@author       SickProdigy
@description  Dark mode docker hub script. Force dark mode.
@version      20220728.04.24
@license      NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain("hub.docker.com") {
    * {
        --bg: hsl(221, 39%, 8%);
        --text: hsl(45, 60%, 60%);
    }

    body,
    .Welcome__white___h7F_b {
        background: var(--bg);
        color: var(--text);
    }

    .Welcome__welcomeMain___1BuTh {
        filter: unset !important;
    }

    .styles__fullWhiteBackground___3DkEY {
        background: var(--bg);
        border-bottom: solid 1px #e0e4e7;
    }


    /*top welcome / download box*/
    .MuiStack-root.css-xds6yi {
        background: var(--bg);
    }

    .MuiStack-root.css-xds6yi > * {
        font-size: 0.8em !important;
        padding: 0;
        margin: 0;
    }

    .MuiStack-root.css-xds6yi > * > *,
    .MuiStack-root.css-xds6yi h1,
    .MuiStack-root.css-xds6yi .MuiButton-root {
        font-size: 0.5em !important;
        padding: 0 0;
        margin: 0;
    }

    .jss24 {
        border: 1px solid #4F63B3;
        padding: 24px;
        background: #959eac;
        border-radius: 2px;
    }

    pre,
    code {
        background: #ccc;
    }

    pre {
        padding: 0.3em;
        margin: 0.3em 0;
        border-radius: 0.3em;
    }

    .dMarkdown pre {
        background: var(--bg);
        color: var(--text);
    }

    :not(pre) > code {
        border-radius: 0.3em;
    }

    .MuiBox-root {
        background-color: transparent
    }

    .dMarkdown code {
        background-color: hsla(0, 0%, 0%, .4);
    }

    .css-sodd1b.MuiLink-root {
        color: var(--text);
    }

    .MuiPaper-root,
    .MuiCard-root {
        background-color: transparent;
        color: var(--text);
    }

    .MuiTypography-root {
        color: var(--text);
    }
}

Reviews

No reviews yet.