Craigslist dark theme

Craigslist is so bright! Let's turn down the dimmer.

目前为 2023-06-10 提交的版本。查看 最新版本

// ==UserScript==
// @name         Craigslist dark theme
// @namespace    http://tampermonkey.net/
// @version      1.8.4
// @description  Craigslist is so bright! Let's turn down the dimmer.
// @author       https://gf.qytechs.cn/en/users/810921-guywmustang
// @match        http*://*.craigslist.org/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=craigslist.org
// @grant        GM_addStyle
// @run-at       document-end
// @license      MIT
// ==/UserScript==
(function() {
        'use strict';

        GM_addStyle(`
            body, body.dayTheme, ul {
                color: #DDDDDD !important;
            }

            `);

        GM_addStyle(`
            a,
            #leftbar .leftlinks a:visited {
                color: #DDDDDD;
                font-weight: 500;
            }

            /* Top bar city banner */
            .cl-location-picker-homepage-link a, .cl-location-picker-homepage-link a:visited, .cl-location-picker-homepage-link a:active {
                color: #84d7ff !important;
            }

            .bd-can-hover .cl-location-picker-homepage-link a:hover {
                color: #DDDDDD !important;
            }

            .managestatus a {
                color: #268def !important;
            }

            #loginWidget {
                color: #DDDDDD !important;
                background-color: black !important;
            }

            /* bar graph text colors */
            .avg-text, text.tick, line.tickmark, line.arrowhead,
            .cl-bar-chart-control .chart-container .xaxis .arrowhead,
            .cl-bar-chart-control .chart-container .xaxis .abs-max-price {
                stroke: #DDDDDD;
                font-size: 10px;
                font-weight: 100;
            }

            `);

        GM_addStyle(` span.result-price {
                color: #84d7ff !important;
                font-weight: 700 !important;
            }

            `);

        GM_addStyle(` body, body.dayTheme, nav, footer, ul, aside, section.page-container,
            .cl-content,
            div.querybox, div.content,
            div.form-tab, section.page-container, div.querybox, div.form-tab,
            div.search-options-container, div.search-options, .hasPic, .tsb,
            .cl-search-query .cl-query-bar,
            .ban .bantext, table.cal, .cal td {
                background-color: #2A2F35 !important;
            }

            .clfooter .desktop a,
            .clfooter .desktop a:visited {
                color: #DDDDDD;

            }

            header:has(.cl-area-serach),
            header:not(.dateReplyBar),
            div.cl-content header,
            header.cl-header .bd-button.link-like,
            header.cl-header .bd-button.link-like:hover
            {
                 color: #DDDDDD !important;
                 background-color: black !important;
                 border-color: black !important;
                 text-decoration: underline;
                 padding: 0 0 !important;
            }

            header.cl-header .bd-button.link-like,
            header.cl-header .bd-button.link-like:hover {
                 color: #DDDDDD !important;
                 background-color: black !important;
                 border-color: black !important;
                 text-decoration: underline !important;
                 padding: 0 0 !important;
            }

            div.cl-jsonform-filters-panel button span {
                 color: #DDDDDD !important;
            }
            div.cl-jsonform-filters-panel button {
                 text-decoration: none !important;
            }
            div.cl-jsonform-filters-panel button:hover {
                text-decoration: underline !important;
            }

            .cal td.today {
                background-color: #898931 !important;
            }

            /* Left bar for sale styles */
            .cl-search-filters-panel .cl-title-bar,
            .cl-search-filters-panel .cl-title-bar .back-and-title-links h1,
            .cl-jsonform-category-picker div.show-all, .bd-button,
            .cl-search-filters-panel a, .cl-search-filters-panel a:visited,
            .cl-psa span.label,
            .cl-jsonform-category-picker div.show-all,
            .cl-jsonform-category-picker div.hide-some {
                color: #DDDDDD !important;
                text-decoration: underline !important;
            }

            /* Dropdown button text color */
            span.label, span.icon {
                color: #444444 !important;
            }

            /* Show contact info "button" */
            .posting #postingbody a:hover {
                color: #DDDDDD !important;
                text-decoration: none !important;
                border-color: initial !important;
            }

            `);

        // the result boxes
        GM_addStyle(`
            li.result-row,
            div.search-suggs,
            .gallery-card,
            .cl-search-result.cl-search-view-mode-gallery .gallery-card .titlestring {
                background-color: #4D6174;
                color: #DDDDDD;
            }

            .cl-result-info .supertitle {
                color: #BBBBBB !important;
            }

            /* date & location text on tiles */
            .cl-search-result.cl-search-view-mode-gallery .gallery-card .meta {
                color: #BBBBBB !important;
            }

            /* Result tile visited text */
            .cl-result-info .title-blob .titlestring:visited,
            .cl-search-result a:visited {
                color: #BBBBBB !important;
            }

            /* Services links */
            a.titlestring, a.titlestring:visited {
                color: #DDDDDD;
            }

            /* search region text */
            .cl-search-result.cl-search-view-mode-thumb .result-node .result-info .supertitle {
                color: #BBBBBB;
            }

            `);

        // Updated search button format
        GM_addStyle(` .resetsearch .searchlink.changed_input {
                color: #2A2F35 !important;
                font-weight: bold !important;
            }

            `);

        // The 'see also' bar
        GM_addStyle(` div.hub-links > a, .linklike, .search-suggs .prompt, .result-date {
                color: #DDDDDD !important;
            }

            `);

        GM_addStyle(` header.global-header, .global-header.wide .userlinks,
            .to-banish-page, .user-favs-discards, .user-actions,
            .header-logo, ul.breadcrumbs, nav.breadcrumbs-container {
                background-color: black !important;
            }

            `);

        GM_addStyle(` .purveyor a:visited, li.button > a,
            .buttongroup .button.sel,
            .buttongroup, .buttongroup sel, .button.sel, li.button,
            .paginator,
            a.next, a.backtotop {
                color: black !important;
                background-color: #DDDDDD !important;
            }

            .remuneration .sel a, .purveyor .sel a {
                color: #2A2F35 !important;
            }

            `);

        // Listing page styles
        GM_addStyle(` .posting .attrgroup span,
            div.prevnext-sec > div > a.next {
                color: #DDDDDD !important;
                background-color: #2A2F35 !important;
                border: 0 !important;
            }

            `);

        GM_addStyle(` a.show-contact, .actions-combo .action .action-label {
                color: #DDDDDD !important;
            }

            `);

        // Home page styles
        GM_addStyle(`
            #topban {
                border: none;
            }

            #leftbar, #center,
            #rightbar, .homepage #rightbar, field,
            .homepage .col ul,
            .homepage footer,
            .homepage .col ul li a,
            #topban .sublinks a,
            #topban .sublinks li,
            .cl-component.location-picker-homepage-link a
            {
                margin: 2px 0px;
                background-color: #2A2F35;
                color: #DDDDDD;
                border: none;
                border-bottom: 1px solid #DDDDDD;
                font-weight: bold;
            }

            #center h3 {
                padding: 0px;
                background-color: #2A2F35;
                color: #DDDDDD;
                border: none;
                border-bottom: 1px solid #DDDDDD;
            }

            .ban a,
            .homepage .ban a
            {
                padding: 0px;
                background-color: #2A2F35;
                color: #DDDDDD;
                border: none;
                font-weight: bold;
            }

            /* Home page link hover style */
            .homepage .col ul li a:hover,
            .homepage .col ul li a:hover span,
            .homepage .ban a:hover span,
            .homepage .ban a:hover {
                background-color: #DDDDDD;
                color: #268def;
                font-weight: bold;
            }

            .homepage #rightbar h5 {
                color: #268def !important;
            }

            #rightbar ul.menu li.s a:hover,
            #leftbar a:hover,
            .homepage a:hover {
                color: #268def;
            }

            #rightbar ul.menu li.s a:visited {
                color: #DDDDDD;
            }

            `);

        // create a posting link style
        GM_addStyle(` .homepage #postlks #post, #postlks a:visited {
                background-color: #2A2F35;
                color: #268def;
            }

            `);
        // my account page style
        GM_addStyle(` .accountform-banner, .account-header, #account-homepage, #searchfieldset, #paginator, .account fieldset.homepage_label, .account .accountsettings .setting_name {
                background-color: #2A2F35;
                color: #268def;
            }

            .account .filterbtn {
                color: #268def;
            }

            #onetime {
                color: black;
            }

            `);

       GM_addStyle(` .managestatus {
                background-color: #2A2F35;
                color: #268def;
            }
            `);
    })();

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址