Opened 12 years ago

Last modified 11 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

Attachments (1)

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

Download all attachments as: .zip

Change History (8)

comment:1 by Aleksej, 11 years ago

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.

by Aleksej, 11 years ago

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

comment:2 by Aleksej, 11 years ago

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

comment:3 by Aleksej, 11 years ago

Status: newaccepted

comment:4 by Aleksej, 11 years ago

Keywords: bitesized added

comment:5 by Aleksej, 11 years ago

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 by Aleksej, 11 years ago

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

comment:7 by Aleksej, 11 years ago

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.