From 4d79c1b3fee71a968d9d7ea44a8b3a1a05bb3080 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 7 May 2022 14:54:37 -0500
Subject: [PATCH] Simplify gradient colors Remove bg-color-1, bg-color-2,
 prefer values from gradient-blue and gradient-purple

---
 .../ui/components/background_shapes.tsx       |   4 ++--
 .../normalizers/soapbox/soapbox_config.ts     |   6 ++----
 tailwind.config.js                            | Bin 2312 -> 2256 bytes
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/app/soapbox/features/ui/components/background_shapes.tsx b/app/soapbox/features/ui/components/background_shapes.tsx
index bc4e3694c5..2f77d4e9c2 100644
--- a/app/soapbox/features/ui/components/background_shapes.tsx
+++ b/app/soapbox/features/ui/components/background_shapes.tsx
@@ -25,8 +25,8 @@ const BackgroundShapes: React.FC<IBackgroundShapes> = ({ position = 'fixed' }) =
             <use xlinkHref='#a' />
           </mask>
           <g mask='url(#b)'>
-            <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' fillRule='nonzero' filter='url(#c)' transform='translate(309.54 -367.538)' opacity='.1' />
-            <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' fillRule='nonzero' filter='url(#d)' transform='translate(309.54 -141.056)' opacity='.1' />
+            <path className='fill-gradient-blue/25 dark:fill-gradient-blue/5' 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' fillRule='nonzero' filter='url(#c)' transform='translate(309.54 -367.538)' />
+            <path className='fill-gradient-purple/20 dark:fill-gradient-purple/5' 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' fillRule='nonzero' filter='url(#d)' transform='translate(309.54 -141.056)' />
           </g>
         </g>
       </svg>
diff --git a/app/soapbox/normalizers/soapbox/soapbox_config.ts b/app/soapbox/normalizers/soapbox/soapbox_config.ts
index aad2a13daf..9bc0fddeaf 100644
--- a/app/soapbox/normalizers/soapbox/soapbox_config.ts
+++ b/app/soapbox/normalizers/soapbox/soapbox_config.ts
@@ -52,8 +52,6 @@ const DEFAULT_COLORS = ImmutableMap<string, any>({
     800: '#991b1b',
     900: '#7f1d1d',
   }),
-  'gradient-purple': '#b8a3f9',
-  'gradient-blue': '#9bd5ff',
   'sea-blue': '#2feecc',
 });
 
@@ -158,8 +156,8 @@ const maybeAddMissingColors = (soapboxConfig: SoapboxConfigMap): SoapboxConfigMa
   const colors = soapboxConfig.get('colors');
 
   const missing = ImmutableMap({
-    'bg-shape-1': colors.getIn(['accent', '500']),
-    'bg-shape-2': colors.getIn(['primary', '500']),
+    'gradient-purple': colors.getIn(['accent', '300']),
+    'gradient-blue': colors.getIn(['primary', '300']),
   });
 
   return soapboxConfig.set('colors', missing.mergeDeep(colors));
diff --git a/tailwind.config.js b/tailwind.config.js
index 70278445b3e4c341fa69af7220625cde7090831e..0b9c1526a1fdb96984821f7d6a71ff7d0d8e7ee4 100644
GIT binary patch
delta 12
TcmeAWx*)hgopp0O>q=$-9Qgzr

delta 54
wcmca0*deq*omEpoK|Lv5w>TrQAXV2;-AbXPs5DiFO92WHaz>jaSa&c30H4DS+yDRo