Theming various

[rijkvanzanten]

Scope

What's changed:

• Updated the included minimal / color-match themes
• Remove merge conflict leftover files
• Made sure themes are manually ordered
• Fix module bar styling glitches
• Add ability to "sync with project" in user theme selector
• Add support for setting font weights
• Add scope for configuring popover menus
• Make for input height and spacing configurable
• Add support for setting display font weight in header bar

Potential Risks / Drawbacks

• Visual glitches

Review Notes / Questions

n/a

[changeset-bot]

🦋 Changeset detected

Latest commit: 7cf64e3

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 8 packages

Name	Type
@directus/extensions	Minor
@directus/themes	Minor
docs	Minor
@directus/api	Minor
@directus/app	Minor
create-directus-extension	Patch
@directus/extensions-sdk	Patch
directus	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[paescuj]

• Sidebar seems to be in inactive state (too bright) in Color Match theme.

  Screenshot

  

• Notice no longer has a background color in Color Match theme.
  Might be confusing since the interface itself still has a background color (compare with the input field above in screenshot).

  Screenshot

  

• Similar thing with the radio interface, although that might be intentional (just here for confirmation 😇).

  Screenshot

  

• Theme interface shows colors from current appearance only.

  Screencast

  

• Should we add a short description for themes below the title? The name "Color Match" in particular seems a little cryptic to me.

  Screenshot

  

• Missing docs for new theme extension type.

• Would love it if the "Theme" section could become somewhat more compact. Especially in the user settings as an admin you have to scroll quite a bit until you reach the "Admin Options". For example, the Customization interfaces could be hidden behind an "Advanced" button.

  Screencast