
After learning through web analytics that 38% of our users have turned on dark mode at the operating-system level, we decided to implement dark mode on our library’s website. We designed a dark color palette that balanced brand identity, readability, and accessibility, then implemented it using the new light-dark() CSS function. This approach allowed us to define paired colors for light and dark modes across our stylesheets. We’ll share the project’s scope, implementation details, testing process, and slightly scary lessons we learned the hard way. You, too, can implement dark mode and receive user feedback like this: “Yes yes yes yay this is amazing!!!!!! This is life changing for me.” “OMG thank you! My eyes are happy!”
Code4Lib 2026
Code4Lib 2026
| selected citations These citations are derived from selected sources. This is an alternative to the "Influence" indicator, which also reflects the overall/total impact of an article in the research community at large, based on the underlying citation network (diachronically). | 0 | |
| popularity This indicator reflects the "current" impact/attention (the "hype") of an article in the research community at large, based on the underlying citation network. | Average | |
| influence This indicator reflects the overall/total impact of an article in the research community at large, based on the underlying citation network (diachronically). | Average | |
| impulse This indicator reflects the initial momentum of an article directly after its publication, based on the underlying citation network. | Average |
