#Light and Compact Theme

5 messages · Page 1 of 1 (latest)

normal bear
#

Reduced font size, padding, spacing, and corrected artifacts caused by these changes. Groups and accordions are styled with a wrapping field.

Github : https://github.com/ptkio/directus-extension-theme-clean-compact-light
NPM : https://www.npmjs.com/package/directus-extension-theme-clean-compact-light

Basic Settings:

  • Input field height reduced to 20px
  • Padding is reduced
  • Gap between elements is reduced
  • Borders are set to 1px with a radius of 5px (these can be changed in the theme editor)

Custom Style:

  • Various fixes due to the input size reduction
  • Reduced global font size
  • Reduced title font size
  • Reduced button size
  • Groups and Accordions wrap all items with a border
  • Separator title font size is reduced
GitHub

CleanCompactLight is a minimalist Directus theme enhancing UI compactness and component clarity, based on the default light theme. - ptkio/directus-extension-theme-clean-compact-light

#

Light and Compact Theme

sick slate
#

It's the little things (no pun intended, yet still a pun, nonetheless). Nice job!

#

The accordion looks so much better

#

Sometimes we don't even realize a thing until we see the side by side and go, oh, yes, that's not great.