• 39 Posts
  • 54 Comments
Joined 1 year ago
cake
Cake day: June 7th, 2023

help-circle














  • Install Stylus > Write New Style > Import and then copy/paste this in. Keep in mind that I removed a lot of my specific tweaks for sites I use, because that’s PII. You will encounter many more weird issues on random sites than you do with DarkReader, but if you’re used to working with userCSS you’ll probably have no issues fixing those. The way this essentially works is by inverting your entire browser screen, then rotating the hue so the colours of website themes aren’t weird, then it inverts images back to normal. I’m sure there is a way to do this without inverting the images in the first place, but it would involve one hell of a lot more code than this. I wrote this originally in about 3 minutes.

    html, iframe {
        filter: invert(1) hue-rotate(180deg);
    }
    
    img, div[background-image], div[style*="background-image"], video  {
        filter: invert(1) hue-rotate(180deg);
    }
    
    @-moz-document domain("lemmy.ml"), domain("ultimate-guitar.com"), domain("open.spotify.com"), domain("discord.com"), domain("localhost") {
    /* Exemptions for sites that already have a dark mode */
    
    html, iframe {
        filter: none;
    }
    
    img, div[background-image], div[style*="background-image"], video  {
        filter: none;
    }
    }
    
    @-moz-document domain("youtube.com") {
    #movie_player {
        filter: invert(1) hue-rotate(180deg);
    }
    
    video {
        filter: none;
    }
    }
    
    @-moz-document url-prefix("https://www.google.com/maps") {
    div[aria-label="Street View"] canvas, div[aria-label="Photo"] canvas, button[data-photo-index] {
        filter: invert(1) hue-rotate(180deg);
    }
    
    div[role="img"] {
        filter: none;
    }
    }
    

  • inasaba@lemmy.mltoFirefox@lemmy.mlWhat is the best dark mode extension?
    link
    fedilink
    English
    arrow-up
    11
    arrow-down
    1
    ·
    edit-2
    1 year ago

    I made my own with Stylus. At its simplest it’s 2 lines of CSS which pales in comparison to what Dark Reader is going with, and then I have one section for exempted websites, and two sections for websites I use a lot that needed specific small fixes. It uses basically no resources, and doesn’t slow anything down.

    The one downside is that because it uses CSS filters, some colors become less brilliant. This is a known flaw with how CSS calculates colors for hue-rotate.

    Pasted in a comment below.






  • It depends where you live. Here, land is at a premium so the rent for a space that can fit a camper or prefab home would be higher than that for an apartment.

    I have lived in a camper. I do not recommend it unless you live in an extremely mild climate. They are poorly-insulated, the windows fog up, they leak in the rain if you have slides. The hot water tank only holds enough for a 5 minute shower before the water starts to run cold. You have to deal with propane refills. The water hookup can freeze in the winter. Mice can get in easily. You have to stay mindful of the blackwater tank, because leaving it open creates a pyramid of waste that can’t be removed, but leaving it closed means you have to remember to empty it. The power system isn’t meant to handle a lot of things plugged in at once. When the DC fuses blow, you have to go find replacements at an auto parts store. The oven doesn’t have a broiler. The fridge is quite inefficient and small. The list of issues goes on and on. Make sure you’re really committed to the lifestyle.