![]() ![]() We maintain a set of LESS variables representing our colors and we’ve always known that this would serve as a great entry point to a dark mode implementation - but before we could think about what to build we had to develop a more sophisticated color system that could handle multiple themes. We took advantage of the momentum we had toward a design system and formalized Slack Kit, our UI component library, and along with it some new standards for writing CSS. Over the last 18 months, we did a complete rewrite of the desktop client in React. The overarching question for this project was: how can we build sustainable and maintainable support for themes? Background Working in a large engineering organization - especially within a rapidly growing company - means that every change needs to consider the momentum and roadmaps of many other teams. We wanted to give you a peek under the hood and some background on the process of getting to this point.Īs is usually the case with large codebases, finding an implementation that works is only half the battle gracefully changing infrastructural code and educating engineers on how to use new tools accounts for much of what we do when working on new capabilities of the product. ![]() ![]() If you’re a dark mode user you might have seen the news: two weeks ago we flipped the switch and gave users dark mode across the desktop app and the browser. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |