Hacker News new | ask | show | jobs
by foobarbaz33 1212 days ago
You can paste this snippet into the javascript console (ie F12). It's my 5 minute attempt at artsy dark colors. Code blocks are red as in Sith (star wars). And as a warning that code is dangerous.

    (function hackerNewsDarkMode() {
        let bg = '#35352B';
        let fg = '#EEEED1';

        let tables = document.getElementsByTagName('table');
        for (let i=0; i<tables.length; i += 1) {
            tables[i].style.backgroundColor = bg;
            tables[i].style.color = fg;
        }
        let codes = document.getElementsByTagName('code');
        for (let i=0; i<codes.length; i += 1) {
            codes[i].style.backgroundColor = '#300000';
            codes[i].style.color = '#FF0000';
        }
        let spans = document.getElementsByTagName('span');
        for (let i=0; i<spans.length; i += 1) {
            spans[i].style.backgroundColor = bg;
            spans[i].style.color = fg;
        }
        let a = document.getElementsByTagName('a');
        for (let i=0; i<a.length; i += 1) {
            a[i].style.backgroundColor = bg;
            a[i].style.color = '#66CDAA';
        }
        let divs = document.getElementsByTagName('div');
        for (let i=0; i<divs.length; i += 1) {
            divs[i].style.backgroundColor = bg;
            divs[i].style.color = '#FFC0CB';
        }
        let textAreas = document.getElementsByTagName('textarea');
        for (let i=0; i<textAreas.length; i += 1) {
            textAreas[i].style.backgroundColor = "#000000";
            textAreas[i].style.color = fg;
        }

        document.body.style.backgroundColor = '#000000';
        document.body.style.color = '#FFFFFF';
    }());