// ==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;
}
`);
})();