diff --git a/assets/favicon.png b/assets/favicon.png
index 02df5201bcd41b7c0ad8f8512de59959eeeee012..c1c2e4666b8da29eb0a5c1ff979858b78c01f40c 100644
GIT binary patch
delta 2362
zcmX>u_)lm;Y&|Epr;B4q#hj<Js|#X6WslqMuipI9Sl2+eM|q2#gM(um<J^gitg@w3
zBn4GV-IkX`FX%BS$tY6{DXZRDc}eZ2i00arxtksaaxq37ki7C~#;cCS4-8mWZ)9B>
zBB`;}YnFrD?(fg#D|hU?d3^8ez0&D_{!F!fUS9XSdSCUsd)4RacM66+{Vy5p(xd)w
z<N8<9^Y_+dEIT@7vMK*f?z;We_d60JrwMy4opyiE(Rucl7o9rVd;87Kg%huQ*EwCp
z!*KCSaq+XIW$SmApItLkOx&cbKh|=;(bdID`b-iGYacF)3;pFB%3XeQTdd(`q2|Ne
zav!_YzhVq&6ViUgcVGr1Lz788<9)l0CR<|#W*SaqRP5NZKP6=~*J+u_(>{LUWR5yq
zs^4h0e8Zw;*4HeIjhd5ljqa%^t#+;0_V?DV`+d`;CoejZ!{!hv{<6#Uw6>weqLV*#
zo9;0x@SUAm`lybtqwHvW$V2XiRRzvTu7CSJdFt9;Ov%})bhm*)e{1V&`}vXiJL;t^
zmi5KUD|xwZ(XR8AEMaq6V*O87^kquP2M&{+$;%`z)a5>wdvM@}dvI%e)~?6#+##6^
zcc%5k_kH3xbtBfdYBgWD&C|ZwNezouSs8LOXt`GE+}itZ(Sa+|W_UdR#VvD#_sl#E
zky*N@i|%X;=3$VKsLWR{uvompD|G(Ot;Tir+u{w&`eR>iKU;F^-YrRcY3J`u>Zu~~
z@8qk#Kg{_U$@?PWuHhoBwd)=oZ9BR7qU^?{aYtQtJu?4RJL6x^^$K%!JCFJDFZ<Sh
zl!`B|f3tYmLVI>G|5XA}R$=8mDcO^+GBmU%<+0zJImO-bu3_r?wYT5fter5!Bm7Uh
zM9wwKzkBQFT}eMU^Y(xB3EMKlYjPLfcwtsO(c+lCqusMrR;!BHt%|pv&TJ6f#>Tq$
zdaPc-w8%u8*xQlOQ&;CM(H3*P(RAvdOX;J-PLGNwuJEhrIIJitWE#6MV%-ku?Kg|J
z8hurHv3z-m*6dH2Co&lh6liRb{82t_)%m3=UzW_>lD=D8>12I{u97Z8)4o~y`_)^*
z8C{mxP3nn$_v+%&vnPZPs76M8w+z~78vkn#+n*ooVe^&jPwM%sd!cNb`BB94Sa##?
z<MykKa+zb)?umLHQ~#v@Ix_7W?-F^IpH+RwzHe<`n-l+lrIMGyz<0Ck3B%SetM;j`
zlx^}*kzB8w{DGnEq0eoG`q0AXD|*!)OS4WiW;=I}D{AiImkW}ug7p&3gXLN`3;G^=
z7yM+Ijbc5+GCTDZdYRET3zj6XS9X*fJ?HR5_k3-i;)`k53J#xb{UknzkwMdV3*(6@
zX-VbT6CPidwQ;z8s!f^c|CbxjHJr43SE#1fvd!bUvE@z`_d`MbjgK`h@BdeCT=e&1
z_?}M%)i<gxd#_PvW{_!COE|SSMef`0j<fw;^JB7>&FzhAww1oHZ_mH;3jWp86!$!{
z+?JpfzjI#B&UF_*_k7G@XjnMeT$t;~ztjHj_H@X7zqkHQtc8~G*7MC1J;L8qx~$Wf
zGc&pGptyUw-^V-idgf1Ui)Ut)-!D4Pzoq{5{zvNj*Gn=eJieXQdR52h(wncFD~f`5
z-?g*lt^R26W22qz`3r?L=NTG2%KxZN>E4_9Xu{+oz1t<Vk9XJo>d4zHo~iLwyQSFH
zG$77%P0kLFkLC*ZjT6?GpTB<d#-o?w*^|F{wk~#G`F73POOY$nZTRH`79M>6pz-3{
zMYHsN3)i<TSr;;6^`gx#M;*Rc^cBXq+~W=9+kfZJ-)EijTUqnl%D(IRes7xhc;kHT
zmMf3TF73O-72W)k>FpBR>LV-eD9fea(6|&`dgIRI$W3|AcTIM0)7B5Wdf8x3aDb(&
zt8Ad8&<_Wnx@(*E{L5do>dv;u=RV6^K2g3p@WOM}V(07|_v*O?JlF9zmsN^$u6Sc-
zw14}ri?7@--&{5QtB&#c7xv59FRreA>KeAK_4Oo%i%Y(SvOni*)Rwr-b5_swocEd)
z)&?J?1zz^aIz9E_pZj&i!!@!JHSb^iITakwKJAC_>bac-kH5Zqsnu~s<^3JLO{e1R
z?!A(?t9rKQX1Bj<>SPVp^7@UUe5!}O&TsN`Pd=uX|2K21MNz`NHJ8`9Z8^I<!XfOc
zO7iy|-pVI$v?;OmJG|a=;ZeR+-<$77KQ@|KAOAlu;<WV!Z-wXUy1QE!?eY#0$|~SV
zo#=meyUVWR;*cHO4pVkJtouHbxh2^`M|5Jf$@!A<$20!NUiaC>n>L5*XQG5gebw{w
zSt6Ie=ifT?b$VZY!Cc-)_c*^D^5NaLVqa{!+~o8FFZcs<<O^<o+4|T2Q<Bo1g3M?9
zAC^ciSfN#9>{S1AE9*H<(a5*^e*07k`Lw)_3tlSqLVNa>2bJ-y*~jj4om6=qm2mf5
zsXBlEjQC>{xds1rXlXJWHt1V)&e5RCb*ops>;BazcpWru82Thi{LpOsxWnSs`a?UJ
z(k=UnwHi1?m5$wBu}^4~&)x|?Rc3nzb}O1E`%m&`l%HQ_l)q=8Qh4fbx4%I`%n4s&
z{A6yj*KAVZELQwg<!be1Devkv+r1~RYsv4rrgDA0{)_hwma5)XGaY$$E_r)vSGd>I
z4JV!!l+_D8+;!cdKIGJ#nH+cGP91da<YkB`u-GD*8g)D2roa#Hs}KJ?uW^0K`zZBg
zhS5LS*5lqYgCD%QR`7S;p^0{%*}iV8P?4;kS+m^y-;Mbk<}ndx`ur8W>NtBAE6w9q
zw@Jz7N%|nLfRX#Yi9EAqL{mt<%*^r+okCAedL^($OnbVbK7%u@(d6kZCvDb7Nd^Oh
zk}q`%w=Zr}5Bc%Csq$H~>J*b!2XGyrbZS}B?e47Ep}D-%gC@^*;ANQ5bugFXcvnVM
z&4=a--zISv3GQIjJsr&!VD>wA`J(T4$|sBd*yr+qjUi*#qqqkx{c6m|0y4Y<s*E(d
z89QIEdAum+^Bsr!l<e18t7n`(W}a%ua9~1Ln8N#wHzb@zGdJ62*gl?ewxKuiwd{jN
zr@~dYVpnb5Cw?l8p&{$&-4idaMe$t{HF~Q0)<JVMW9QUs@fYu`c4?f~`|y|Z(<>oi
z%nSufBu{MH5Lo(W@BLt|Q+W=zSMB=SWn%nus<pd|)a|gVQ{P>+>Sr<DCLhqTmH)_j
x)1VkWg-LY_P49$!`7i3zE@}LrzV$!D%HPRSv8UeNXJBAp@O1TaS?83{1OOdMjDr9G

delta 2177
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
I>zopr0A!~Zpa1{>

diff --git a/src/alf/themes.ts b/src/alf/themes.ts
index 82b2e1b40..a5f1e8c0b 100644
--- a/src/alf/themes.ts
+++ b/src/alf/themes.ts
@@ -1,5 +1,5 @@
 import {atoms} from '#/alf/atoms'
-import {Palette, Theme} from '#/alf/types'
+import {type Palette, type Theme} from '#/alf/types'
 import {
   BLUE_HUE,
   defaultScale,
@@ -79,19 +79,19 @@ export function createThemes({
     gray_975: `hsl(${hues.primary}, 28%, ${defaultScale[1]}%)`,
     gray_1000: `hsl(${hues.primary}, 28%, ${defaultScale[0]}%)`,
 
-    primary_25: `hsl(${hues.primary}, 99%, 97%)`,
-    primary_50: `hsl(${hues.primary}, 99%, 95%)`,
-    primary_100: `hsl(${hues.primary}, 99%, 90%)`,
-    primary_200: `hsl(${hues.primary}, 99%, 80%)`,
-    primary_300: `hsl(${hues.primary}, 99%, 70%)`,
-    primary_400: `hsl(${hues.primary}, 99%, 60%)`,
-    primary_500: `hsl(${hues.primary}, 99%, 53%)`,
-    primary_600: `hsl(${hues.primary}, 99%, 42%)`,
-    primary_700: `hsl(${hues.primary}, 99%, 34%)`,
-    primary_800: `hsl(${hues.primary}, 99%, 26%)`,
-    primary_900: `hsl(${hues.primary}, 99%, 18%)`,
-    primary_950: `hsl(${hues.primary}, 99%, 10%)`,
-    primary_975: `hsl(${hues.primary}, 99%, 7%)`,
+    primary_25: `hsl(145, 30%, 97%)`,
+    primary_50: `hsl(145, 30%, 95%)`,
+    primary_100: `hsl(145, 30%, 90%)`,
+    primary_200: `hsl(145, 32%, 80%)`,
+    primary_300: `hsl(145, 34%, 70%)`,
+    primary_400: `hsl(145, 35%, 58%)`,
+    primary_500: `hsl(145, 35%, 45%)`,
+    primary_600: `hsl(145, 38%, 38%)`,
+    primary_700: `hsl(145, 40%, 32%)`,
+    primary_800: `hsl(145, 42%, 25%)`,
+    primary_900: `hsl(145, 45%, 18%)`,
+    primary_950: `hsl(145, 48%, 10%)`,
+    primary_975: `hsl(145, 50%, 7%)`,
 
     green_25: `hsl(${hues.positive}, 82%, 97%)`,
     green_50: `hsl(${hues.positive}, 82%, 95%)`,
@@ -265,19 +265,19 @@ export function createThemes({
     contrast_950: `hsl(${hues.primary}, 20%, ${dimScale[12]}%)`,
     contrast_975: `hsl(${hues.primary}, 20%, ${dimScale[13]}%)`,
 
-    primary_25: `hsl(${hues.primary}, 50%, ${dimScale[1]}%)`,
-    primary_50: `hsl(${hues.primary}, 60%, ${dimScale[2]}%)`,
-    primary_100: `hsl(${hues.primary}, 70%, ${dimScale[3]}%)`,
-    primary_200: `hsl(${hues.primary}, 82%, ${dimScale[4]}%)`,
-    primary_300: `hsl(${hues.primary}, 90%, ${dimScale[5]}%)`,
-    primary_400: `hsl(${hues.primary}, 95%, ${dimScale[6]}%)`,
-    primary_500: `hsl(${hues.primary}, 99%, ${dimScale[7]}%)`,
-    primary_600: `hsl(${hues.primary}, 99%, ${dimScale[8]}%)`,
-    primary_700: `hsl(${hues.primary}, 99%, ${dimScale[9]}%)`,
-    primary_800: `hsl(${hues.primary}, 99%, ${dimScale[10]}%)`,
-    primary_900: `hsl(${hues.primary}, 99%, ${dimScale[11]}%)`,
-    primary_950: `hsl(${hues.primary}, 99%, ${dimScale[12]}%)`,
-    primary_975: `hsl(${hues.primary}, 99%, ${dimScale[13]}%)`,
+    primary_25: `hsl(140, 15%, ${dimScale[1]}%)`,
+    primary_50: `hsl(140, 18%, ${dimScale[2]}%)`,
+    primary_100: `hsl(140, 22%, ${dimScale[3]}%)`,
+    primary_200: `hsl(140, 25%, ${dimScale[4]}%)`,
+    primary_300: `hsl(140, 28%, ${dimScale[5]}%)`,
+    primary_400: `hsl(140, 32%, ${dimScale[6]}%)`,
+    primary_500: `hsl(140, 35%, ${dimScale[7]}%)`,
+    primary_600: `hsl(140, 38%, ${dimScale[8]}%)`,
+    primary_700: `hsl(140, 42%, ${dimScale[9]}%)`,
+    primary_800: `hsl(140, 45%, ${dimScale[10]}%)`,
+    primary_900: `hsl(140, 48%, ${dimScale[11]}%)`,
+    primary_950: `hsl(140, 50%, ${dimScale[12]}%)`,
+    primary_975: `hsl(140, 55%, ${dimScale[13]}%)`,
 
     positive_25: `hsl(${hues.positive}, 50%, ${dimScale[1]}%)`,
     positive_50: `hsl(${hues.positive}, 60%, ${dimScale[2]}%)`,
diff --git a/src/alf/tokens.ts b/src/alf/tokens.ts
index 576aafe95..ded74629b 100644
--- a/src/alf/tokens.ts
+++ b/src/alf/tokens.ts
@@ -69,10 +69,10 @@ export const gradients = {
   },
   sky: {
     values: [
-      [0, '#0A7AFF'],
-      [1, '#59B9FF'],
+      [0, '#344e41'],
+      [1, '#a3b18a'],
     ],
-    hover_value: '#0A7AFF',
+    hover_value: '#344e41',
   },
   midnight: {
     values: [
diff --git a/src/lib/styles.ts b/src/lib/styles.ts
index 55fb1a844..641ac90be 100644
--- a/src/lib/styles.ts
+++ b/src/lib/styles.ts
@@ -1,7 +1,12 @@
-import {Dimensions, StyleProp, StyleSheet, TextStyle} from 'react-native'
+import {
+  Dimensions,
+  type StyleProp,
+  StyleSheet,
+  type TextStyle,
+} from 'react-native'
 
 import {isWeb} from '#/platform/detection'
-import {Theme, TypographyVariant} from './ThemeContext'
+import {type Theme, type TypographyVariant} from './ThemeContext'
 
 // 1 is lightest, 2 is light, 3 is mid, 4 is dark, 5 is darkest
 export const colors = {
@@ -17,14 +22,14 @@ export const colors = {
   gray7: '#26272D',
   gray8: '#141417',
 
-  blue0: '#bfe1ff',
-  blue1: '#8bc7fd',
-  blue2: '#52acfe',
-  blue3: '#0085ff',
-  blue4: '#0062bd',
-  blue5: '#034581',
-  blue6: '#012561',
-  blue7: '#001040',
+  blue0: '#d5e8d9',
+  blue1: '#b8d6be',
+  blue2: '#95bd9f',
+  blue3: '#729f7c',
+  blue4: '#528157',
+  blue5: '#3a6141',
+  blue6: '#25422c',
+  blue7: '#14291a',
 
   red1: '#ffe6eb',
   red2: '#fba2b2',
@@ -58,9 +63,9 @@ export const colors = {
 }
 
 export const gradients = {
-  blueLight: {start: '#5A71FA', end: colors.blue3}, // buttons
-  blue: {start: '#5E55FB', end: colors.blue3}, // fab
-  blueDark: {start: '#5F45E0', end: colors.blue3}, // avis, banner
+  blueLight: {start: '#a3b18a', end: colors.blue3}, // buttons
+  blue: {start: '#8a9e7b', end: colors.blue3}, // fab
+  blueDark: {start: '#658764', end: colors.blue3}, // avis, banner
 }
 
 export const s = StyleSheet.create({
diff --git a/src/style.css b/src/style.css
index 9d72db4a1..d873ad0da 100644
--- a/src/style.css
+++ b/src/style.css
@@ -109,11 +109,11 @@ a[role='link'][data-no-underline='1']:hover {
   pointer-events: none;
 }
 .ProseMirror .mention {
-  color: #0085ff;
+  color: rgb(75, 155, 108);
 }
 .ProseMirror a,
 .ProseMirror .autolink {
-  color: #0085ff;
+  color: rgb(75, 155, 108);
 }
 /* OLLIE: TODO -- this is not accessible */
 /* Remove focus state on inputs */
diff --git a/src/view/icons/Logo.tsx b/src/view/icons/Logo.tsx
index 216c3352a..c235d28e2 100644
--- a/src/view/icons/Logo.tsx
+++ b/src/view/icons/Logo.tsx
@@ -57,8 +57,8 @@ export const Logo = React.forwardRef(function LogoImpl(props: Props, ref) {
       {gradient && (
         <Defs>
           <LinearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
-            <Stop offset="0" stopColor="#0A7AFF" stopOpacity="1" />
-            <Stop offset="1" stopColor="#59B9FF" stopOpacity="1" />
+            <Stop offset="0" stopColor="#a3b18a" stopOpacity="1" />
+            <Stop offset="1" stopColor="#344e41" stopOpacity="1" />
           </LinearGradient>
         </Defs>
       )}
diff --git a/web/index.html b/web/index.html
index 5afe2a9e9..e23994088 100644
--- a/web/index.html
+++ b/web/index.html
@@ -144,11 +144,17 @@
     <!-- The root element for your Expo app. -->
     <div id="root">
       <div id="splash">
-        <!-- Bluesky SVG -->
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#0085ff"
-        d="m 149.96484,186.56641 46.09766,152.95898 c 0,0 -6.30222,-9.61174 -15.60547,-17.47656 -8.87322,-7.50128 -28.4082,-4.04492 -28.4082,-4.04492 0,0 6.14721,39.88867 15.53125,44.39843 10.71251,5.1482 22.19726,0.16993 22.19726,0.16993 0,0 11.7613,-4.87282 22.82032,31.82421 5.26534,17.47196 15.33258,50.877 20.9707,69.58594 2.16717,7.1913 8.83789,7.25781 8.83789,7.25781 0,0 6.67072,-0.0665 8.83789,-7.25781 5.63812,-18.70894 15.70536,-52.11398 20.9707,-69.58594 11.05902,-36.69703 22.82032,-31.82421 22.82032,-31.82421 0,0 11.48475,4.97827 22.19726,-0.16993 9.38404,-4.50976 15.5332,-44.39843 15.5332,-44.39843 0,0 -19.53693,-3.45636 -28.41015,4.04492 -9.30325,7.86482 -15.60547,17.47656 -15.60547,17.47656 l 46.09766,-152.95898 -49.32618,83.84179 -20.34375,-31.1914 6.35547,54.96875 -23.1582,39.36132 c 0,0 -2.97595,5.06226 -5.94336,4.68946 -0.009,-0.001 -0.0169,0.003 -0.0254,0.01 -0.008,-0.007 -0.0167,-0.0109 -0.0254,-0.01 -2.96741,0.3728 -5.94336,-4.68946 -5.94336,-4.68946 l -23.1582,-39.36132 6.35547,-54.96875 -20.34375,31.1914 z"
-        transform="matrix(2.6921023,0,0,1.7145911,-396.58283,-308.01527)"
-        /></svg>
+        <!-- deer SVG -->
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+
+          <defs>
+            <linearGradient x1="0" y1="0" x2="0" y2="1" id="index_sky"><stop offset="0" stop-color="#a3b18a" stop-opacity="1"></stop><stop offset="1" stop-color="#344e41" stop-opacity="1"></stop></linearGradient>
+          </defs>
+          <path fill="url(#index_sky)"
+            d="m 149.96484,186.56641 46.09766,152.95898 c 0,0 -6.30222,-9.61174 -15.60547,-17.47656 -8.87322,-7.50128 -28.4082,-4.04492 -28.4082,-4.04492 0,0 6.14721,39.88867 15.53125,44.39843 10.71251,5.1482 22.19726,0.16993 22.19726,0.16993 0,0 11.7613,-4.87282 22.82032,31.82421 5.26534,17.47196 15.33258,50.877 20.9707,69.58594 2.16717,7.1913 8.83789,7.25781 8.83789,7.25781 0,0 6.67072,-0.0665 8.83789,-7.25781 5.63812,-18.70894 15.70536,-52.11398 20.9707,-69.58594 11.05902,-36.69703 22.82032,-31.82421 22.82032,-31.82421 0,0 11.48475,4.97827 22.19726,-0.16993 9.38404,-4.50976 15.5332,-44.39843 15.5332,-44.39843 0,0 -19.53693,-3.45636 -28.41015,4.04492 -9.30325,7.86482 -15.60547,17.47656 -15.60547,17.47656 l 46.09766,-152.95898 -49.32618,83.84179 -20.34375,-31.1914 6.35547,54.96875 -23.1582,39.36132 c 0,0 -2.97595,5.06226 -5.94336,4.68946 -0.009,-0.001 -0.0169,0.003 -0.0254,0.01 -0.008,-0.007 -0.0167,-0.0109 -0.0254,-0.01 -2.96741,0.3728 -5.94336,-4.68946 -5.94336,-4.68946 l -23.1582,-39.36132 6.35547,-54.96875 -20.34375,31.1914 z"
+            transform="matrix(2.6921023,0,0,1.7145911,-396.58283,-308.01527)"
+          />
+        </svg>
       </div>
     </div>
   </body>