Quantcast
Channel: jrooth
Viewing all articles
Browse latest Browse all 110

A Gentle Suggestion on DK5 Appearance

$
0
0

I’m not a person who generally has trouble staring at a computer screen. I’ve been writing code for about 37 years now, and in that time I’ve probably averaged about 50 hours a week in front of a screen. But it only took a little over half an hour with DK5 before I had a nasty migraine going.

So in the image above is my gentle suggestion for an alternate look. Note, I spent about 20 minutes on this, so doubtless it can be improved a lot, but to my eyes it’s already about 1000% better than the default.

If anyone wants to play around with it (or just use it as-is) here’s the short script I wrote to implement this:

// ==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/* // @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); }

addGlobalStyle('body { color: #eee !important; }'); addGlobalStyle('body { background-color: #444 !important; }'); addGlobalStyle('.story-title a { color: #eee !important; }'); addGlobalStyle('.story-social a { color: #eee !important; }'); addGlobalStyle('a { color: #ea7106 !important; }'); addGlobalStyle('.cke_textarea_inline { color: #000 !important; }'); addGlobalStyle('blockquote { background-color: #777 !important; }');

addGlobalStyle('.comment.preview .comment-wrapper { background-color: #777 !important; }');

It works in GreaseMonkey on Firefox and TamperMonkey on Chrome.

UPDATE: added style for comment preview suggested by SC Lib.


Viewing all articles
Browse latest Browse all 110

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>