BlueOS icon indicating copy to clipboard operation
BlueOS copied to clipboard

core: frontend: add theme/style configuration interface

Open ES-Alexander opened this issue 2 years ago • 1 comments

Current behaviour

Theme style configuration is currently possible with a css file, but that's mostly useful for developers rather than general users. Easy styling is a "nice to have" for many users, but can also be an important accessibility feature for people with visual impairments.

Expected or desired behaviour

It would be nice to have a pretty and intuitive UI for configuring the main page colours, ideally with a colour picker that shows the colours being selected (so it's not necessary to save a file and reload the page just to see the selected colour(s)). I think this is most appropriate as a built in service, but it could be developed as an extension if necessary / as a starting point.

It could also be nice to have a couple of selectable preset palettes that are tuned towards different types of colour-blindness, although ensuring the base theme is colour-blind friendly is a great starting point, and manual colour selection is a more valuable and powerful feature.

Prerequisites

  • [X] I have checked to make sure that a similar request has not already been filed or fixed.

ES-Alexander avatar Aug 04 '23 07:08 ES-Alexander

It may also be worth exploring custom theming via vuetify, rather than the current CSS overrides approach.

ES-Alexander avatar Jul 05 '24 01:07 ES-Alexander