Opened 7 years ago

Last modified 6 years ago

#530 accepted defect

Airy: audio player’s time indicator is low-contrast

Reported by: Aleksej Owned by:
Priority: minor Milestone:
Component: graphic design/interface Keywords: bitesized
Cc: Parent Tickets:

Description

Subtickets

Attachments (1)

airy-audio-time-lowcontrast.png (5.3 KB) - added by Aleksej 6 years ago.
Screenshot of the time indicator in Airy (14 Oct 2013)

Download all attachments as: .zip

Change History (8)

comment:1 Changed 6 years ago by Aleksej

https://gobblin.se/u/selknam/m/impulse-by-silenwater-from-still-power/ now has no problem, maybe because gobblin.se has switched from Airy to a dark theme.

Changed 6 years ago by Aleksej

Screenshot of the time indicator in Airy (14 Oct 2013)

comment:2 Changed 6 years ago by Aleksej

Summary: Audio player’s time indicator is low-contrastAiry: audio player’s time indicator is low-contrast

comment:3 Changed 6 years ago by Aleksej

Status: newaccepted

comment:4 Changed 6 years ago by Aleksej

Keywords: bitesized added

comment:5 Changed 6 years ago by Aleksej

This can be fixed by simply adding

.audio-spectrogram .audio-currentTime {
  background-color: #90ee50;
}

to airy.css. However, that takes priority over the color in audio.css only thanks to the lack of ".audio-spectrogram" in audio.css.

If plugin-aware themes should override anything plugins specify, there is probably a better way, maybe like GMG adding a class based on the theme's name to all pages, so that themes use it in selectors (making the selectors more specific than those in audio.css).

comment:6 Changed 6 years ago by Aleksej

A better color may be rgb(134, 212, 177);, which is used for the play button when not playing.

comment:7 Changed 6 years ago by Aleksej

Or plugin authors could be asked to include their CSS before global CSS.

(thanks to Tumulte for discussion)

Note: See TracTickets for help on using tickets.