padster / CalendarThemeExtension

Simple chrome extension for modifying Google calendar UI
14 stars 7 forks source link

Documentation idea - custom theme images from Gmail #12

Open clach04 opened 12 months ago

clach04 commented 12 months ago

Even though Google Calendar no longer has theme support, GMail still does.

I had mixed success using the same theme in Calendar as Gmail (using https://github.com/padster/CalendarThemeExtension v1.0.15).

What works the best

Simply taking the URL of the preview image from Gmail theme works really well. For example HighScore theme preview URL: https://ssl.gstatic.com/ui/v1/icons/mail/themes/highscore/previewHD2.png

The actual theme is 3 files, the main one being https://ssl.gstatic.com/ui/v1/icons/mail/images/2/5/highscore/day_background.png

The best technique I found for URL determination is to use Firefox and Page Property Info (media) view, and review backgrounds.

Both these work really well

Partially working - base64 encoding

Using a site or tool like https://www.base64-image.de/ can upload a copy of image and then copy/paste the result.

This does NOT work for the 20Kb preview image (suspect it is too large, unclear if this is a bug or behavior).

This works great for the main theme image which is tiny (2Kb), e.g.

data:image/png;base64,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

Thanks for making this available! I'm not usually into themes but I needed a way to keep different accounts visually distinct on my machine.

clach04 commented 7 months ago

Screenshots

Settings

image

Settings in Google Calendar

image

Sample

image