feat(google-calendar): init
🎉 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/templatedirectory.- [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.ymlfile 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.
- [x]
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.
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.
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
completed tasks are dark but also not catppuccin coloured.
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:
The task view is completely unthemed.
Resolved with #1669 when merged.
The site looks good at the moment, but you need to optimise those SVGs. Try deno task lint:fix
Calendar now indicator should be accent I think, is currently hardcoded to maroon.
Icons like these need to be themed:
(hamburger menu in the top left)
(app launchpad in the top right)
(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?
Calendar now indicator should be accent I think, is currently hardcoded to maroon.
Assuming this is what you mean by now indicator it seems to be using the accent
I believe that's all the changes I need to make.
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.
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.
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!
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.
Going to try to fix all the lint errors and review comments now.