From 80008d64c70dc409a04a2a6056a597b3782a0b61 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Tue, 23 Jun 2020 00:09:07 -0700
Subject: [PATCH] feat: Add a tertiary background color. Adjust secondary
 surface color

---
 src/theme.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/theme.scss b/src/theme.scss
index 4b2f9ab0d..6c2940512 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -12,6 +12,8 @@
   --secondary-hover-text-color: var(--color-neutrals-700);
   --secondary-surface-background-color: var(--color-white);
 
+  --tertiary-background-color: var(--color-neutrals-200);
+
   --accent-text-color: var(--color-neutrals-500);
   --link-color: var(--color-brand-800);
   --border-color: var(--color-neutrals-400);
@@ -42,7 +44,9 @@
   --secondary-button-text-color: var(--color-brand-800);
   --secondary-hover-background-color: var(--color-neutrals-300);
   --secondary-hover-text-color: var(--color-neutrals-800);
-  --secondary-surface-background-color: var(--secondary-background-color);
+  --secondary-surface-background-color: var(--color-neutrals-300);
+
+  --tertiary-background-color: var(--color-neutrals-100);
 
   --accent-text-color: var(--color-neutrals-600);
   --link-color: var(--color-brand-400);