darkmode   258

« earlier    

How to design delightful dark themes
However, it is difficult to create a delightful dark theme. We cannot simply reuse our colors or invert our shades. If we do, we will achieve the opposite of what we want: we will increase eyestrain and make it harder to read in low light. We may even break our information hierarchy.
In this post, we share how to design dark themes that are readable, balanced, and delightful.
fridayfrontend  css  cssbasics  darkmode  themes 
3 days ago by spaceninja
A guide to implemen­ting dark modes on websites
Adding a dark mode is basically adding a theme. The principles are the same for adding a light mode to a dark website or alternative styling based on user-defined variables, the time of year or holidays. I added theming with a mix of and CSS. In this post I’ll go step by step into the details of how I did it and what I learned.
fridayfrontend  css  darkmode  themes 
3 days ago by spaceninja
new on is great on && mks xtheshapeshifter look great also.…
screenshot  Android  Instagram  DarkMode  from twitter
4 days ago by jonCates
How to design delightful dark themes
Guidelines for producing good dark themes for websites.
webdev  dark  webdesign  tips  darkmode 
4 days ago by angusm
Dark mode
Discussion of implementing dark mode for a website.
darkmode  css  webdesign  howtos  examples 
12 days ago by angusm
Adactio: Journal—Dark mode
Applying the dark mode styles is pretty straightforward in theory. You put the styles inside this media query:
@media (prefers-color-scheme: dark) {
webdesign  dark  darkmode  css 
13 days ago by hp

« earlier    

related tags

10.14  2019  accessibility  adactio  addon  android  apple  bar  browser  browsers  by:thomassteiner  case  code  coding  color  colors  css-variables  css  cssbasics  customization  dark-mode  dark  darkui  design+systems  design  detect  development  devmo  display  dock  elementaryos  examples  extensions  eye  eyes  free  fridayfrontend  fuckina  homescreen  howto  howtos  html  images  inspiration  instagram  ionic  ios  ios13  iosdev  iphone  iphone11pro  issue  javascript  js  library  linkfodder  localstorage  lockscreen  mac  macos  materialdesign  mdc  menu-bar  menu  menubar  mode  mojave  movein  night  nightmode  osx  photoshop  plugin  plugins  prefers-color-scheme  reactjs  reference  resources  safari  scheme  screenshot  sketch  sketchapp  slack  software  solution  standards  stevejobs  sunset  swift  swiftui  switch  tailwind  theme  themes  theming  tips  tools  toread  tutoriel  ui  ux  variables  vue  wallpaper  web  webdesign  webdev  webdevelopment  webiste  webkit  wip 

Copy this bookmark: