Nextcloud bot 947890fe0b Fix(l10n): Update translations from Transifex преди 1 месец
..
appinfo acda6b841e chore: Remove old theming migration steps as they are only needed once преди 10 месеца
composer acda6b841e chore: Remove old theming migration steps as they are only needed once преди 10 месеца
css 7dcc2e541c fix(theming): When selected a background image make header color independent of primary color преди 7 месеца
fonts 74fa3693f8 fix(a11y): Update OpenDyslexic from 0.920 to 2.001 преди 3 месеца
img 09b34fb437 fix(theming): Add adjusted color versions of default background for better app-menu contrast преди 1 година
js 9ec32a739c Purge unused legacy code and drop 3rdparty jscolor dependency преди 2 години
l10n 947890fe0b Fix(l10n): Update translations from Transifex преди 1 месец
lib 7e057082cc fix(theming): Return default theme if the user never selected a theme преди 1 месец
src 86ccba3714 fix(theming): enforce theme should still provide dark as fallback преди 5 месеца
templates 4a2bbc7af9 Rewrite admin theming in Vue преди 2 години
tests 7e057082cc fix(theming): Return default theme if the user never selected a theme преди 1 месец
.l10nignore f6c729a96c Update .l10nignore for apps to exclude bundled JS files преди 4 години
README.md 8c9a9195b9 Add distraction free backgrounds for Nextcloud 26 преди 1 година
openapi.json 79816d93b5 chore(deps): Update openapi-extractor преди 8 месеца

README.md

Theming

Background picture requirements

A reference to why it was very difficult to actually find good background pictures – there are quite some requirements when it comes to picking:

  • It needs to be an exceptionally good photo of course – since when chosen, people will see it every day.
  • We need to have a good balance of different motives, e.g. not too many landscape pics.
  • Same for a good balance of different colors.
  • The photo needs to work as a background. Photos with objects focused in the middle don’t really work as they will be overlapped by the widgets and content anyway.
  • Especially the top part cannot have too much differing contrast, as then it’s not possible to see the navigation icons.
  • Especially the top part should be either dark-ish or light-ish, but not a shade exactly inbetween because then contrast can neither be achieved with light nor dark icons.
  • We serve the pictures at 4k resolution and most of the selected images are also available in 6k or higher so it is future-proof.
  • For the search of course we had to limit to CC0, CC By and CC By-Sa. Only CC0 would have been practically impossible cause there’s just not so many good ones which fit.
  • Good pages to find photos are StockSnap, Wikimedia Commons, Openverse and Flickr (with license "commercial use & mods allowed"), sorting by interesting or downloads. Most others like Unsplash, Pexels, Pixabay, etc. meanwhile have a non-standard license.

Background picture technicals

  • All backgrounds are sized to maximum 3840px width (4K resolution).
  • To ensure quick loading times, the image needs to be compressed, ideally to around 1 MB or less. E.g. via 90–95% quality in GIMP export. We could also explore using newer formats.
  • Previews are sized to 352px width (min height 192px), which is double of the current picker grid size so it looks nice on high-res displays. Quality is also set to around 90% at export.

Background picture credits

In img/background/: