TryGhost/Ghost

Dark mode / light mode transitions are incorrect for most analytics sections/buttons

Open

#24.608 geöffnet am 6. Aug. 2025

Auf GitHub ansehen
 (2 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (11.551 Forks)batch import
bugcommunitygood first issue

Repository-Metriken

Stars
 (52.799 Stars)
PR-Merge-Metriken
 (Durchschn. Merge 19T 11h) (658 gemergte PRs in 30 T)

Beschreibung

Issue Summary

When clicking on the dark mode / light mode button in the admin, one can see that most of the analytics sections/buttons have incorrect transitions, except for the "Last 30 days" button.

https://github.com/user-attachments/assets/dff0fcca-8c04-4a7f-9e73-8d9ba27d31e5

I can at least say that while the CSS for the correct-looking "Last 30 days" button looks like this:

Image

The CSS for all the other sections/buttons look like this:

Image

As easy as this may be to fix, where to find that incorrect CSS in the Ghost repo and then do what's needed is beyond my paygrade, so this is unfortunately as far as I can go.

Steps to Reproduce

  1. Open up analytics
  2. Click (repeatedly, if so desired) on the dark mode / light mode toggle at the bottom left of the admin
  3. See that most of the analytics sections/buttons transition with different timing than the rest of the admin

Ghost Version

6.0.0-0-g5b8c97d+moya

Node.js Version

Yes

How did you install Ghost?

Ghost(Pro)

Database type

MySQL 5.7

Browser & OS version

Firefox 141.0.2 / macOS 15.6

Relevant log / error output

Code of Conduct

  • I agree to be friendly and polite to people in this repository

Contributor Guide

Research-Richtung
Untersuchen Sie die CSS Übergangseigenschaften für Analyseabschnitte und schaltflächen, vergleichen Sie sie mit der korrekt übergehenden Schaltfläche 'Letzte 30 Tage' und wenden Sie einheitliche Übergänge an.
Tech Stack
javascript
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
Git
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75