button background color

[Yenzago]

Describe the bug

I want to put a color white in the background of my button but it's not working

To Reproduce

Example configuration reproducing the issue, or steps to reproduce the behavior.
this is my code :

• id: button_assets
  type: Button
  properties:
  title: "Assets"
  variant: "contained"
  type: "primary"
  size: "large"
  style:
  marginLeft: "10px"
  background: "#f5f5f5"
  layout:
  flex: 0 1 auto

Lowdefy Version

lowdefy@4.0.0-alpha.37

[Yenzago]

can we also change the color of the title please ?

[Gervwyk]

You can do this by setting the properties.color, and applying the style to the button with properties.style, top-level style is the block layout style, so an element higher than the block component.

id: block_id
type: Button
properties:
  color: "#ffffff"
  style:
    color: black

But I think what you are actually looking for is:

id: block_id
type: Button
properties:
  type: default

or:

id: block_id
type: Button
properties:
  ghost: true

You can play with these properties in the docs to see how they work.
https://docs.lowdefy.com/Button

[Yenzago]

Okay thank you

[Yenzago]

Can we change the color of the title of the button ?

[Gervwyk]

id: block_id
type: Button
properties:
  style:
    color: '#ff0000'

[Yenzago]

thank you

         - id: selector_app
            type: Selector
            properties:
              label: 
                disabled: true
                color: "#FFF1ED"
              placeholder: "App"
              bordered: false
              title: App
              type: "primary"
              size: "large"
              style:
                color: "#08379B"
              marginLeft: "10px"
            layout: 
              flex: 0 1 auto

i also tried for a selector but nothing happen

[Gervwyk]

For selector, there are few are you looking to change the background color of the selector?
There is also also all the Antd style vars which you can modify if you are trying to implement an style to the design system:
https://github.com/ant-design/ant-design/blob/4.x-stable/components/style/themes/default.less
https://docs.lowdefy.com/custom-styling