From b35cbed8e673ab6be330fa5eadc1e542881303bb Mon Sep 17 00:00:00 2001
From: Lachlan Campbell <lachlanjc@hey.com>
Date: Thu, 30 Dec 2021 00:35:31 -0500
Subject: [PATCH] css: Make background a theme-aware property

---
 packages/css/src/index.ts | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/css/src/index.ts b/packages/css/src/index.ts
index 345c2dbfb..3bacc0a0f 100644
--- a/packages/css/src/index.ts
+++ b/packages/css/src/index.ts
@@ -111,10 +111,12 @@ export const multiples = {
 
 export const scales = {
   color: 'colors',
+  background: 'colors',
   backgroundColor: 'colors',
   borderColor: 'colors',
   caretColor: 'colors',
   columnRuleColor: 'colors',
+  outlineColor: 'colors',
   textDecorationColor: 'colors',
   opacity: 'opacities',
   transition: 'transitions',
@@ -233,7 +235,6 @@ export const scales = {
   borderStartEndRadius: 'radii',
   borderStartStartRadius: 'radii',
   columnRuleWidth: 'borderWidths',
-  outlineColor: 'colors',
   boxShadow: 'shadows',
   textShadow: 'shadows',
   zIndex: 'zIndices',