Make everything orange 🗿

app.config.js

···
       },
       icon: './assets/app-icons/ios_icon_default_next.png',
       userInterfaceStyle: 'automatic',
-      primaryColor: '#af5f5f',
+      primaryColor: '#ED5345',
       newArchEnabled: false,
       ios: {
         supportsTablet: false,
···
         adaptiveIcon: {
           foregroundImage: './assets/icon-android-foreground.png',
           monochromeImage: './assets/icon-android-monochrome.png',
-          backgroundColor: '#af5f5f',
+          backgroundColor: '#ED5345',
         },
         googleServicesFile: './google-services.json',
         package: 'app.witchsky',
···
           'expo-notifications',
           {
             icon: './assets/icon-android-notification.png',
-            color: '#af5f5f',
+            color: '#ED5345',
             sounds: PLATFORM === 'ios' ? ['assets/dm.aiff'] : ['assets/dm.mp3'],
           },
         ],
···
               },
             },
             android: {
-              backgroundColor: '#bb6868',
+              backgroundColor: '#E25C50',
               image: './assets/splash-android-icon.png',
               imageWidth: 150,
               dark: {
-                backgroundColor: '#af5f5f',
+                backgroundColor: '#ED5345',
                 image: './assets/splash-android-icon-dark.png',
                 imageWidth: 150,
               },

bskyweb/templates/base.html

···
   <link rel="apple-touch-icon" sizes="180x180" href="{{ staticCDNHost }}/static/apple-touch-icon.png">
   <link rel="icon" type="image/png" sizes="32x32" href="{{ staticCDNHost }}/static/favicon-32x32.png">
   <link rel="icon" type="image/png" sizes="16x16" href="{{ staticCDNHost }}/static/favicon-16x16.png">
-  <link rel="mask-icon" href="{{ staticCDNHost }}/static/safari-pinned-tab.svg" color="#af5f5f">
+  <link rel="mask-icon" href="{{ staticCDNHost }}/static/safari-pinned-tab.svg" color="#ED5345">
   <meta name="theme-color">
   <meta name="application-name" content="Witchsky">
   <meta name="generator" content="bskyweb">

src/alf/themes.ts

···
 
 export const DEFAULT_PALETTE: Palette = {
   white: '#FEFBFB',
-  black: '#222020',
-  like: '#C987A0',
+  black: '#000000',
+  like: '#dd5e8f',
 
   contrast_0: '#FEFBFB',
   contrast_25: '#ECE9E9',
···
   contrast_800: '#595757',
   contrast_900: '#4B4848',
   contrast_950: '#3D3A3A',
-  contrast_975: '#2F2D2D',
-  contrast_1000: '#222020',
+  contrast_975: '#1b1a1aff',
+  contrast_1000: '#000000ff',
 
-  primary_25: `hsl(0, 30%, 97%)`,
-  primary_50: `hsl(0, 30%, 95%)`,
-  primary_100: `hsl(0, 30%, 90%)`,
-  primary_200: `hsl(0, 32%, 80%)`,
-  primary_300: `hsl(0, 34%, 70%)`,
-  primary_400: `hsl(0, 35%, 58%)`,
-  primary_500: `hsl(0, 35%, 45%)`,
-  primary_600: `hsl(0, 38%, 38%)`,
-  primary_700: `hsl(0, 40%, 32%)`,
-  primary_800: `hsl(0, 42%, 25%)`,
-  primary_900: `hsl(0, 45%, 18%)`,
-  primary_950: `hsl(0, 48%, 10%)`,
-  primary_975: `hsl(0, 50%, 7%)`,
+  primary_25: `hsl(5, 30%, 97%)`,
+  primary_50: `hsl(5, 30%, 95%)`,
+  primary_100: `hsl(5, 30%, 90%)`,
+  primary_200: `hsl(5, 52%, 80%)`,
+  primary_300: `hsl(5, 64%, 70%)`,
+  primary_400: `hsl(5, 75%, 58%)`,
+  primary_500: `hsl(5, 82%, 60%)`,
+  primary_600: `hsl(5, 80%, 54%)`,
+  primary_700: `hsl(5, 40%, 32%)`,
+  primary_800: `hsl(5, 42%, 25%)`,
+  primary_900: `hsl(5, 45%, 18%)`,
+  primary_950: `hsl(5, 48%, 10%)`,
+  primary_975: `hsl(5, 50%, 7%)`,
 
   positive_25: '#ECFEF5',
   positive_50: '#D3FDE8',
···
 export const DEFAULT_SUBDUED_PALETTE: Palette = {
   white: '#FEFBFB',
   black: '#383434',
-  like: '#C987A0',
+  like: '#dd5e8f',
 
   contrast_0: '#FEFBFB',
-  contrast_25: '#EEEBEB',
-  contrast_50: '#DFDCDC',
-  contrast_100: '#D0CCCC',
-  contrast_200: '#C1BDBD',
-  contrast_300: '#B2AEAE',
-  contrast_400: '#A39F9F',
-  contrast_500: '#959191',
-  contrast_600: '#878383',
-  contrast_700: '#797575',
-  contrast_800: '#6B6767',
-  contrast_900: '#5E5A5A',
-  contrast_950: '#514D4D',
-  contrast_975: '#444040',
-  contrast_1000: '#383434',
+  contrast_25: '#ECE9E9',
+  contrast_50: '#DBD8D8',
+  contrast_100: '#C9C7C7',
+  contrast_200: '#B8B6B6',
+  contrast_300: '#A8A5A5',
+  contrast_400: '#979595',
+  contrast_500: '#878585',
+  contrast_600: '#787575',
+  contrast_700: '#686666',
+  contrast_800: '#595757',
+  contrast_900: '#4B4848',
+  contrast_950: '#3D3A3A',
+  contrast_975: '#2F2D2D',
+  contrast_1000: '#222020',
 
-  primary_25: `hsl(0, 30%, 97%)`,
-  primary_50: `hsl(0, 30%, 96%)`,
-  primary_100: `hsl(0, 30%, 92%)`,
-  primary_200: `hsl(0, 32%, 81%)`,
-  primary_300: `hsl(0, 33%, 72%)`,
-  primary_400: `hsl(0, 33%, 60%)`,
-  primary_500: `hsl(0, 33.3%, 52.9%)`,
-  primary_600: `hsl(0, 35%, 43%)`,
-  primary_700: `hsl(0, 40%, 36%)`,
-  primary_800: `hsl(0, 42%, 30%)`,
-  primary_900: `hsl(0, 45%, 22%)`,
-  primary_950: `hsl(0, 48%, 10%)`,
-  primary_975: `hsl(0, 50%, 8%)`,
+  primary_25: `hsl(5, 30%, 97%)`,
+  primary_50: `hsl(5, 30%, 95%)`,
+  primary_100: `hsl(5, 30%, 90%)`,
+  primary_200: `hsl(5, 52%, 80%)`,
+  primary_300: `hsl(5, 64%, 70%)`,
+  primary_400: `hsl(5, 84%, 66%)`,
+  primary_500: `hsl(5, 82%, 60%)`,
+  primary_600: `hsl(5, 80%, 54%)`,
+  primary_700: `hsl(5, 58%, 55%)`,
+  primary_800: `hsl(5, 42%, 25%)`,
+  primary_900: `hsl(5, 45%, 18%)`,
+  primary_950: `hsl(5, 48%, 10%)`,
+  primary_975: `hsl(5, 50%, 7%)`,
 
   positive_25: '#ECFEF5',
   positive_50: '#D8FDEB',

src/alf/tokens.ts

···
   },
   sky: {
     values: [
-      [0, '#344e41'],
-      [1, '#a3b18a'],
+      [0, '#9E251A'],
+      [1, '#ED5345'],
     ],
-    hover_value: '#344e41',
+    hover_value: '#9E251A',
   },
   midnight: {
     values: [

src/lib/styles.ts

···
   gray7: '#26272D',
   gray8: '#141417',
 
-  blue0: `hsl(2, 43.5%, 86.7%)`,
-  blue1: `hsl(1, 41.1%, 77.4%)`,
-  blue2: `hsl(1, 37.6%, 65.7%)`,
-  blue3: `hsl(0, 33.3%, 52.9%)`,
-  blue4: `hsl(1, 36.6%, 40.8%)`,
-  blue5: `hsl(2, 39.5%, 29.8%)`,
-  blue6: `hsl(1, 42.5%, 19.6%)`,
-  blue7: `hsl(2, 48.7%, 11.4%)`,
+  blue0: `hsl(5, 30%, 90%)`,
+  blue1: `hsl(5, 52%, 80%)`,
+  blue2: `hsl(5, 64%, 70%)`,
+  blue3: `hsl(5, 84%, 66%)`,
+  blue4: `hsl(5, 82%, 60%)`,
+  blue5: `hsl(5, 80%, 54%)`,
+  blue6: `hsl(5, 58%, 55%)`,
+  blue7: `hsl(5, 42%, 25%)`,
 
   red1: '#ffe6eb',
   red2: '#fba2b2',
···
   green5: '#082b03',
 
   unreadNotifBg: '#ebf6ff',
-  brandBlue: '#af5f5f',
-  like: '#dd39cf',
+  brandBlue: '#ED5345',
+  like: '#dd5e8f',
 }
 
 export const gradients = {
-  blueLight: {start: '#ab8ab1', end: colors.blue3}, // buttons
-  blue: {start: '#987b9e', end: colors.blue3}, // fab
-  blueDark: {start: '#816487', end: colors.blue3}, // avis, banner
+  blueLight: {start: '#EB7A6F', end: colors.blue3}, // buttons
+  blue: {start: '#ED5345', end: colors.blue3}, // fab
+  blueDark: {start: '#BF2518', end: colors.blue3}, // avis, banner
 }
 
 /**

src/style.css

···
   :root {
     color-scheme: dark;
     --text: white;
-    --background: #383434;
-    --backgroundLight: #383434;
+    --background: #222020;
+    --backgroundLight: #222020;
   }
 }
 
···
 }
 html.theme--dark {
   color-scheme: dark;
-  background-color: #222020;
+  background-color: #000000;
   --text: white;
-  --background: #222020;
-  --backgroundLight: #222020;
+  --background: #000000;
+  --backgroundLight: #000000;
 }
 html.theme--dim {
   color-scheme: dark;
-  background-color: #383434;
+  background-color: #222020;
   --text: white;
-  --background: #383434;
-  --backgroundLight: #383434;
+  --background: #222020;
+  --backgroundLight: #222020;
 }
 
 /* Buttons and inputs have a font set by UA, so we'll have to reset that */
···
   pointer-events: none;
 }
 .ProseMirror .mention {
-  color: #af5f5f;
+  color: #ED5345;
 }
 .ProseMirror a,
 .ProseMirror .autolink {
-  color: #af5f5f;
+  color: #ED5345;
 }
 /* OLLIE: TODO -- this is not accessible */
 /* Remove focus state on inputs */

src/view/com/util/UserAvatar.tsx

···
         fill="none"
         stroke="none"
         style={aviStyle}>
-        <Rect width="32" height="32" rx="4" fill="#0070FF" />
+        <Rect width="32" height="32" rx="4" fill="#ED5345" />
         <Path
           d="M13.5 7.25C13.5 6.55859 14.0586 6 14.75 6C20.9648 6 26 11.0352 26 17.25C26 17.9414 25.4414 18.5 24.75 18.5C24.0586 18.5 23.5 17.9414 23.5 17.25C23.5 12.418 19.582 8.5 14.75 8.5C14.0586 8.5 13.5 7.94141 13.5 7.25ZM8.36719 14.6172L12.4336 18.6836L13.543 17.5742C13.5156 17.4727 13.5 17.3633 13.5 17.25C13.5 16.5586 14.0586 16 14.75 16C15.4414 16 16 16.5586 16 17.25C16 17.9414 15.4414 18.5 14.75 18.5C14.6367 18.5 14.5312 18.4844 14.4258 18.457L13.3164 19.5664L17.3828 23.6328C17.9492 24.1992 17.8438 25.1484 17.0977 25.4414C16.1758 25.8008 15.1758 26 14.125 26C9.63672 26 6 22.3633 6 17.875C6 16.8242 6.19922 15.8242 6.5625 14.9023C6.85547 14.1602 7.80469 14.0508 8.37109 14.6172H8.36719ZM14.75 9.75C18.8906 9.75 22.25 13.1094 22.25 17.25C22.25 17.9414 21.6914 18.5 21 18.5C20.3086 18.5 19.75 17.9414 19.75 17.25C19.75 14.4883 17.5117 12.25 14.75 12.25C14.0586 12.25 13.5 11.6914 13.5 11C13.5 10.3086 14.0586 9.75 14.75 9.75Z"
           fill="white"
···
         style={aviStyle}>
         <Path
           d="M28 0H4C1.79086 0 0 1.79086 0 4V28C0 30.2091 1.79086 32 4 32H28C30.2091 32 32 30.2091 32 28V4C32 1.79086 30.2091 0 28 0Z"
-          fill="#0070FF"
+          fill="#ED5345"
         />
         <Path
           d="M22.1529 22.3542C23.4522 22.4603 24.7593 22.293 25.9899 21.8629C26.0369 21.2838 25.919 20.7032 25.6497 20.1884C25.3805 19.6735 24.9711 19.2454 24.4687 18.9535C23.9663 18.6617 23.3916 18.518 22.8109 18.5392C22.2303 18.5603 21.6676 18.7454 21.1878 19.0731M22.1529 22.3542C22.1489 21.1917 21.8142 20.0534 21.1878 19.0741ZM10.8111 19.0741C10.3313 18.7468 9.7687 18.5619 9.18826 18.5409C8.60781 18.5199 8.03327 18.6636 7.53107 18.9554C7.02888 19.2472 6.61953 19.6752 6.35036 20.1899C6.08119 20.7046 5.96319 21.285 6.01001 21.8639C7.23969 22.2964 8.5461 22.4632 9.84497 22.3531M10.8111 19.0741C10.1851 20.0535 9.84865 21.1908 9.84497 22.3531ZM19.0759 10.077C19.0759 10.8931 18.7518 11.6757 18.1747 12.2527C17.5977 12.8298 16.815 13.154 15.9989 13.154C15.1829 13.154 14.4002 12.8298 13.8232 12.2527C13.2461 11.6757 12.922 10.8931 12.922 10.077C12.922 9.26092 13.2461 8.47828 13.8232 7.90123C14.4002 7.32418 15.1829 7 15.9989 7C16.815 7 17.5977 7.32418 18.1747 7.90123C18.7518 8.47828 19.0759 9.26092 19.0759 10.077ZM25.2299 13.154C25.2299 13.457 25.1702 13.7571 25.0542 14.0371C24.9383 14.3171 24.7683 14.5715 24.554 14.7858C24.3397 15.0001 24.0853 15.1701 23.8053 15.2861C23.5253 15.402 23.2252 15.4617 22.9222 15.4617C22.6191 15.4617 22.319 15.402 22.039 15.2861C21.759 15.1701 21.5046 15.0001 21.2903 14.7858C21.0761 14.5715 20.9061 14.3171 20.7901 14.0371C20.6741 13.7571 20.6144 13.457 20.6144 13.154C20.6144 12.5419 20.8576 11.9549 21.2903 11.5222C21.7231 11.0894 22.3101 10.8462 22.9222 10.8462C23.5342 10.8462 24.1212 11.0894 24.554 11.5222C24.9868 11.9549 25.2299 12.5419 25.2299 13.154ZM11.3835 13.154C11.3835 13.457 11.3238 13.7571 11.2078 14.0371C11.0918 14.3171 10.9218 14.5715 10.7075 14.7858C10.4932 15.0001 10.2388 15.1701 9.95886 15.2861C9.67887 15.402 9.37878 15.4617 9.07572 15.4617C8.77266 15.4617 8.47257 15.402 8.19259 15.2861C7.9126 15.1701 7.6582 15.0001 7.4439 14.7858C7.22961 14.5715 7.05962 14.3171 6.94365 14.0371C6.82767 13.7571 6.76798 13.457 6.76798 13.154C6.76798 12.5419 7.01112 11.9549 7.4439 11.5222C7.87669 11.0894 8.46367 10.8462 9.07572 10.8462C9.68777 10.8462 10.2748 11.0894 10.7075 11.5222C11.1403 11.9549 11.3835 12.5419 11.3835 13.154Z"
···
       fill="none"
       stroke="none"
       style={aviStyle}>
-      <Circle cx="12" cy="12" r="12" fill="#0070ff" />
+      <Circle cx="12" cy="12" r="12" fill="#ED5345" />
       <Circle cx="12" cy="9.5" r="3.5" fill="#fff" />
       <Path
         strokeLinecap="round"

src/view/icons/Logo.tsx

···
       {gradient && (
         <Defs>
           <LinearGradient id="sky" x1="0" y1="0" x2="0" y2="1">
-            <Stop offset="0" stopColor="#AF5F5F" stopOpacity="1" />
-            <Stop offset="1" stopColor="#8F3E3D" stopOpacity="1" />
+            <Stop offset="0" stopColor="#ED5345" stopOpacity="1" />
+            <Stop offset="1" stopColor="#E25C50" stopOpacity="1" />
           </LinearGradient>
         </Defs>
       )}

web/index.html

···
 <html>
   <head>
     <meta charset="utf-8">
-    <meta name="theme-color" content="#af5f5f">
+    <meta name="theme-color" content="#ED5345">
     <meta name="color-scheme" content="light dark">
     <!--
       This viewport works for phones with notches.
···
         <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="#AF5F5F" stop-opacity="1"></stop><stop offset="1" stop-color="#8F3E3D" stop-opacity="1"></stop></linearGradient>
+            <linearGradient x1="0" y1="0" x2="0" y2="1" id="index_sky"><stop offset="0" stop-color="#ED5345" stop-opacity="1"></stop><stop offset="1" stop-color="#E25C50" stop-opacity="1"></stop></linearGradient>
           </defs>
           <path fill="url(#index_sky)"
               d="M374.473 57.7173C367.666 50.7995 357.119 49.1209 348.441 53.1659C347.173 53.7567 342.223 56.0864 334.796 59.8613C326.32 64.1696 314.568 70.3869 301.394 78.0596C275.444 93.1728 242.399 114.83 218.408 139.477C185.983 172.786 158.719 225.503 140.029 267.661C130.506 289.144 122.878 308.661 117.629 322.81C116.301 326.389 115.124 329.63 114.104 332.478C87.1783 336.42 64.534 341.641 47.5078 348.101C37.6493 351.84 28.3222 356.491 21.0573 362.538C13.8818 368.511 6.00003 378.262 6.00003 391.822C6.00014 403.222 11.8738 411.777 17.4566 417.235C23.0009 422.655 29.9593 426.793 36.871 430.062C50.8097 436.653 69.5275 441.988 90.8362 446.249C133.828 454.846 192.21 460 256.001 460C319.79 460 378.172 454.846 421.164 446.249C442.472 441.988 461.19 436.653 475.129 430.062C482.041 426.793 488.999 422.655 494.543 417.235C500.039 411.862 505.817 403.489 505.996 392.353L506 391.822L505.995 391.188C505.754 377.959 498.012 368.417 490.945 362.534C483.679 356.485 474.35 351.835 464.491 348.095C446.749 341.366 422.906 335.982 394.476 331.987C393.6 330.57 392.633 328.995 391.595 327.273C386.477 318.777 379.633 306.842 372.737 293.115C358.503 264.781 345.757 232.098 344.756 206.636C343.87 184.121 351.638 154.087 360.819 127.789C365.27 115.041 369.795 103.877 373.207 95.9072C374.909 91.9309 376.325 88.7712 377.302 86.6328C377.79 85.5645 378.167 84.7524 378.416 84.2224C378.54 83.9579 378.632 83.7635 378.69 83.643C378.718 83.5829 378.739 83.5411 378.75 83.5181C378.753 83.5108 378.756 83.5049 378.757 83.5015C382.909 74.8634 381.196 64.5488 374.473 57.7173Z"