API tools faq
paste
pqpxoxa

HA - Sidebar config

pqpxoxa
Apr 15th, 2021
1,700
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.55 KB | None | 0 0
raw download clone embed print report
  1. title: SWAKES
  2. kiosk_mode:
  3. kiosk: true
  4. sidebar:
  5. digitalClock: true
  6. twelveHourVersion: true
  7. date: true
  8. width:
  9. mobile: 0
  10. tablet: 20
  11. desktop: 20
  12. breakpoints:
  13. mobile: 768
  14. tablet: 1024
  15. sidebarMenu:
  16. - action: navigate
  17. navigation_path: /lovelace-sidebar/main
  18. name: Home
  19. active: true
  20. - action: navigate
  21. navigation_path: /lovelace-sidebar/lights
  22. name: Lights
  23. - action: navigate
  24. navigation_path: /lovelace-sidebar/security
  25. name: Security
  26. - action: navigate
  27. navigation_path: /lovelace-sidebar/media
  28. name: Media
  29. style: |
  30. :host {
  31. --sidebar-background: #2b374e;
  32. --sidebar-text-color: #FFF;
  33. --face-color: #FFF;
  34. --face-border-color: #FFF;
  35. --clock-hands-color: #2b374e;
  36. --clock-seconds-hand-color: #FF4B3E;
  37. --clock-middle-background: #FFF;
  38. --clock-middle-border: #000;
  39. text-align: center;
  40. }
  41.  
  42. .digitalClock {
  43. text-align: center;
  44. padding-bottom: 1px;
  45. padding-top: 20px;
  46. font-size:60px!important;
  47. line-height: 60px;
  48. }
  49. .date {
  50. text-align: center;
  51. padding-bottom: 1px;
  52. font-size:30px!important;
  53. line-height: 60px;
  54. }
  55. bottomCard:
  56. type: vertical-stack
  57. cardOptions:
  58. cards:
  59. - type: vertical-stack
  60. cards:
  61. - type: horizontal-stack
  62. cards:
  63. - type: 'custom:button-card'
  64. entity: switch.sonoff_1000ae39fc_2
  65. icon: 'mdi:monitor-lock'
  66. show_icon: true
  67. show_state: false
  68. name: false
  69. show_name: false
  70. styles:
  71. icon:
  72. - width: 50%
  73. - color: white
  74. card:
  75. - padding-top: 20px
  76. - type: 'custom:button-card'
  77. entity: switch.sonoff_1000ae39fc_2
  78. icon: 'mdi:restart'
  79. show_icon: true
  80. show_state: false
  81. name: false
  82. show_name: false
  83. styles:
  84. icon:
  85. - width: 50%
  86. - color: white
  87. card:
  88. - padding-top: 20px
  89. - type: horizontal-stack
  90. cards:
  91. - type: 'custom:button-card'
  92. entity: switch.sonoff_1000ae39fc_2
  93. icon: 'mdi:brightness-4'
  94. show_icon: true
  95. show_state: false
  96. name: false
  97. show_name: false
  98. styles:
  99. icon:
  100. - width: 50%
  101. - color: white
  102. card:
  103. - padding-top: 20px
  104. - type: 'custom:button-card'
  105. entity: switch.sonoff_1000ae39fc_2
  106. icon: 'mdi:brightness-5'
  107. show_icon: true
  108. show_state: false
  109. name: false
  110. show_name: false
  111. styles:
  112. icon:
  113. - width: 50%
  114. - color: white
  115. card:
  116. - padding-top: 20px
  117. cardStyle: |
  118. :host {
  119. width: 100%;
  120. background-color:#FFF;
  121. }
  122.  
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!