Inspired by:
- Ink for Google did a beautiful job at improving the Calendar design. But, it doesn’t touch the full interface and is not extensible.
- CleanGoogleCalendar by @Gambloide improves the events layout.
- I added CSS to improve some edit windows.
- Allow for easy extension of these changes until Google finally publishes a redesign... (Might be coming soon: https://www.reddit.com/r/google/comments/6tl9ju/new_upcoming_google_calendar_desktop_ui/)
-
Download the Stylish extension for Chrome, Safari, Firefox or Opera (or use any other extension to inject custom CSS)
-
Add the contents of this combined CSS as a Custom Stylesheet for ‘calendar.google.com’: https://cdn.rawgit.com/patrickplaggenborg/google-calendar-material/master/assets/css/google-calendar-material-combined.css
- Download Fluid App to transform any web page into a native Mac App.
- Pay for the license to enable ‘Userstyles’.
- Download the Google Calendar app icon: https://cdn.rawgit.com/patrickplaggenborg/google-calendar-material/master/assets/images/google-calendar-logo.png
- Create a standalone app for URL calendar.google.com named ‘Google Calendar’ and use the custom app icon.
-
Add the Combined CSS for Google Calendar Material Design to the Custom Styles:
Edit your custom styles (Window → Userscripts) and add the contents of this stylesheet (hosted via RawGit):
I’m by no means a good coder (or architect of GitHub repositories) so any feedback to organise this is welcome.
Consider donating:
- Ink for Google™ by Carlos Jeurissen
- cleanGoogleCalendar by @Gambloide
- Browser icons made by: Pixel perfect from www.flaticon.com and is licensed by CC 3.0 BY
- The Google Calendar name and logo are owned by Google.