25

DN Dark Mode

almost 6 years ago from , VR/360/virtual tour freelancer

When we speak about interface design "Dark Mode" is the most desired yet non-priority feature ever.

So it was (or wasn't?) a surprise for me DN had not implemented it yet. Offically or by some enthusiast.

Let me be that person. I've created a custom CSS which can be obtained here:

https://userstyles.org/styles/135506/designer-news-dark-far-from-completeness

Installation via well known Stylish extension. I'm not much of a designer so if you find inconsistency or incompleteness of redesign please share your ideas on it.

Works only on desktop version. Also you might be interested in Medium dark redesign: https://userstyles.org/styles/137280/medium-medium-com-dark-grey

Same story about it.

Thank you for attention. :)

23 comments

  • Daniel PapeDaniel Pape, almost 6 years ago

    Where do I pay my $8?

    39 points
  • Andy StoneAndy Stone, almost 6 years ago

    Damn, I don't like this community.

    5 points
    • Jesse HeadJesse Head, almost 6 years ago

      y m8

      0 points
      • Andy StoneAndy Stone, almost 6 years ago

        While the community always says that design should be valued and that "designers deserve a seat at the table" because they can help the growth of the business, we have people who are willing to spend hours on a foolish project just to troll on another group who built something of their own.

        People bitched about Sketch Dark and it being $8. It took a lot of work to make, and $8 is nothing if that is a UI improvement that you want to see.

        Instead of spending their time volunteering on a project to help a non-profit, or to create something unique that showcases their unique talents, people in the community make a "joke" DN Dark. The description up top was just meant to troll on the Sketch Dark team and get a rise out of people.

        That's not what design is meant to do. That's not how designers should treat each other. If this is a design community, it should be about making the world a more accessible, a more beautiful, a more empathetic space.

        3 points
        • alexey pushkarev, almost 6 years ago

          Man, I absolutely don't care about sketch dark UI cause don't use one. Though I agree on work of this gyus is worth 8$ or whatever they ask for it. And definitely would buy one when needed.

          I also agree the badge does not fit the topic completely. If you see here any trolling—sorry, that's not right. I'm new to this community and read posts and discussions once in several months.

          When you call my 'project' foolish – sorry, I can't agree again. And won't discuss here why. I don't want to call it project at all: there is nothing for that. Just some stuff that I made for personal use. That took real hours no one payed for. And I see people who need it too. So why not showing it? If you find it a 'joke'—you're welcome!

          I see this situation as a coincidence that led to wrong conclusions.

          1 point
        • Tim Kjær LangeTim Kjær Lange, almost 6 years ago

          Is it impossible to do a small CSS hack project and have a strategic mindset?

          How do you know that Alexey doesn't spend his time volunteering?

          Is it mistreating other designers to create a custom Stylish theme?

          1 point
  • Vipul. MishraVipul. Mishra, almost 6 years ago

    Good job @Alexey!! You can get similar result on any website using Visual Inspector checkout - https://www.canvasflip.com/visual-inspector/showcase/showcase-video.php?show=black-google

    You can also use the generated CSS with Stylish instead of writing your own in Chrome inspector devtools.

    Thoughts?

    1 point
    • alexey pushkarev, almost 6 years ago

      WOW This tool seems to be absolutely awesome at first glance! Google web layouts are extremely complicated to inspect and modify via CSS override. Visual inspector looks very intuitive tool to make this work faster a lot.

      1 point
  • Mick NMick N, almost 6 years ago

    Nice work! Testing it out and like it already.

    Edit: I've found I need to make a small addition:

    .story-comment-vote-controls svg { fill: #666; }

    Just so the upvote icons were more visible.

    1 point
  • Spencer HoltawaySpencer Holtaway, almost 6 years ago

    Apologies for not googling (I thought someone in this thread could answer it as there will be a lot of interested people here) – what is it about dark themes that make them so popular? I don't really understand how it has become an almost must-have feature for applications. Help me understand!

    1 point
    • alexey pushkarev, almost 6 years ago

      This is really vast topic to discuss. In appropriate conditions 'inverted' 'dark mode' interfaces ARE LIKELY to create less strain on the eyes while working with them for long periods of time.

      2 points
    • John Jackson, almost 6 years ago

      I prefer viewing a darker UI because it's easier for me to read.

      1 point
    • Sam SolomonSam Solomon, almost 6 years ago

      Dark applications are much less straining to read in low-light. I don't want every application to be dark, but I do appreciate it for applications I spend a lot of time in.

      After using IA Writer's Night Mode, it's hard to go back to Google Docs.

      2 points
  • Seth CSeth C, almost 6 years ago

    You're cool

    1 point
  • John Jackson, almost 6 years ago

    Neat stuff! Thanks!

    1 point
  • Pablo StanleyPablo Stanley, almost 6 years ago

    Noizzzz. Thanks :)

    0 points
  • Joshua KaufmanJoshua Kaufman, almost 6 years ago

    Let me be that person

    ;D

    0 points