BACKGROUND COLORS FOR BRICKS / AUMATATIC CSS
Version 1.0.3 of this document. Last updated Jul 5 2022 by Guillermo Dewey
Primary Color
bg--primary
bg--primary-comp
bg--primary-dark
bg--primary-hover
bg--primary-light
bg--primary-light-trans-90
bg--primary-light-trans-80
bg--primary-light-trans-60
bg--primary-light-trans-40
bg--primary-light-trans-20
bg--primary-light-trans-10
bg--primary-medium
bg--primary-trans-90
bg--primary-trans-80
bg--primary-trans-60
bg--primary-trans-40
bg--primary-trans-20
bg--primary-trans-10
bg--primary-ultra-dark
bg--primary-ultra-dark-trans-90
bg--primary-ultra-dark-trans-80
bg--primary-ultra-dark-trans-60
bg--primary-ultra-dark-trans-40
bg--primary-ultra-dark-trans-20
bg--primary-ultra-dark-trans-10
bg--primary-ultra-light
Secondary Color
bg--secondary
bg--secondary-comp
bg--secondary-dark
bg--secondary-hover
bg--secondary-light
bg--secondary-light-trans-90
bg--secondary-light-trans-80
bg--secondary-light-trans-60
bg--secondary-light-trans-40
bg--secondary-light-trans-20
bg--secondary-light-trans-10
bg--secondary-medium
bg--secondary-trans-90
bg--secondary-trans-80
bg--secondary-trans-60
bg--secondary-trans-40
bg--secondary-trans-20
bg--secondary-trans-10
bg--secondary-ultra-dark
bg--secondary-ultra-dark-trans-90
bg--secondary-ultra-dark-trans-80
bg--secondary-ultra-dark-trans-60
bg--secondary-ultra-dark-trans-40
bg--secondary-ultra-dark-trans-20
bg--secondary-ultra-dark-trans-10
bg--secondary-ultra-light
Accent Color
bg--accent
bg--accent-comp
bg--accent-dark
bg--accent-hover
bg--accent-light
bg--accent-light-trans-90
bg--accent-light-trans-80
bg--accent-light-trans-60
bg--accent-light-trans-40
bg--accent-light-trans-20
bg--accent-light-trans-10
bg--accent-medium
bg--accent-trans-90
bg--accent-trans-80
bg--accent-trans-60
bg--accent-trans-40
bg--accent-trans-20
bg--accent-trans-10
bg--accent-ultra-dark
bg--accent-ultra-dark-trans-90
bg--accent-ultra-dark-trans-80
bg--accent-ultra-dark-trans-60
bg--accent-ultra-dark-trans-40
bg--accent-ultra-dark-trans-20
bg--accent-ultra-dark-trans-10
bg--accent-ultra-light
Base Color
bg--base
bg--base-comp
bg--base-dark
bg--base-hover
bg--base-light
bg--base-light-trans-90
bg--base-light-trans-80
bg--base-light-trans-60
bg--base-light-trans-40
bg--base-light-trans-20
bg--base-light-trans-10
bg--base-medium
bg--base-trans-90
bg--base-trans-80
bg--base-trans-60
bg--base-trans-40
bg--base-trans-20
bg--base-trans-10
bg--base-ultra-dark
bg--base-ultra-dark-trans-90
bg--base-ultra-dark-trans-80
bg--base-ultra-dark-trans-60
bg--base-ultra-dark-trans-40
bg--base-ultra-dark-trans-20
bg--base-ultra-dark-trans-10
bg--base-ultra-light
Shade Color
bg--shade-dark
bg--shade-light
bg--shade-light-trans-90
bg--shade-light-trans-80
bg--shade-light-trans-60
bg--shade-light-trans-40
bg--shade-light-trans-20
bg--shade-light-trans-10
bg--shade-medium
bg--shade-ultra-dark
bg--shade-trans-90
bg--shade-trans-80
bg--shade-trans-60
bg--shade-trans-40
bg--shade-trans-20
bg--shade-trans-10
bg--shade-ultra-dark-trans-90
bg--shade-ultra-dark-trans-80
bg--shade-ultra-dark-trans-60
bg--shade-ultra-dark-trans-40
bg--shade-ultra-dark-trans-20
bg--shade-ultra-dark-trans-10
bg--shade-ultra-light
Black Color
bg--black
bg--black-trans-90
bg--black-trans-80
bg--black-trans-60
bg--black-trans-40
bg--black-trans-20
bg--black-trans-10
White Color
bg--white
bg--white-trans-90
bg--white-trans-80
bg--white-trans-60
bg--white-trans-40
bg--white-trans-20
bg--white-trans-10