Skip to content

Commit

Permalink
fix rgb-primary-text-color, remove badge and feedback styles
Browse files Browse the repository at this point in the history
  • Loading branch information
Nerwyn committed Feb 12, 2024
1 parent d6971c6 commit b2f128f
Showing 1 changed file with 2 additions and 46 deletions.
48 changes: 2 additions & 46 deletions themes/material_rounded.yaml
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,6 @@ Material Rounded:
# Token colors
token-color-primary: rgb(0, 74, 118)
token-color-accent: rgb(194, 231, 254)
token-color-feedback-info: rgb(138, 208, 248)
token-color-feedback-warning: rgb(244,180,0)
token-color-feedback-error: rgb(229, 97, 128)
token-color-feedback-success: rgb(93, 193, 145)
token-color-icon-primary: rgb(196, 199, 197)
token-color-icon-secondary: rgb(138, 140, 153)
token-color-icon-sidebar: rgb(147, 149, 159)
Expand All @@ -21,33 +17,20 @@ Material Rounded:
token-color-text-disabled: rgba(255, 255, 255, 0.5)
token-color-text-sidebar-selected: rgb(214, 215, 219)
token-color-text-sidebar: var(--token-color-text-secondary)
token-color-text-label-badge: rgb(198, 203, 210)
token-color-background-base: rgb(19, 19, 20)
token-color-background-secondary: rgb(40, 42, 46)
token-color-background-tertiary: rgb(0, 0, 0)
token-color-background-sidebar: var(--token-color-background-toolbar)
token-color-background-input-base: rgb(46, 48, 56)
token-color-background-input-disabled: rgba(37, 37, 40, 0.5)
token-color-background-label-badge: rgb(54, 55, 67)
token-color-background-card: rgb(50, 52, 58)
token-color-background-toolbar: rgb(45, 47, 51)
token-color-background-skrim: rgba(0, 0, 3, 0.9)
token-color-background-divider: var(--token-color-background-sidebar)
token-color-background-scrollbar-thumb: rgb(46, 48, 56)
token-color-background-label-badge-red: var(--token-color-feedback-error)
token-color-background-label-badge-green: rgb(78, 183, 128)
token-color-background-label-badge-blue: var(--token-color-feedback-info)
token-color-background-label-badge-yellow: var(--token-color-feedback-warning)
token-color-background-label-badge-grey: rgb(83, 90, 103)
token-color-background-popup-scrim: rgba(4, 5, 7, 0.9)
token-color-border-card: rgba(0, 0, 0, 0)

# Feedback colors
error-color: rgb(234 114 135)
warning-color: rgb(255 219 117)
success-color: rgb(118 214 152)
info-color: rgb(39, 209, 246)

# Inconsistent tile card CSS
state-alarm_control_panel-disarmed-color: rgb(72, 74, 78)
state-fan-off-color: rgb(40, 42, 46)
Expand All @@ -69,9 +52,6 @@ Material Rounded:
hacs-new-color: rgb(27 153 123)
hacs-error-color: rgb(182 46 95)

# RGB Colors
rgb-primary-text-color: 0, 0, 0

light:
# Token colors
token-color-primary: rgb(194, 231, 254)
Expand All @@ -89,33 +69,20 @@ Material Rounded:
token-color-text-disabled: rgb(128, 128, 128)
token-color-text-sidebar-selected: rgb(41, 40, 36)
token-color-text-sidebar: var(--token-color-text-secondary)
token-color-text-label-badge: rgb(198, 203, 210)
token-color-background-base: rgb(255, 255, 255)
token-color-background-secondary: rgb(215, 213, 209)
token-color-background-tertiary: rgb(173, 176, 174)
token-color-background-sidebar: var(--token-color-background-base)
token-color-background-input-base: rgb(234, 234, 235)
token-color-background-input-disabled: rgba(218, 218, 215, 0.5)
token-color-background-label-badge: rgb(201, 200, 188)
token-color-background-card: rgb(238, 243, 252)
token-color-background-toolbar: rgb(242, 246, 252)
token-color-background-skrim: rgba(205, 203, 197, 0.9)
token-color-background-divider: var(--token-color-background-sidebar)
token-color-background-scrollbar-thumb: rgb(46, 48, 56)
token-color-background-label-badge-red: var(--token-color-feedback-error)
token-color-background-label-badge-green: rgb(78, 183, 128)
token-color-background-label-badge-blue: var(--token-color-feedback-info)
token-color-background-label-badge-yellow: var(--token-color-feedback-warning)
token-color-background-label-badge-grey: rgb(83, 90, 103)
token-color-background-popup-scrim: rgba(4, 5, 7, 0.9)
token-color-border-card: rgba(0, 0, 0, 0)

# Feedback colors
error-color: rgb(234 114 135)
warning-color: rgb(255 219 117)
success-color: rgb(118 214 152)
info-color: rgb(39, 209, 246)

# Inconsistent tile card CSS
state-alarm_control_panel-disarmed-color: rgb(158, 158, 158)
state-fan-off-color: rgb(158, 158, 158)
Expand All @@ -137,9 +104,6 @@ Material Rounded:
hacs-new-color: rgb(27 153 123)
hacs-error-color: rgb(182 46 95)

# RGB Colors
rgb-primary-text-color: 0, 0, 0

# Opacity token
token-opacity-ripple-hover: 0.14

Expand Down Expand Up @@ -190,6 +154,7 @@ Material Rounded:
text-primary-color: var(--token-color-text-primary)
text-light-primary-color: var(--token-color-text-primary)
disabled-text-color: var(--token-color-text-disabled)
rgb-primary-text-color: var(--token-color-text-primary)

# Main interface colors
primary-color: var(--token-color-primary)
Expand Down Expand Up @@ -237,14 +202,6 @@ Material Rounded:
state-off-color: var(--token-color-feedback-error)
disabled-color: var(--token-color-background-tertiary)

# Label-badge
label-badge-text-color: var(--token-color-text-primary)
label-badge-red: var(--token-color-background-label-badge-red)
label-badge-blue: var(--token-color-background-label-badge-blue)
label-badge-green: var(--token-color-background-label-badge-green)
label-badge-yellow: var(--token-color-background-label-badge-yellow)
label-badge-grey: var(--token-color-background-label-badge-grey)

# Dialog
mdc-dialog-scrim-color: var(--token-color-background-popup-scrim)

Expand Down Expand Up @@ -292,8 +249,7 @@ Material Rounded:
# Turns header into a footer
# Colors current view icon and background instead of underline
# Spaces view icons evenly along footer
# - Breaks if you go to a subpage or edit mode
# - Fixes if you change dashboards or refreshes
# Adds labels to views

card-mod-theme: 'Material Rounded'
card-mod-root-yaml: |
Expand Down

0 comments on commit b2f128f

Please sign in to comment.