没事做了一个灯的遥控器界面，希望有大佬可以帮忙润色...

602293544

  界面是这样的，方形的不好看希望有大佬可以帮忙润色润色，加个框啊，圆个角啊啥的


Lovelace   card代码

cards:
  - color: 'rgb(127, 255, 0)'
    color_type: card
    name: 吸顶灯
    styles:
      card:
        - height: 40px
    type: 'custom:button-card'
  - cards:
      - cards:
          - color: 'rgb(223, 150, 97)'
            color_type: card
            entity: switch.light_power
            icon: 'mdi:power'
            show_icon: true
            show_name: false
            styles:
              card:
                - height: 50px
            type: 'custom:button-card'
        type: vertical-stack
      - styles:
          card:
            - filter: opacity(0%)
        type: 'custom:button-card'
      - color: 'rgb(146, 140, 150)'
        color_type: card
        entity: switch.light_oth
        name: 副光源
        show_icon: false
        styles:
          card:
            - height: 50px
        type: 'custom:button-card'
    type: horizontal-stack
  - cards:
      - cards:
          - styles:
              card:
                - filter: opacity(0%)
            type: 'custom:button-card'
        type: vertical-stack
      - color: 'rgb(255, 255, 255)'
        color_type: card
        entity: switch.light_light_up
        name: 亮度+
        show_icon: false
        styles:
          card:
            - height: 50px
        type: 'custom:button-card'
      - styles:
          card:
            - filter: opacity(0%)
        type: 'custom:button-card'
    type: horizontal-stack
  - cards:
      - cards:
          - color: 'rgb(255, 255, 255)'
            color_type: card
            entity: switch.light_tmp_up
            name: 色温+
            show_icon: false
            show_name: true
            styles:
              card:
                - height: 50px
            type: 'custom:button-card'
        type: vertical-stack
      - color: 'rgb(255, 255, 255)'
        color_type: card
        entity: switch.light_ye
        name: 小夜灯
        show_icon: false
        styles:
          card:
            - height: 50px
        type: 'custom:button-card'
      - color: 'rgb(255, 255, 255)'
        color_type: card
        entity: switch.light_tmp_down
        name: 色温-
        show_icon: false
        styles:
          card:
            - height: 50px
        type: 'custom:button-card'
    type: horizontal-stack
  - cards:
      - cards:
          - styles:
              card:
                - filter: opacity(0%)
            type: 'custom:button-card'
        type: vertical-stack
      - color: 'rgb(255, 255, 255)'
        color_type: card
        entity: switch.light_light_down
        name: 亮度-
        show_icon: false
        styles:
          card:
            - height: 50px
        type: 'custom:button-card'
      - styles:
          card:
            - filter: opacity(0%)
        type: 'custom:button-card'
    type: horizontal-stack
type: vertical-stack

复制代码

yylwhy

可以参考dc1的那个的啊

602293544

yylwhy 发表于 2019-10-2 08:24
可以参考dc1的那个的啊

很明显这个就是根据dc1改的

zxyny1989

使用主题不就圆角了么