Skip to content

4PDA catppuccin by cryals

Screenshot of 4PDA catppuccin

Details

Authorcryals

LicenseMit

Categoryhttps://4pda.to

Created

Updated

Code size44 kB

Code checksum82c0f88d

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

The catppuccin theme for 4PDA.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           4PDA catppuccin
@namespace      userstyles.world/user/cryals
@version        20250412.00.33
@description    The catppuccin theme for 4PDA.
@author         cryals
==/UserStyle== */

@-moz-document url-prefix("https://4pda.") {
    /*Исправлена работа стилей за пределами конкретного адреса*/

    :root {
        --accent-color: #b4befe;
        --border-radius: 8px;
        --border-radius-sm: 4px;
        --transition-speed: 0.2s;
        --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    }

    ::-webkit-scrollbar {
        background-color: rgb(0 0 0 / 30%);
    }

    ::-webkit-scrollbar-track,
    ::-webkit-scrollbar-corner {
        background-color: #11111b;
    }

    ::-webkit-scrollbar-button {
        background-color: #181825;
    }

    ::-webkit-scrollbar-thumb {
        background-color: #1e1e2e;
    }

    * {
        scrollbar-color: rgb(100 100 100 / 30%) rgb(100 100 100 / 30%);
    }

    article:not([id]) {
        display: none !important;
    }

    body>div>*:nth-child(2)>*:first-child>*:nth-child(2) {
        display: none;
    }

    body>div>*:nth-child(2)>*:first-child>*:nth-child(6):before {
        display: block !important;
        content: "";
        background: #1e1e2e;
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .condition-list a[href] {
        color: white;
    }

    .searchlite {
        background-color: #f2cdcd;
        color: #eba0ac;
    }

    body,
    #logostrip {
        background: #11111b;
    }

    .ipbtable>tbody>tr>td.row1,
    .minipagelink,
    .minipagelinklast,
    .borderwrap .row1,
    .plainborder,
    .tablefill,
    .tablepadm,
    #ucpmenu,
    #ucpcontent {
        background: #1e1e2e;
    }

    .ipbtable>tbody>tr>td.row2,
    .borderwrap .formsubtitle,
    .price-slider .ui-slider,
    .formsubtitle {
        background: #181825;
    }

    .ipbtable>tbody>tr>th,
    .barc,
    .advanced-area .B4IOq70asPU,
    .container,
    .product-detail,
    .comment-list.level-0 li,
    .B4IOq70asPU,
    .plainborder,
    .tablefill,
    .tablepad,
    .postcolor>form>div>div {
        border-radius: var(--border-radius);
        box-shadow: var(--box-shadow);
        background: #181825;
    }

    .borderwrap,
    .maintitle,
    .catend,
    .post,
    .darkrow1,
    .comment-box .comment-list.level-1>li,
    .comment-box .comment-list.level-3>li,
    .comment-box .comment-list.level-5>li,
    .comment-box .comment-list.level-7>li,
    .comment-box .comment-list.level-9>li,
    .comment-box .comment-list.level-11>li,
    .footer-nav,
    .footer-area,
    .qr-maintitle {
        border-radius: var(--border-radius);
        box-shadow: var(--box-shadow);
        background: #11111b;
    }

    .maintitlecollapse {
        background: #11111b;
        border-color: #1e1e2e;
    }

    .minipagelink,
    .minipagelinklast {
        border: none;
        background: none;
    }

    .minipagelink:hover,
    .minipagelinklast:hover {
        border-color: #a6adc8;
    }

    .comment-box .comment-list .karma .num-wrap,
    .comment-box .comment-list .karma .num,
    .second-menu .menu-brands li a,
    .price-slider .ui-slider .ui-slider-range,
    .article-meta-comment,
    .article-gallery-count,
    .article-col {
        background: #313244;
    }

    .article-meta-comment:after {
        border-top-color: #313244;
    }

    .article-gallery-arrow:after {
        background-color: rgba(49, 50, 68, 0.6);
    }

    .article-gallery-arrow:hover:after,
    .cke_editable figure,
    .article figure {
        background-color: #313244;
    }

    .price-slider .ui-slider .ui-slider-handle,
    .article-col:hover,
    .forum-attach-form.hide-full-list-btn .full-list-hide {
        background: #45475a;
    }

    .price-slider .ui-slider .ui-slider-handle span {
        border-top-color: #45475a;
    }

    .cke_editable dt,
    .article dt,
    .cke_editable dd,
    .article dd {
        border-color: #313244;
    }

    .deletedpostlight .row2,
    .deletedpostlight .post1shaded,
    .deletedpostlight .post2shaded,
    .deletedpostlight td.formbuttonrow {
        background-color: #313244 !important;
        color: #a6adc8;
    }

    .errorwrap h4 {
        background: #7f849c;
        color: #cdd6f4;
    }

    /*{background: linear-gradient(to bottom, #111 50%, #0071BC 0%) !important;}*/

    td[style*="background-color: rgb(220, 220, 220)"] {
        background-color: #181825 !important;
        color: #a6adc8;
    }

    td[style*="background-color: rgb(220, 220, 220)"] a {
        color: #a6adc8;
    }
    
    /* Исправление контрастности текста на желтом фоне */
    td[style*="background:#FFE87F"], td[style*="background: #FFE87F"] {
        color: #11111b !important;
        font-weight: bold;
    }
    
    td[style*="background:#FFE87F"] a, td[style*="background: #FFE87F"] a {
        color: #11111b !important;
    }
    
    td[style*="background:#FFE87F"] a:hover, td[style*="background: #FFE87F"] a:hover {
        text-decoration: underline;
    }

    .Wh3C9uKfHqscgpDPgpz0i7ip>li {
        background: #11111b;
        border-color: #1e1e2e;
        border-radius: 5px;
    }

    #contacts {
        background: none;
    }

    .clys8x4080 .list-group .list-group-item.active,
    .sidebar .list-group .list-group-item.active {
        background: #181825;
    }

    .clys8x4080 .list-group .list-group-item,
    .sidebar .list-group .list-group-item {
        background: black;
    }

    .borderwrap.read .row2,
    .borderwrap.read .post2,
    .borderwrap.read .post1,
    .borderwrap.read td.formbuttonrow {
        background: #181825 !important;
    }

    .ddb-ft-wrap {
        background: #181825;
    }

    .ddb-ft-title h2 a {
        color: white !important;
    }

    .ddb-ft-img img {
        border-radius: 3px;
    }

    .ddb-ft-logo,
    .ddb-ft-links .ddb-ft-link {
        background: var(--accent-color) !important;
    }

    .popmenubutton-new {
        background-color: #181825;
        border-radius: 3px;
        border-color: transparent;
    }

    .popupmenu-item-last {
        border-radius: 3px;
    }

    .popmenubutton-new+.popupmenu-new .popupmenu-item-last {
        border-radius: 0 3px 3px 3px;
    }

    .post-block.code>.block-title {
        background: #181825 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='53' height='24' style='shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd' viewBox='0 0 52.018 23.858'%3E%3Cpath style='fill:%2300000000' d='M0 0h52.018v24.537H0z'/%3E%3Cpath d='M4.663 7.939c.435-.748 1.425-.946 2.21-.443.785.503 1.069 1.518.633 2.265l-3.671 6.304 6.623 4.244c.785.503 1.068 1.517.633 2.264-.435.748-1.424.946-2.209.443L.838 17.861c-.785-.503-1.069-1.517-.634-2.265l4.459-7.657zM38.771 0h4.655l1.122 4.011c2.053-2.023 5.472-2.386 7.47-.483v6.947c-.454-1.799-1.144-4.827-1.958-5.295-.938-.538-2.447-.23-3.234.431-.366.308-.812.902-1.332 1.782l1.349 4.818c2.174-.436 2.316 1.371 1.934 1.944-.435.654-4.397 1.453-5.136 1.024-.639-.372-1.484-2.03.701-2.468L41.238 1.616c-2.607.521-2.65-.961-2.467-1.616zm13.247 11.179v2.542c-.232-.014-.414-.05-.525-.114-.604-.351-1.462-1.934.525-2.428zm-32.28 2.904c.34 1.958-1.946 2.482-2.591.176l-.404-1.444c1.992-1.326 3.72-2.464 3.32-3.893-.664-2.374-3.835-2.151-5.82-.513.812 2.904-1.263 2.406-1.684 2.114-.656-.454-1.014-2.317-1.286-3.288 2.498-1.993 5.71-3.894 8.914-1.929 2.057 1.262 3.178 3.966 2.264 5.952-.376.814-1.282 1.758-2.713 2.825zm1.911 4.849c.511 1.826-3.039 2.536-3.55.711-.512-1.828 3.039-2.537 3.55-.711zm9.984-2.459 1.176 4.202c1.338-.267 3.121-.925 3.563.654.27.965-.372 1.414-1.346 1.609-1.275.255-5.029 1.256-5.84.803-.376-.21-1.937-1.952 1.122-2.565l-3.24-11.582c-3.061.612-2.587-1.538-2.362-1.868.446-.657 3.067-.979 4.145-1.195l.237.845c5.212-5.792 14.877 1.591 10.271 7.312-1.864 2.314-4.818 2.833-7.726 1.785zm6.192-5.898c-.788-2.819-5.783-3.989-7.207-.546-1.691 4.086 4.62 5.916 6.715 2.796.527-.787.692-1.537.492-2.25z' style='fill:%23bd3200'/%3E%3C/svg%3E") no-repeat right !important;
    }

    .post-block.code {
        border-left-color: #bd3200;
    }

    .post-block.quote>.block-title {
        background: #181825 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='53' height='25' style='shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd'%3E%3Cpath d='M41.723 7.694A4.716 4.716 0 0 1 37.138.5h8.114c2.415 3.71 1.823 11.126-.68 14.847-1.331 1.98-2.445.204-1.935-.493 1.763-2.408.985-7.478-.914-7.16zM28.295.5h3.821c4.674 2.053 4.472 12.145 1.409 16.699-1.332 1.981-2.445.204-1.935-.493 1.762-2.408.985-7.478-.915-7.16A4.716 4.716 0 0 1 28.295.5zm-4.59 25h-3.821c-4.674-2.053-4.472-12.145-1.409-16.699 1.332-1.981 2.445-.204 1.935.493-1.762 2.408-.985 7.478.914 7.16a4.717 4.717 0 0 1 2.381 9.046zm-8.843 0H6.748c-2.416-3.71-1.823-11.126.68-14.847 1.331-1.98 2.445-.204 1.935.493-1.763 2.408-.985 7.478.914 7.16a4.716 4.716 0 0 1 4.585 7.194z' style='fill:%230072bc'/%3E%3C/svg%3E") no-repeat right !important;
    }

    .post-block.quote {
        border-left-color: var(--accent-color);
    }

    div[style="font-weight:bold;text-align:center;background:#dff0d8;border:1px solid #d6e9c6;color:#3c763d;padding:10px;"],
    .input-ok-content {
        background: #091109 !important;
        color: #bac2de !important;
        border: none !important;
    }

    .footer-panel .copyright {
        background: none !important;
    }

    .advanced-area .B4I...

Reviews

No reviews yet.