Craigslist dark theme

Craigslist is so bright! Let's turn down the dimmer.
目前为 2022-07-28 提交的版本。查看最新版本。
换行
// ==UserScript==
// @name         Craigslist dark theme
// @namespace    http://tampermonkey.net/
// @version      1.1
// @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, ul {
                color: #DDDDDD;
            }

            `);

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

            `);

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

            `);

        GM_addStyle(` body, nav, footer, ul, aside, section.page-container, div.querybox, div.content,
            div.form-tab, section.page-container, div.querybox, div.form-tab,
            div.search-options-container, div.search-options, .hasPic, .tsb {
                background-color: #2A2F35;
            }

            `);

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

            `);

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

            `);
    })();
欢迎访问Greasy Fork镜像
