Styling options: Div, Padding, Border, Font

Grasshopper Human UI
1

Hi Andrew.
Thank you for your great work on Human UI
Would it be possible to add more styling options in the Adjust Element Appearance ?

The features I would like to see are:

  • Div element - be able to wrap a number of elements inside a
  • Padding - today there is a margin input, would love to see a padding input aswell
  • Border - add a border-width and border-color
  • Font - set a unique font for a individual element

image

Example where I wan’t to add padding and border:

image
image.png577×978 29 KB

EDIT: And one last question. Why do the Accent Color need to be selected as a string from a list? Why can’t we have an rgb or hsb input for accent color?

1 Like
2

Yes, I think most of what you’re describing is possible but I don’t really have time to add new features these days.

Accent color is selecting from a list of available themes provided by the UI styling library I’m using. I think it’s possible to define themes dynamically as well but I was never able to get it to work.

1 Like
3

Okay, I understand :slightly_smiling_face:
I’ll have a look on the documentation about the styling.