pyxelr/dark-google-calendar

Dark theme for Google Calendar.

👨‍💻 Paweł Cisło

MLOps Engineer with experience in 📊 Machine Learning, 🐍 Python, 🐳 Containerization and ✨ Pipeline Orchestration.

dark-google-calendar's Issues

Avatars in contact tooltips that appear from the "Add guests" list has inverted colors

When hovering over an avatar from the guest list, a tooltip appears that contains said avatar, but with inverted colors:

Steps to reproduce:

1. Start creating a calendar event.
2. Click on "Add guests" in the form.
3. Type a contact name and add them from the "Add guests" field.
4. Hover the cursor over their avatar.
5. Observe that a tooltip appears, and that the avatar colors are inverted.

Possibility to not recolor the event colors using the style

When using the theme, the colors are changed to darker colors. Is it possible to stay with the original colors used in the normal light theme like it is in the ios dark theme of google calendar?

Publish as UserCSS

Hi,
I love the work you're doing maintaining this style. Thank you!
If I may, I have a small request. Could you maybe, apart from hosting on Userstyles, publish the style as a UserCSS? It would allow lightning quick installation, and automatic updates, straight from master on GitHub. Basically it eliminates the need to use Userstyles.org for those of us who don't want to, and adds an extra feature on top.
I can make a quick fork and submit PR, if you like.

After restarting the browser, the first time an event is created, the dark theme is disabled

Then the theme is activated again, and then does not turn off. Until the browser is restarted.

Mozilla Firefox 106.0.1 (64-bit)
Stylus 1.5.26 (30 August 2022)
Google Translate Dark 1.3.1
Microsoft Windows 10.0.19045.2130

Font Color in week view editable

Thank you for the new font color option. But it only works in the month view. Could you make it work for every other view?

Grayed out text for Calendar Event Name and Participants

Hi, it seems the event name and the participants are grayed out and this was a bit jarring for me, as if the intended meaning was that the event was not confirmed or I had no edit rights. Could you take a look at this? Thanks

Event text is dark on dark when viewing in 'custom view' after latest commit

I have my custom view set to 4 weeks, and text is now dark on dark (i.e. not readable) after the latest commit.

possibility to change the font color of events to white

It would be nice to have the option, to install the theme with white font color for events for readability.

Title, date and time on the event editing screen are displayed as blocked from changing

No style:

With style:

Mozilla Firefox 109.0b8 (64-bit), Stylus 1.5.26 (1 September 2022).

White top border on entries

Not sure why, adding this removed it:

    .EfQccc.EiZ8Dd:after {
        border-top: none;
    }

Do not affect

Text color for "show more" is not changed on month view; continuing tasks triangles are inverted

Here is a day in month view where there are more tasks than visible:

Here, in dark mode, you can see that the "3 more" color has not changed, and is nearly invisible:

Next, here is the card that shows when that option is clicked, showing arrows in directions where a given task continues through various days:

Here is that same card in dark mode, where the triangles are seemingly inverted:

Calendar day backgrounds doesn't match page background

This is the calendar without the CSS:

This is with the CSS in this repo:

Notice how the days on the calendar matches the background with the original CSS. With this theme, the background color is slightly lighter.

Stylus disables/re-enables itself repeatedly

I'm having a very strange issue, and I can't tell if it's Stylus or this stylesheet or the both of them interacting together. When I load Google Calendar, Stylus disables and re-enables itself a couple times, and then (usually) settles on being disabled. I can re-enable just by clicking the Stylus icon in the toolbar, and it'll stick, until I start interacting with certain elements in the calendar.

This only happens with this stylesheet -- none of my others ever disable themselves or Stylus as far as I can tell.

Here's a cropped (for privacy) screencap:

Screen.Recording.2023-08-29.at.17.40.16.mov

Sorry it's not as helpful as it could be; I wasn't sure how to demonstrate it while keeping my calendar content private. The first time the mouse disappears and it flashes white, I clicked on regular event to view it in a popup. The second time, I do the same to an all-day event. Strangely, after I've hovered on these different things, doing so again doesn't cause Stylus to unset itself until I refresh the page again.

I wonder if this is some iframe nonsense? I notice that there are a lot in Google Calendar, and that one of them has the same name as the main page, but only contains the stylesheet:

This sounds kind of like #14.

Unwanted gray border around top and left of calendar

There is an unwanted gray border around top and left of calendar. This started appearing approximately since the second week of March, 2021.

Cannot update from Stylus: "Invalid version number. The value doesn't match SemVer pattern: 2.60.8</span></td>"

In Stylus, if I attempt to update, I get this message:

Invalid version number. The value doesn't match SemVer pattern: 2.60.8</span></td>

clarify license

Thank you for creating and maintaining this!

The license In Style.css is cc-by-sa-4.0, but on userstyles.org, the license is cc0-1.0.

Could you clarify or update the license on the stylesheet?

Thanks, again.

Problem updating: "Update failed: server responded with code 404."

When clicking the update icon in Stylus, the icon goes red, and the tooltip for it looks like this: