diff --git a/src/template.yaml b/src/template.yaml index 406236a..b791392 100644 --- a/src/template.yaml +++ b/src/template.yaml @@ -1,4 +1,4 @@ -############################################################################## +################################################## # Definitions # Shapes @@ -157,7 +157,7 @@ rgb-blue-grey-color: var(--token-rgb-blue-grey) rgb-black-color: var(--token-rgb-black) rgb-disabled-color: var(--token-rgb-disabled) rgb-state-inactive-color: var(--token-rgb-state-inactive) -############################################################################## +################################################## # Extentions # HACS diff --git a/src/tokens_common.yaml b/src/tokens_common.yaml index 0dae892..9ce3ae1 100644 --- a/src/tokens_common.yaml +++ b/src/tokens_common.yaml @@ -1,4 +1,4 @@ -################################################################################ +################################################## # Size tokens ## Radius @@ -19,21 +19,17 @@ token-size-font-title-card: var(--token-size-font-medium) ## Spacing token-size-spacing-medium: 16px token-size-section-min-width: 320px -################################################################################ -# Color tokens - +################################################## # Color tokens token-color-transparent: rgba(0, 0, 0, 0) token-color-black: rgb(0, 0, 0) token-color-white: rgb(255, 255, 255) -################################################################################ +################################################## # Other tokens -# Opacity tokens +# Opacity token-opacity-ripple-hover: 0.14 -# Weight tokens - ## Font token-weight-font-title-card: 600 -# Font family tokens +# Font family token-font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" diff --git a/src/tokens_dark.yaml b/src/tokens_dark.yaml index 5fa3efe..a9b22fe 100644 --- a/src/tokens_dark.yaml +++ b/src/tokens_dark.yaml @@ -1,4 +1,6 @@ -# Color tokens +################################################## +# Dark theme color tokens + token-rgb-primary: 224, 138, 0 token-rgb-black: 0, 0, 0 token-rgb-white: 240, 243, 255 diff --git a/src/tokens_light.yaml b/src/tokens_light.yaml index 3b4af87..21d694e 100644 --- a/src/tokens_light.yaml +++ b/src/tokens_light.yaml @@ -1,4 +1,6 @@ -# Color tokens +################################################## +# Light theme color tokens + token-rgb-primary: 255, 158, 0 token-rgb-black: 0, 0, 0 token-rgb-white: 240, 243, 255 diff --git a/themes/graphite-auto.yaml b/themes/graphite-auto.yaml index 32a83f0..a3f3038 100644 --- a/themes/graphite-auto.yaml +++ b/themes/graphite-auto.yaml @@ -9,10 +9,12 @@ Graphite Auto: # https://github.com/TilmanGriesel/graphite #------------------------------------------------------ - # This file was generated at 2024-12-09 21:16:52 + # This file was generated at 2024-12-11 12:16:53 #------------------------------------------------------ - # Color tokens + ################################################## + # Light theme color tokens + token-rgb-primary: 255, 158, 0 token-rgb-black: 0, 0, 0 token-rgb-white: 240, 243, 255 @@ -80,7 +82,7 @@ Graphite Auto: token-color-codemirror-number: rgb(204, 85, 0) token-shadow-card-medium: 0 2px 4px 0px rgba(0, 0, 0, 0.06) - ################################################################################ + ################################################## # Size tokens ## Radius @@ -101,26 +103,22 @@ Graphite Auto: ## Spacing token-size-spacing-medium: 16px token-size-section-min-width: 320px - ################################################################################ - # Color tokens - + ################################################## # Color tokens token-color-transparent: rgba(0, 0, 0, 0) token-color-black: rgb(0, 0, 0) token-color-white: rgb(255, 255, 255) - ################################################################################ + ################################################## # Other tokens - # Opacity tokens + # Opacity token-opacity-ripple-hover: 0.14 - # Weight tokens - ## Font token-weight-font-title-card: 600 - # Font family tokens + # Font family token-font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" - ############################################################################## + ################################################## # Definitions # Shapes @@ -279,7 +277,7 @@ Graphite Auto: rgb-black-color: var(--token-rgb-black) rgb-disabled-color: var(--token-rgb-disabled) rgb-state-inactive-color: var(--token-rgb-state-inactive) - ############################################################################## + ################################################## # Extentions # HACS @@ -321,10 +319,12 @@ Graphite Auto: # https://github.com/TilmanGriesel/graphite #------------------------------------------------------ - # This file was generated at 2024-12-09 21:16:52 + # This file was generated at 2024-12-11 12:16:53 #------------------------------------------------------ - # Color tokens + ################################################## + # Dark theme color tokens + token-rgb-primary: 224, 138, 0 token-rgb-black: 0, 0, 0 token-rgb-white: 240, 243, 255 @@ -392,7 +392,7 @@ Graphite Auto: token-color-codemirror-number: rgb(255, 91, 29) token-shadow-card-medium: 0 3px 13px 0 rgba(0, 0, 0, 0.07) - ################################################################################ + ################################################## # Size tokens ## Radius @@ -413,26 +413,22 @@ Graphite Auto: ## Spacing token-size-spacing-medium: 16px token-size-section-min-width: 320px - ################################################################################ - # Color tokens - + ################################################## # Color tokens token-color-transparent: rgba(0, 0, 0, 0) token-color-black: rgb(0, 0, 0) token-color-white: rgb(255, 255, 255) - ################################################################################ + ################################################## # Other tokens - # Opacity tokens + # Opacity token-opacity-ripple-hover: 0.14 - # Weight tokens - ## Font token-weight-font-title-card: 600 - # Font family tokens + # Font family token-font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" - ############################################################################## + ################################################## # Definitions # Shapes @@ -591,7 +587,7 @@ Graphite Auto: rgb-black-color: var(--token-rgb-black) rgb-disabled-color: var(--token-rgb-disabled) rgb-state-inactive-color: var(--token-rgb-state-inactive) - ############################################################################## + ################################################## # Extentions # HACS diff --git a/themes/graphite-light.yaml b/themes/graphite-light.yaml index e8f8d6c..6195284 100644 --- a/themes/graphite-light.yaml +++ b/themes/graphite-light.yaml @@ -8,10 +8,12 @@ Graphite Light: # https://github.com/TilmanGriesel/graphite #------------------------------------------------------ - # This file was generated at 2024-12-09 21:16:52 + # This file was generated at 2024-12-11 12:16:53 #------------------------------------------------------ - # Color tokens + ################################################## + # Light theme color tokens + token-rgb-primary: 255, 158, 0 token-rgb-black: 0, 0, 0 token-rgb-white: 240, 243, 255 @@ -79,7 +81,7 @@ Graphite Light: token-color-codemirror-number: rgb(204, 85, 0) token-shadow-card-medium: 0 2px 4px 0px rgba(0, 0, 0, 0.06) - ################################################################################ + ################################################## # Size tokens ## Radius @@ -100,26 +102,22 @@ Graphite Light: ## Spacing token-size-spacing-medium: 16px token-size-section-min-width: 320px - ################################################################################ - # Color tokens - + ################################################## # Color tokens token-color-transparent: rgba(0, 0, 0, 0) token-color-black: rgb(0, 0, 0) token-color-white: rgb(255, 255, 255) - ################################################################################ + ################################################## # Other tokens - # Opacity tokens + # Opacity token-opacity-ripple-hover: 0.14 - # Weight tokens - ## Font token-weight-font-title-card: 600 - # Font family tokens + # Font family token-font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" - ############################################################################## + ################################################## # Definitions # Shapes @@ -278,7 +276,7 @@ Graphite Light: rgb-black-color: var(--token-rgb-black) rgb-disabled-color: var(--token-rgb-disabled) rgb-state-inactive-color: var(--token-rgb-state-inactive) - ############################################################################## + ################################################## # Extentions # HACS diff --git a/themes/graphite.yaml b/themes/graphite.yaml index 23dec6a..a09af59 100644 --- a/themes/graphite.yaml +++ b/themes/graphite.yaml @@ -8,10 +8,12 @@ Graphite: # https://github.com/TilmanGriesel/graphite #------------------------------------------------------ - # This file was generated at 2024-12-09 21:16:52 + # This file was generated at 2024-12-11 12:16:53 #------------------------------------------------------ - # Color tokens + ################################################## + # Dark theme color tokens + token-rgb-primary: 224, 138, 0 token-rgb-black: 0, 0, 0 token-rgb-white: 240, 243, 255 @@ -79,7 +81,7 @@ Graphite: token-color-codemirror-number: rgb(255, 91, 29) token-shadow-card-medium: 0 3px 13px 0 rgba(0, 0, 0, 0.07) - ################################################################################ + ################################################## # Size tokens ## Radius @@ -100,26 +102,22 @@ Graphite: ## Spacing token-size-spacing-medium: 16px token-size-section-min-width: 320px - ################################################################################ - # Color tokens - + ################################################## # Color tokens token-color-transparent: rgba(0, 0, 0, 0) token-color-black: rgb(0, 0, 0) token-color-white: rgb(255, 255, 255) - ################################################################################ + ################################################## # Other tokens - # Opacity tokens + # Opacity token-opacity-ripple-hover: 0.14 - # Weight tokens - ## Font token-weight-font-title-card: 600 - # Font family tokens + # Font family token-font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" - ############################################################################## + ################################################## # Definitions # Shapes @@ -278,7 +276,7 @@ Graphite: rgb-black-color: var(--token-rgb-black) rgb-disabled-color: var(--token-rgb-disabled) rgb-state-inactive-color: var(--token-rgb-state-inactive) - ############################################################################## + ################################################## # Extentions # HACS