Khan Academy Dark Style



  • The default style is terrible on the eyes, but I don’t have sufficient experience with styling websites like this. It seems as though it relies heavily on javascript which I’m not fluent with. This is a massive project so if I can offer any help to any undertakers of this I’d be happy to.

    Property Value
    Website URL https://www.khanacademy.org/
    Theme name Khan Academy Dark
    Website category Education


  • What’s the URL?



  • My bad, I updated my original message with a link.



  • It does look like a large site, but they have what seems like well structured class names.
    @RaitaroH makes awesome dark themes, if he has time and motivation, it’d be a pretty good project. Otherwise, I can also theme it, but probably not as well as him.



  • In the meantime, I’ll write up a template for theme requests, it seems like that will be useful.



  • @Raeffion
    sloppy quick

    /* ==UserStyle==
    @name           khanacademy.org
    @namespace      no-one
    @version        0.1.0
    @description    A sloppy dark userstyle for khanacademy
    @author         Not-me
    ==/UserStyle== */
    @-moz-document domain("khanacademy.org") {
    	* {
    		background: #222 !important;
    		color: #666 !important;
    		border-color: #444 !important;
    		filter: brightness(102%) !important;
    	}
    }
    

    Doesnt look professional but hey, take it or leave it. 😄