How to Visually Separate Work Hours From Personal Time in Google Calendar
Google Calendar shows every hour of every day with equal visual weight. Here's how to make your actual work hours stand out at a glance.
Open Google Calendar and every hour looks identical — 2am on a Sunday gets the same visual treatment as 2pm on a Tuesday. That’s fine for scheduling a single event, but it’s a bad default when you’re trying to answer a much more common question at a glance: am I looking at work time or personal time right now?
The mental math you’re doing without noticing
If your work hours are, say, 9-to-5 on weekdays, you’re constantly doing small unconscious calculations every time you glance at your week view: is this evening slot free for a personal errand, or does it bleed into a meeting block? Is Saturday actually open, or did something get booked on it? None of that information is wrong in Google Calendar — it’s just not visually available, so you re-derive it every time instead of seeing it.
This adds up. Multiply a few seconds of mental math by every time you check your calendar in a day, and it’s a small but real tax on a tool you use constantly.
Shading instead of hiding
The simplest fix isn’t to hide anything — it’s to add a light visual shade over the hours and days that fall outside your defined work time. Nothing is hidden or removed, so you keep full access to everything on your calendar. But your eye is drawn to the unshaded region first, because that’s where the contrast is.
This is exactly what GCal WorkShade does: it overlays a soft, adjustable shade on Google Calendar outside the hours you define as your work window, and across weekend columns. A few things make this useful in practice rather than just decorative:
- Configurable start and end time — your “work hours” don’t have to be 9-to-5; set whatever boundary matches your actual schedule.
- Weekend shading — Saturday and Sunday get shaded independently of the daily hour window, since weekends are usually a different kind of “off” than evenings.
- Adjustable intensity (4%–40%) — light enough that nothing underneath is obscured, dark enough to register instantly.
- Works across Day, Week, and Month views — the shading follows you regardless of which view you use most.
Why this stays a browser-only feature
There’s no account, no server sync, and no analytics involved — WorkShade reads your calendar’s own view and overlays a shade client-side. Your settings sync across your devices through Chrome Sync the same way your bookmarks do, but nothing about your calendar’s contents is sent anywhere. It’s released under the MIT license and is free permanently, not “free for now.”
Setting it up
Install the extension, open Google Calendar, and set your work start and end time once — most people leave the weekend shading on by default and only adjust the intensity slider until the contrast feels right for their screen and eyes.
