revert: asset & color changing

app/javascript/styles/bird-ui/layout-single-column.scss

@@ -10,8 +10,8 @@
   --color-brand-twitter-mud: #273340;
   --color-brand-twitter-dark: #232543;
   --color-brand-twitter-threaded-line: #425364;
-  --color-brand-mastodon: #9217aa;
+  --color-brand-mastodon: #27a4b8;
-  --color-brand-mastodon-links: #cb74e0;
+  --color-brand-mastodon-links: #81c5cf;
   --color-brand-mastodon-bg: #1e2028;
   --color-brand-mastodon-dim: #717c9b;
   --color-brand-mastodon-mud: rgb(39 44 64 / .5);

app/javascript/styles/mastodon-light/variables.scss

@@ -8,12 +8,12 @@ $red-500: #df405a; // Cerise
 $classic-base-color: #372831;
 $classic-primary-color: #9baec8;
 $classic-secondary-color: #d9e1e8;
-$classic-highlight-color: #bc51d1;
+$classic-highlight-color: #cf647d;
 
-$blurple-600: #891594; // Iris
+$blurple-600: #be2a4d; // Iris
-$blurple-500: #bc51d1; // Brand purple
+$blurple-500: #cf647d; // Brand purple
-$blurple-400: #7678eb; // Medium slate blue
+$blurple-400: #7477fd; // Medium slate blue
-$blurple-300: #d8b7eb; // Faded Blue
+$blurple-300: #df98a2; // Faded Blue
 
 $grey-600: #4e4c5a; // Trout
 $grey-100: #dadaf3; // Topaz

app/javascript/styles/mastodon/variables.scss

@@ -91,7 +91,7 @@ $media-modal-media-max-height: 80%;
 $no-gap-breakpoint: 1175px;
 
 $font-sans-serif: 'mastodon-font-sans-serif' !default;
-$font-display: 'mastodon-font-sans-serif-variable' !default;
+$font-display: 'mastodon-font-display' !default;
 $font-monospace: 'mastodon-font-monospace' !default;
 
 :root {

app/javascript/styles/theme-ui/layout-single-column.scss

@@ -16,8 +16,8 @@
   --color-brand-twitter-dark: #232543;
   --color-brand-twitter-threaded-line: #425364;
 
-  --color-brand-mastodon: #9217aa;
+  --color-brand-mastodon: #27a4b8;
-  --color-brand-mastodon-links: #cb74e0;
+  --color-brand-mastodon-links: #81c5cf;
 
   --color-brand-mastodon-bg: #1e2028;
   --color-brand-mastodon-dim: #717c9b;
@@ -37,9 +37,9 @@
   --color-border: #38384d;
   --color-dim: var(--color-brand-mastodon-dim);
 
-  --color-accent:  #d8b7eb;
+  --color-accent:  #81c5cf;
-  --color-accent-dark: #bc51d1;
+  --color-accent-dark: #27a4b8;
-  --color-accent-dark-50: #891594;
+  --color-accent-dark-50: #27a4b880;
 
   --color-green: #00ba7c;
   --color-red: #f91880;
@@ -4902,3 +4902,4 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
  {
      border-radius: unset;
  }
+