Craigslist dark theme

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

当前为 2022-11-08 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         Craigslist dark theme
// @namespace    http://tampermonkey.net/
// @version      1.7.0
// @description  Craigslist is so bright! Let's turn down the dimmer.
// @author       https://greasyfork.org/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;
            }

            `);

        GM_addStyle(` a {
                color: #DDDDDD;
                font-weight: 500;
            }

            .cl-location-picker-homepage-link a, .cl-location-picker-homepage-link a:visited, .cl-location-picker-homepage-link a:active {
                color: #316FAA;
            }

            .managestatus a {
                color: #316FAA;
            }

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

            `);

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

            `);

        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;
            }

            header:not('.dateReplyBar'), header .bd-button.link-like, header .bd-button.link-like:hover {
                 color: #DDDDDD;
                 background-color: black;
                 text-decoration: underline;
                 padding: 0 0;
            }

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

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

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

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

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

            `);

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

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

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

            `);

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

            `);

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

            `);

        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;
            }

            `);

        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;
                background-color: #DDDDDD;
            }

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

            `);

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

            `);

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

            `);

        // Home page styles
        GM_addStyle(` #leftbar, #topban, #center, #center .ban,
            #rightbar, .homepage #rightbar, field,
            .homepage .col ul,
            .homepage footer,
            #center .ban a:hover,
            .homepage .col ul li a,
            #topban .sublinks a,
            #topban .sublinks li,
            .cl-component.location-picker-homepage-link a {
                background-color: #2A2F35;
                color: #DDDDDD;
            }

            .homepage #rightbar h5 {
                color: #316FAA;
            }

            /* Home page link hover style */
            .homepage .col ul li a:hover {
                background-color: #DDDDDD;
                color: #316FAA;
            }

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

            `);

        // create a posting link style
        GM_addStyle(` .homepage #postlks #post {
                background-color: #2A2F35;
                color: #316FAA;
            }

            `);
        // 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: #316FAA;
            }

            .account .filterbtn {
                color: #316FAA;
            }

            #onetime {
                color: black;
            }

            `);

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