userstyles icon indicating copy to clipboard operation
userstyles copied to clipboard

feat(google-calendar): init

Open WalkQuackBack opened this issue 9 months ago • 14 comments

🎉 Theme for Website 🎉

Google Calendar is a sharable online calendar which focuses on aiding with time management, and is part of the Google Workspace line of products.

💬 Additional Comments 💬

🗒 Checklist 🗒

  • [x] I have read and followed Catppuccin's submission guidelines.
  • [x] I have made a new directory underneath /styles/<name-of-website> containing the contents of the /template directory.
    • [x] I have ensured that the new directory is in lower-kebab-case.
    • [x] I have followed the template and kept the preprocessor as LESS.
  • [x] I have made sure to update the userstyles.yml file with information about the new userstyle.
  • [x] I have included the following files:
    • [x] catppuccin.user.less - all the CSS for the userstyle, based on the template.
    • [x] preview.webp - composite image of all four individual flavor screenshots (taken with the default accent color of mauve) stitched together, generated via Catwalk.

WalkQuackBack avatar Mar 22 '25 05:03 WalkQuackBack

The task view is completely unthemed. And when your in the month view your tasks all appear to be unthemed text, and completed tasks are dark but also not catppuccin coloured.

If I recall correctly from our Discord conversation the task view is an iframe/embed to Google Tasks, a separate platform? If so ideally that can be themed in a separate userstyle (pull request). If not though it definitely should be themed.

uncenter avatar Mar 22 '25 15:03 uncenter

The task view is completely unthemed. And when your in the month view your tasks all appear to be unthemed text, and completed tasks are dark but also not catppuccin coloured.

If I recall correctly from our Discord conversation the task view is an iframe/embed to Google Tasks, a separate platform? If so ideally that can be themed in a separate userstyle (pull request). If not though it definitely should be themed.

Yes, it's a straight iframe to Google Tasks. I have a PR for theming that in progress.

WalkQuackBack avatar Mar 22 '25 16:03 WalkQuackBack

And when your in the month view your tasks all appear to be unthemed text

If the events or tasks have a background, I determined that the default text colour is not always high contrast enough with the background, so I left it as the default text colour that Google chooses. For the transparent background ones I believe they already use the correct text colour image

completed tasks are dark but also not catppuccin coloured.

image The background colours are set via inline CSS as Google Calendar generates the colours for them, but the text looks to be themed, just at 0.5 opacity. It looks like this without the opacity on top: image

WalkQuackBack avatar Mar 22 '25 17:03 WalkQuackBack

The task view is completely unthemed.

Resolved with #1669 when merged.

WalkQuackBack avatar Mar 23 '25 04:03 WalkQuackBack

The site looks good at the moment, but you need to optimise those SVGs. Try deno task lint:fix

isabelroses avatar Mar 23 '25 11:03 isabelroses

Calendar now indicator should be accent I think, is currently hardcoded to maroon.

uncenter avatar Mar 23 '25 17:03 uncenter

Icons like these need to be themed:

CleanShot 2025-03-23 at 13 44 33 (hamburger menu in the top left) CleanShot 2025-03-23 at 13 44 28 (app launchpad in the top right) CleanShot 2025-03-23 at 13 44 30 (back arrow in settings in the top left)

These should be themed when changing to Latte using the default Settings > Appearance dialogue: how are you changing the theme?

Screenshot_2025-03-23-12-56-09-581_com microsoft emmx canary Screenshot_2025-03-23-12-55-30-090_com microsoft emmx canary-edit Screenshot_2025-03-23-12-57-46-000_com microsoft emmx canary

WalkQuackBack avatar Mar 23 '25 18:03 WalkQuackBack

Calendar now indicator should be accent I think, is currently hardcoded to maroon.

image image

Assuming this is what you mean by now indicator it seems to be using the accent

WalkQuackBack avatar Mar 23 '25 19:03 WalkQuackBack

I believe that's all the changes I need to make.

WalkQuackBack avatar Mar 23 '25 20:03 WalkQuackBack

These should be themed when changing to Latte using the default Settings > Appearance dialogue: how are you changing the theme?

Why are they not themed always? I am using dark mode but with my dark flavor set to latte.

uncenter avatar Mar 24 '25 01:03 uncenter

These should be themed when changing to Latte using the default Settings > Appearance dialogue: how are you changing the theme?

Why are they not themed always? I am using dark mode but with my dark flavor set to latte.

The theme relies on the dark theme icon code already set by Google: however I think the behaviour of it adapting to the Catppuccin flavour instead of relying on the appearance setting is better given the case you've brought up where the dark or light flavour is set by the user to the opposite theme. I'll make a commit to address that in a bit.

WalkQuackBack avatar Mar 24 '25 01:03 WalkQuackBack

These should be themed when changing to Latte using the default Settings > Appearance dialogue: how are you changing the theme?

Why are they not themed always? I am using dark mode but with my dark flavor set to latte.

Seems to be working now! image image image image

WalkQuackBack avatar Mar 24 '25 05:03 WalkQuackBack

I just noticed this is failing on the linter for complex not syntax, but when using conplex not syntax then the rule doesn't get enough specificity to override the original rule without using hacks.

WalkQuackBack avatar Apr 03 '25 03:04 WalkQuackBack

Going to try to fix all the lint errors and review comments now.

WalkQuackBack avatar Sep 24 '25 03:09 WalkQuackBack