From 1b7bdb365839c55534a219a7426df88565bcaff4 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Wed, 23 Mar 2022 17:15:40 -0500
Subject: [PATCH] Make BG shapes colors configurable

---
 app/soapbox/features/ui/components/background_shapes.js | 4 ++--
 tailwind.config.js                                      | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/features/ui/components/background_shapes.js b/app/soapbox/features/ui/components/background_shapes.js
index c8953218c..586e9e772 100644
--- a/app/soapbox/features/ui/components/background_shapes.js
+++ b/app/soapbox/features/ui/components/background_shapes.js
@@ -18,8 +18,8 @@ export default () => (
             <use xlinkHref='#a' />
           </mask>
           <g mask='url(#b)'>
-            <path className='fill-primary-100' d='M1257.79 335.852C1262 527.117 897.55 530.28 792.32 977.19 600.48 981.41 435.29 545.31 431.08 354.046 426.871 162.782 578.976 4.31 770.815.088c191.844-4.222 482.764 144.5 486.974 335.764Z' fill-rule='nonzero' filter='url(#c)' transform='translate(309.54 -367.538)' />
-            <path className='fill-accent-300' d='M71.127 1126.654c206.164 179.412 502.452 211.232 661.777 71.072 159.325-140.163 295.165-510.155 8.23-504.412-320.079 6.405-381.35-817.422-540.675-677.258-31 368-335.497 931.182-129.332 1110.598Z' fill-rule='nonzero' filter='url(#d)' transform='translate(309.54 -141.056)' opacity='.1' />
+            <path className='fill-bg-shape-1' d='M1257.79 335.852C1262 527.117 897.55 530.28 792.32 977.19 600.48 981.41 435.29 545.31 431.08 354.046 426.871 162.782 578.976 4.31 770.815.088c191.844-4.222 482.764 144.5 486.974 335.764Z' fill-rule='nonzero' filter='url(#c)' transform='translate(309.54 -367.538)' />
+            <path className='fill-bg-shape-2' d='M71.127 1126.654c206.164 179.412 502.452 211.232 661.777 71.072 159.325-140.163 295.165-510.155 8.23-504.412-320.079 6.405-381.35-817.422-540.675-677.258-31 368-335.497 931.182-129.332 1110.598Z' fill-rule='nonzero' filter='url(#d)' transform='translate(309.54 -141.056)' opacity='.1' />
           </g>
         </g>
       </svg>
diff --git a/tailwind.config.js b/tailwind.config.js
index 83c44d43e..2bc311c4f 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -44,6 +44,8 @@ module.exports = {
         'gradient-purple': true,
         'gradient-blue': true,
         'sea-blue': true,
+        'bg-shape-1': true,
+        'bg-shape-2': true,
       }),
     },
   },