Skip to content

Instantly share code, notes, and snippets.

@CollotsSpot
Created June 28, 2024 23:23
Show Gist options
  • Save CollotsSpot/f8b4f78f836e48aa38f0a39040457946 to your computer and use it in GitHub Desktop.
Save CollotsSpot/f8b4f78f836e48aa38f0a39040457946 to your computer and use it in GitHub Desktop.
Based on Lovelace Minimalist
---
minimalist-mine:
# Journal
state-icon-color: "rgb(var(--color-theme))"
border-radius: "20px"
ha-card-border-radius: "var(--border-radius)"
error-color: "var(--google-red)"
warning-color: "var(--google-yellow)"
success-color: "var(--google-green)"
info-color: "var(--google-blue)"
divider-color: "rgba(var(--color-theme),.12)"
accent-color: "var(--google-yellow)"
ha-dialog-border-radius: "10px"
# fix added border-lines in 2022.11
ha-card-border-width: "0px"
# Mush Title
mush-title-padding: 24px 12px 8px
mush-title-spacing: 8px
mush-title-font-size: 26px
mush-title-font-weight: 500
mush-title-line-height: 26px
mush-title-color: "var(--primary-color)"
mush-title-letter-spacing: -0.288px
mush-control-border-radius: 20px
# Subtitle
mush-subtitle-font-size: 22px
mush-subtitle-font-weight: 500
mush-subtitle-line-height: 26px
mush-subtitle-color: "var(--primary-color)"
mush-subtitle-letter-spacing: normal
# Slider
mush-slider-main-color: '#607274'
modes:
light:
# text
primary-text-color: "#000000"
# main interface colors
primary-color: "#607274"
primary-slider-color: "rgba(96,114,116,0.8)"
button-background-color: "rgba(96,114,116,0.2)"
skin-color: '#FAFAFA'
face-color: '#607274'
google-red: "#F54436"
google-green: "#01C852"
google-yellow: "#FF9101"
google-blue: "#3D5AFE"
google-violet: "#661FFF"
google-grey: "#BBBBBB"
bedroom-blue: "#9BB0C1"
cellar-brown: "#D1BB9E"
dining-room-green: "#AAD9BB"
hallway-red: "#FF9B9B"
living-room-yellow: "#FFC47E"
office-pink: "#E5BDD8"
selected-yellow: "#FFC47E"
color-red: "245, 68, 54"
color-green: "1, 200, 82"
color-yellow: "255, 145, 1"
color-blue: "61, 90, 254"
color-purple: "102, 31, 255"
color-grey: "187, 187, 187"
color-pink: "233, 30, 99"
color-theme: "51,51,51"
color-background-yellow: "250, 250, 250"
color-background-blue: "250, 250, 250"
color-background-green: "250, 250, 250"
color-background-red: "250, 250, 250"
color-background-pink: "250, 250, 250"
color-background-purple: "250, 250, 250"
color-yellow-text: "var(--primary-text-color)"
color-blue-text: "var(--primary-text-color)"
color-green-text: "var(--primary-text-color)"
color-red-text: "var(--primary-text-color)"
color-pink-text: "var(--primary-text-color)"
color-purple-text: "var(--primary-text-color)"
opacity-bg: "1"
# background and sidebar
card-background-color: "#FAFAFA"
primary-background-color: "#E0E1E3"
secondary-background-color: "#EFEFEF"
# header
app-header-text-color: "var(--primary-text-color)"
app-header-background-color: "var(--primary-background-color)"
# paper-tabs-selection-bar-color: "var(--primary-text-color)"
# slider
slider-color: "rgb(var(--color-blue))"
slider-bar-color: "rgba(var(--color-blue),0.38)"
# cards
box-shadow: "0px 2px 4px 0px rgba(0,0,0,0.16)"
ha-card-box-shadow: "var(--box-shadow)"
# sidebar
sidebar-selected-text-color: "var(--google-red)"
sidebar-selected-icon-color: "var(--google-red)"
sidebar-text-color: "#80868b"
# switch
switch-checked-color: '#9BB0C1'
# media player
mini-media-player-accent-color: "#607274"
mini-media-player-overlay-color: "rgba (0,0,0,1)"
dark:
# text
primary-text-color: "#DDDDDD"
# main interface colors
primary-color: "#AEAFB3"
primary-slider-color: "rgba(174,175,179,0.8)"
button-background-color: "rgba(174,175,179,0.1)"
skin-color: '#AEAFB3'
face-color: '#293743'
google-red: "#F18B82"
google-green: "#80C994"
google-yellow: "#FCD663"
google-blue: "#89B3F8"
google-violet: "#BB86FC"
google-grey: "#BBBBBB"
bedroom-blue: "#51829B"
cellar-brown: "#A79277"
hallway-red: "#B06161"
dining-room-green: "#769782"
living-room-yellow: "#cc9c64"
office-pink: "#926082"
selected-yellow: "rgba(161,116,3,0.9)"
color-red: "241, 139, 130"
color-green: "128, 201, 148"
color-yellow: "252, 214, 99"
color-blue: "137, 179, 248"
color-theme: "221,221,221"
color-purple: "102, 31, 255"
color-grey: "187, 187, 187"
color-pink: "233, 30, 99"
color-background-yellow: "var(--color-yellow)"
color-background-blue: "var(--color-blue)"
color-background-green: "var(--color-green)"
color-background-red: "var(--color-red)"
color-background-pink: "var(--color-pink)"
color-background-purple: "var(--color-purple)"
color-yellow-text: "var(--color-yellow)"
color-blue-text: "var(--color-blue)"
color-green-text: "var(--color-green)"
color-red-text: "var(--color-red)"
color-pink-text: "var(--color-pink)"
color-purple-text: "var(--color-purple)"
opacity-bg: "0.1"
# floating button text color
mdc-theme-on-secondary: "var(--card-background-color)"
# background and sidebar
card-background-color: "#1B2837"
primary-background-color: "#121C26"
secondary-background-color: "#121212"
# header
app-header-text-color: "var(--primary-text-color)"
app-header-background-color: "var(--primary-background-color)"
paper-tabs-selection-bar-color: "var(--primary-text-color)"
# Sidebar
sidebar-selected-text-color: "rgb(var(--color-blue))"
sidebar-selected-icon-color: "rgb(var(--color-blue))"
# Slider
slider-color: "rgb(var(--color-blue))"
slider-bar-color: "rgba(var(--color-blue),0.38)"
# card
box-shadow: "none"
# media player
mini-media-player-accent-color: "var(--google-blue)"
# Journal
state-icon-color: "rgb(var(--color-theme))"
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment