From 8f85fd01d50aad82a998ce95a889ff6910be22df Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Tue, 22 Mar 2022 16:25:52 -0500
Subject: [PATCH] Make bg-shape colors configurable

---
 app/images/bg-shape.svg                        |   1 -
 .../ui/components/background_shapes.js         | Bin 367 -> 1630 bytes
 app/soapbox/utils/theme.ts                     |  13 +++++++++++++
 3 files changed, 13 insertions(+), 1 deletion(-)
 delete mode 100644 app/images/bg-shape.svg

diff --git a/app/images/bg-shape.svg b/app/images/bg-shape.svg
deleted file mode 100644
index aa0132f3df..0000000000
--- a/app/images/bg-shape.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg width="1754" height="1336" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter x="-18.1%" y="-15.3%" width="136.3%" height="130.7%" filterUnits="objectBoundingBox" id="c"><feGaussianBlur stdDeviation="50" in="SourceGraphic"/></filter><filter x="-16.5%" y="-11.7%" width="133%" height="123.3%" filterUnits="objectBoundingBox" id="d"><feGaussianBlur stdDeviation="50" in="SourceGraphic"/></filter><path id="a" d="M0 0h1754v1336H0z"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><g mask="url(#b)"><path 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="#E7F5FF" fill-rule="nonzero" filter="url(#c)" transform="translate(309.54 -367.538)"/><path 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="#5448EE" fill-rule="nonzero" filter="url(#d)" transform="translate(309.54 -141.056)" opacity=".1"/></g></g></svg>
\ No newline at end of file
diff --git a/app/soapbox/features/ui/components/background_shapes.js b/app/soapbox/features/ui/components/background_shapes.js
index 0d73976e975be50db4ddd8787ceedce23e96f0d4..c8953218c3314f47020dad6a6bd331ff10a9909b 100644
GIT binary patch
literal 1630
zcmcgsOK;ma5WeSE3{VtI4y5@e)mlAd7icfrLyNuaO_3;@tt=T5Wjp=#JCu_&4g$2N
zo;VNA<NJogxZ4k7f-j+}6SU*712SfryuZ2%r^VNVwwk*H*Edjpfa@!ObrTOzchxj~
zu6Cg$Z9Ihr(y*r-Vn2mMPbjrrIKj7hO0m7Cb?8$VVK{`b?S>=W#-<59?1z}`G#t=B
z(SGOy`G6H(se#!R|7&?4VlZktY~UE1v@MBnMibbExY;Jul(Ga)yRM%~vQ26KZnZid
zkL;+}Fm6_obH2jhr%btn&`#%OazkinW0ygkN<xKa;w^#uEE=Xze5|VMqW-MQnM3zE
z_TN4xtUug+3w633=Dvyj=5{y{h)qfAXVuRI!^di#rdaj2-8{mSn!m##Rw)jBNess*
zJiiX}Sci{ewco~?!0Mvq)w%A4?Kup~%p(l3^!WrMV|oH1)dK2wKs0{_#J)<~g|vzQ
zQuhxBzReRq<UxPpKQ4$^uP$e~-sE|7C0QQaBGYm1@G0kqI5d|S*1Kx@zSO!~=7@1`
z+O~a(bDjd6y4ZjJG=>(hU}G<4k@H+kVguP!l6mZ|-`w52%(!5@*t4#q`!VjS@tz8f
z^UuhIG>*9flrqd4`InGZf{~61;lLM;83RUfCOx=9G9{sK=q$i;&a{WZ3#J8V43`BM
zjn6r2f^iSZXvVb#EiLm-fUuG|kLjIfg+qJ3>l|kuw}5+Ji$XB3HPuW?3EJazt3hbZ
z3~CmG^wKC=|2vcUKs-+3M;M34MS0+)z9Epts-N0n+?8YzyDEii#S3OMP-PLH@_6ln
zYh2b>$*b!85mEKXofAw*2Ld@`*63Pt%S3M2703zV<dSJ4K?=bnGG{GriF1H)+({6o
zKt2r>nq!y(Sr|MGH3D^{-D40nT<2U=Nsd8CJJZ}yg{&(>y>LuRNeyPO&QOb^k;YS`
zRarc6D7tV^;5dYrR7fm{eF%XSOyPfr!{%2U3XN!t#cRX9s$;@Wjfoe8u2-9%FZY?U
T&Y$MlgG&|<S$q&~-e3I>Wn-*Z

delta 167
zcmcb|^PXvfv|46vL4Hw*f@fY%W?pJ=n7cw+QGTw1dQoa(a*1vxShTn-eWJvUGK7-i
zqGa3ZqSV6D%%W5cbv-?OILgdTOiwM=PfFJ<&PXgs)dOl(*Q`}Y&PgmT_Djr7wN+2c
mNv+V$%g;+y$W5%!EeA8z74+@66o9}+KP9sa#Dp?5t+@bP+&1_C

diff --git a/app/soapbox/utils/theme.ts b/app/soapbox/utils/theme.ts
index 3527199c26..b12be1abb0 100644
--- a/app/soapbox/utils/theme.ts
+++ b/app/soapbox/utils/theme.ts
@@ -97,6 +97,19 @@ const legacyColorsToTailwind = (brandColor: string, accentColor: string): Tailwi
   return {
     primary: tintify(brandColor),
     accent: tintify(accentColor ? accentColor : generateAccent(brandColor)),
+    gray: {
+      50: '#f9fafb',
+      100: '#f3f4f6',
+      200: '#e5e7eb',
+      300: '#d1d5db',
+      400: '#9ca3af',
+      500: '#6b7280',
+      600: '#4b5563',
+      700: '#374151',
+      800: '#1f2937',
+      900: '#111827',
+    },
+    'sea-blue': '#2feecc',
   };
 };