Pub.dev Enhanced Theme by brainwo

/* ==UserStyle==
@name           Pub.dev Enhanced Theme
@namespace      github.com/brainwo/pubdev-theme
@version        2.0.0
@description    A better theme for pub.dev
@author         Woo
==/UserStyle== */
@-moz-document url-prefix("https://pub.dev/") {
    html {
        scroll-behavior: smooth;
    }

    .hash-header::before {
        content: '';
        display: block;
        height: 75px;
        margin-top: -75px;
        visibility: hidden;
    }

    .dark-theme {

        .packages-scores .packages-score:not(:last-child) {
            border-right: 1px solid #343b44;
        }

        .markdown-body h1,
        .markdown-body h2,
        .markdown-body h3,
        .markdown-body h4,
        .markdown-body h5,
        .version-table th,
        .version-table td,
        .pkg-report,
        .changelog-entry {
            border-bottom: 1px solid #343b44;
        }

        .detail-info-box > .title:not(:first-child),
        .pkg-report-section,
        .pkg-report {
            border-top: 1px solid #343b44 !important;
        }

        hr {
            background-color: #343b44 !important;
        }

        input[type="radio"] {
            appearance: none;

            border-radius: 50%;
            width: 16px;
            height: 16px;

            border: 2px solid #777;
            transition: 0.1s all ease-in;
            margin-right: 5px;

            position: relative;
            top: 4px;

            cursor: pointer;
        }

        input[type="radio"]:checked {
            border: 5px solid var(--mdc-theme-primary);
            background-color: white;


            cursor: pointer;
        }

        #cookieBar {
            box-shadow: none !important;
        }

        .cookieBarInner {
            background-color: #27323A;
        }

        .cookieBarText {
            color: white !important;
        }

        button > .mdc-button__icon.-pub-like-button-img {
            filter: invert(1);
        }

        button.mdc-button.mdc-button--unelevated.-pub-like-button.mdc-ripple-upgraded {
            transform: translatey(20px)
        }
    }

    .dark-theme {
        --pub-color-darkBlack: #1e2028;
    }

    .mini-list-item {
        cursor: pointer;
        border-radius: 16px !important;
    }

    button#-pub-like-icon-button:hover {
        animation-name: like;
        animation-duration: 1s;
    }

    @keyframes like {
        0% {
            transform: rotate(0deg);
        }

        20% {
            transform: rotate(10deg);
        }

        40% {
            transform: rotate(0deg);
        }

        50% {
            transform: rotate(-20deg) scale(1.5);
        }
    }

    pre {
        padding: 22px !important;
        border-radius: 16px !important;
    }

    .-pub-pre-copy-button {
        top: 12px !important;
        right: 12px !important;
        transform: scale(1.2);
    }

    .home-block-tf {
        overflow-x: hidden;
    }

    .site-header {
        position: sticky;
        top: 0;
    }

    .site-header button.-pub-theme-toggle {
        filter: brightness(200%);
    }

    .home-block-ff .mini-list {
        margin-bottom: 12px !important;
    }

    .pow-video-thumbnail {
        border-radius: 16px !important;
    }
}

@-moz-document url-prefix("https://pub.dev/packages/flutter_custom_carousel"),
url-prefix("https://pub.dev/packages/auto_scrolling") {
    .detail-wrapper::before {
        position: absolute;
        display: flex;
        top: 0;
        right: 30px;
        width: 75px;
        height: 109px;
    }

    .light-theme .detail-wrapper::before {
        content: url('https://gist.github.com/user-attachments/assets/16a145e4-bec0-4919-8371-7c83dd48f102');
    }

    .dark-theme .detail-wrapper::before {
        content: url('https://gist.github.com/user-attachments/assets/8a3a4a7d-449e-440f-8ac6-6066e3d09b93');
    }

    @media (max-width: 640px) {
        .detail-wrapper::before {
            position: absolute;
            display: flex;
            top: 0;
            right: 55px;
            width: 47px;
            height: 58px;
        }

        .light-theme .detail-wrapper::before {
            content: url('https://gist.github.com/user-attachments/assets/146129f8-0a40-40ab-9db2-100e7e3b6b51');
        }

        .dark-theme .detail-wrapper::before {
            content: url('https://gist.github.com/user-attachments/assets/3f114699-5a99-427d-9683-71e449039769');
        }
    }
}