It’s the most requested feature we’ve had in months, and it’s finally here. BlaBlaNote now has a proper dark mode. Not a half-baked “we flipped a few backgrounds” version, but a real, end-to-end dark theme that covers every corner of the app: your contacts list, interaction details, event mode, LinkedIn sync, calendar integrations, networking cadence, profile settings, every empty state, every modal, every badge.
If you’ve ever caught yourself squinting at BlaBlaNote at 11pm after a long day of meetings, or recording a voice note from bed and getting blasted by a white screen, this one’s for you.
Three modes, one decision
Open your profile settings and you’ll find a new Color scheme section with three options:
- Automatic follows your operating system. If your Mac, Windows, iPhone or Android is set to dark, BlaBlaNote is dark. When your OS flips at sunset, BlaBlaNote flips with it. No refresh, no “reload the page to apply changes” friction. It just happens.
- Light is the classic BlaBlaNote you already know. Always bright, always the same.
- Dark stays dark no matter what the rest of your device is doing. If you live in dark mode everywhere, this is probably your pick.
Each option has a little visual preview so you can see what you’re choosing before committing. The preview stays constant regardless of the current theme, so you’re comparing apples to apples.
We didn’t just invert the colors
Any designer will tell you that dark mode is not “light mode with a black background.” When you invert colors naively, you end up with muddy text, unreadable disabled states, borders that vanish into the background, and charts that look like a crime scene. We’ve all used apps that got this wrong.
So we built the dark palette from scratch. The backgrounds use a layered approach: a deep near-black for the page, a slightly lighter tone for cards and panels, and a third level for hovered or selected items. That separation is what makes the UI feel solid instead of like everything is floating on one flat sheet.
Every text color was audited against WCAG AA contrast requirements. That means the grey that reads as “secondary information” in light mode has a dedicated counterpart in dark mode, chosen so it stays comfortably readable without punching you in the face. Same for disabled buttons, placeholder text, borders, focus rings, and hover states. We spent more time on edge cases than on the main surfaces, because that’s where dark mode usually falls apart.
The details we obsessed over
Some things we paid special attention to:
- No flash on load. When you open BlaBlaNote and you’re in dark mode, you don’t see a quarter-second of blinding white before the theme kicks in. The theme is applied before the first paint, so the app boots into the right colors immediately.
- Your LinkedIn, Calendar and integrations screens. These are some of the most visually dense parts of the app, with lots of cards, avatars, status badges and buttons. Every one of those received a dark-mode pass, including the tricky integration cards that needed to keep matching heights side by side.
- Networking cadence and follow-ups. The radio buttons, the disabled options and the “next contact due” banners were all rebuilt to stay legible in dark mode. If you use BlaBlaNote to manage your networking rhythm, you’ll notice the difference on day one.
- Event mode and pre-event insights. Recording at a conference at night? The stat cards, empty states and guest avatars all adapt, so smart event networking stays readable when the lights go down.
- Relationship brand colors. Our brand blue and gold accent have dark-mode variants so they stay vibrant without glowing radioactively against a black background.
- AI summaries and task cards. The panels where BlaBlaNote shows your conversations organized and extracted action items got the same careful contrast treatment, because they’re where you actually read, not just glance.
Easy to reach from anywhere
Settings are great, but sometimes you want to flip the theme without diving three menus deep. On desktop, there’s a dedicated Theme button at the bottom of the sidebar. One click and the picker opens, already showing which mode you’re in. On mobile, where the sidebar collapses, the same theme picker lives in the user menu. Either way, you’re never more than a tap or two away.
No matter where you open it, you get the same three options, you pick one, and the whole app changes instantly. No refresh, no “apply” button, no waiting.
Why “Automatic” is probably what you want
If you’re not sure which mode to pick, go with Automatic. Here’s why.
Most modern operating systems already do a great job of switching themes at sensible times: at sunset, when you turn on a night shift schedule, when you’re in a dark environment. Your OS knows a lot about your current context that BlaBlaNote doesn’t. By following the system, BlaBlaNote becomes consistent with every other app you use. No more “why is this one app still bright white” moments when you switch from your email to your CRM at night.
The Automatic mode listens to the system continuously. If you’re mid-meeting and the sun sets and your laptop flips to dark, BlaBlaNote flips too, with no input from you. If you’re on a fixed schedule and prefer total control, pick Light or Dark explicitly. Both are valid. There’s no wrong answer.
It remembers you
Your choice is stored locally on each device. That means you can have BlaBlaNote on your laptop in Automatic mode (so it follows your workday), on your phone in Dark (because you mostly use it in the evening), and on your tablet in Light (because you read articles on it during the day). Each device keeps its own preference.
We don’t sync this across devices on purpose. Dark mode is a local, context-dependent decision. The lighting in your office is not the lighting in your bedroom, and the app that looks right on a big external monitor is not the app that looks right on a phone at night. Per-device preferences are the honest answer.
What’s next
Dark mode was a big project. It touched virtually every Vue component in the app, and we used it as an opportunity to clean up a lot of color inconsistencies we’d accumulated over time. The app feels more coherent now, in both themes, as a side effect.
A few things we’re considering for the next iteration:
- Scheduled themes, where you could say “dark after 8pm” independent of your OS setting, for people whose operating system doesn’t give them fine-grained control.
- Native status bar theming on mobile, so the top status bar on iOS and Android also adapts. Right now the in-app UI flips but the system bar stays on whatever your OS dictates. It’s not wrong, but it’s one polish pass away from being perfect.
- A few more color accent options for users who want to personalize further, a sort of “BlaBlaNote but your colors” vibe.
None of that is on a calendar yet. We wanted to ship dark mode first, use it ourselves for a few weeks, and then see what’s actually worth building next based on your feedback.
Try it tonight
If you’re already a BlaBlaNote user, open your profile, look for the Color scheme section, and pick your mode. Thirty seconds, zero risk, instant relief for your eyes. If you want to start with Automatic, your OS will do the rest of the thinking for you.
If you’re not a user yet and you’ve been holding out because BlaBlaNote was “too bright,” that excuse is officially retired. Start your free trial, pick Dark on the way in, and prepare for your next meeting without melting your retinas.
We hope you love it. And if something looks off in a corner of the app we didn’t catch, tell us. Dark mode is one of those features where the last five percent is invisible until someone uses the app for real and finds the edge case we missed. We’d rather fix it than pretend it’s perfect.
Happy night-time note-taking.
