Menu
  • UX Trending
  • UX PODCASTS
    • DESIGN UNTANGLED
    • UX CAKE
  • UX Reading Room
  • UX Portfolio Building
  • UX JOBS
    • Atlanta
    • Dallas
    • Los Angeles
UXShareLab… everything you need to know about UX and more…
for the user experience design community

Search

Browse: Home   /   dark-mode

Dark mode: am I inversing the lightness scale around the midpoint or sliding the scale to preserve sibling elements’ lightness relative to each other? [migrated]

Dark mode: am I inversing the lightness scale around the midpoint or sliding the scale to preserve sibling elements' lightness relative to each other? [migrated]

For context, I’m using Tailwind CSS which has a lightness scale for its colors of 100-900, with 100 being the lightest and 900 being the darkest.
I also designed my app for dark mode first.
Let’s take the sidebar and main content area as a…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Burger menu with dark mode for responsive web

Burger menu with dark mode for responsive web

I am trying to make a website with light and dark modes. On small screens I am using a hamburger menu. When I click outside the hamburger menu it closes, to indicate it I change the opacity and in the light mode it looks good but in the da…

share this post : )

  • Tweet
  • More
  • Click to email a link to a friend (Opens in new window) Email

Topics

uxbooth Visual Design UX Jobs Los Angeles uxstackexchange Universal Design & Accessibility wordpress WordPress Plugins UI UX Toolbox UX Design User Interaction User testing User Research UX Jobs Dallas UX Jobs Atlanta UX Jobs in Atlanta UI design UX Rockstars User Experience WordPress Gutenberg user-behavior Usability Web Design web-app UX

Feeds

UI UI design Universal Design & Accessibility Usability user-behavior User Experience User Interaction User Research User testing UX uxbooth UX Design UX Jobs Atlanta UX Jobs Dallas UX Jobs in Atlanta UX Jobs Los Angeles UX Rockstars uxstackexchange UX Toolbox Visual Design web-app Web Design wordpress WordPress Gutenberg WordPress Plugins

<span>recent posts</span>

  • UX in 2018: The human element

    • Anywhere
  • Three Takeaways from the Hawai’i Missile False Alarm

    • Anywhere
  • UX in 2018: Content

    • Anywhere
  • UX in 2018: Design, Development, and Accessibility

    • Anywhere
  • The Power and Danger of Persuasive Design

    • Anywhere

connect to uxsharelab

Enter your email address to subscribe to receive notifications of new posts by email.

UXShareLab. Copyright © 2018. All rights reserved.

  • Contact UXShareLab
  • UXShareLab Community
  • UX PROCESS
  • Recommended Reading
  • UX StackExchange