This is a less radical change than my first attempt and at least for me even easier on the eyes.
Background has been changed to a light ecru and the font to Georgia. I upped the font size to 16px because Georgia is a little more compact. I also decreased the line spacing in comments a little and reduced the padding a little.
Comments section.Here’s the code:
// ==UserScript== // @name Fix DK5 // @namespace http://dailykos.com/ // @version 0.1 // @description Make DK5 apperance less blazingly painful // @author Jan Rooth // @match http://www.dailykos.com/* // @match https://www.dailykos.com/* // @grant none // ==/UserScript==
function addGlobalStyle(css) { var head, style; head = document.getElementsByTagName('head')[0]; if (!head) { return; } style = document.createElement('style'); style.type = 'text/css'; style.innerHTML = css; head.appendChild(style); }
/* colors */
addGlobalStyle('body { color: #1B1B1B !important; }'); addGlobalStyle('body { background-color: #FAF2E0 !important; }');
/* font */
addGlobalStyle('body { font-family: "Georgia" !important; }'); addGlobalStyle('.more-stories-sidebar { font-family: "Georgia" !important; }');
addGlobalStyle('.story-title { font-family: "Georgia Condensed" !important; }'); addGlobalStyle('.blog-story-wrapper { font-family: "Georgia Condensed" !important; }'); addGlobalStyle('.full-story-wrapper { font-family: "Georgia Condensed" !important; }'); addGlobalStyle('.blog-label { font-family: "Georgia Condensed" !important; }'); addGlobalStyle('.label-heading { font-family: "Georgia Condensed" !important; }');
addGlobalStyle('a.story-summary { font-family: "Georgia" !important; }'); addGlobalStyle('.explore-content { font-family: "Georgia" !important; }'); addGlobalStyle('.story-intro-wrapper { font-size: 16px !important; }'); addGlobalStyle('.full-story-wrapper { font-size: 16px !important; }'); addGlobalStyle('.story-wrapper { font-size: 16px !important; }'); addGlobalStyle('.comment-section { font-size: 16px !important; }'); addGlobalStyle('.comment-text { font-size: 16px !important; }'); addGlobalStyle('.cke_textarea_inline { font-size: 16px !important; }'); addGlobalStyle('blockquote { font-size: 16px !important; }');
// compress comments
addGlobalStyle('.comment-text { line-height: 1.1em !important; }'); addGlobalStyle('.comment-text p:empty { padding-bottom: 0px; }'); addGlobalStyle('p { margin: 0px 0px 5px; }');
Again, it works in Scriptish on Firefox, TamperMonkey on Chrome.