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-links: #cb74e0;
+  --color-brand-mastodon: #27a4b8;
+  --color-brand-mastodon-links: #81c5cf;
   --color-brand-mastodon-bg: #1e2028;
   --color-brand-mastodon-dim: #717c9b;
   --color-brand-mastodon-mud: rgb(39 44 64 / .5);
@@ -219,7 +219,7 @@ body.theme-bird-ui-light.layout-single-column {
 
   --active-header-radial-gradient: radial-gradient(ellipse,rgb(239, 154, 154 / 25%) 0,rgb(255, 0 ,81 / 0%) 60%);
 
-
+  
   --color-brand-mastodon: #be2a4d;
   --color-brand-mastodon-links: #df98a2;
   --color-accent-dark-50: #be2a4d80;
@@ -233,7 +233,7 @@ body.theme-bird-ui-light.layout-single-column {
 
   --color-border: #e9dee0;
   --color-dim: #c16c80;
-
+  
 
   --color-green: #17bf63;
   --color-red: #e0245e;
@@ -245,9 +245,9 @@ body.theme-bird-ui-light.layout-single-column {
   --color-light-text: #1f1b23;
 
   --color-mud: #f0dee2;
-
+  
   --color-black-coral: #9188a6;
-
+  
   --color-profile-button-hover: #db9e9e40;
   --color-column-link-hover: #db9e9e40;
 
@@ -257,7 +257,7 @@ body.theme-bird-ui-light.layout-single-column {
   --color-topaz: #8899a6;
 
   --color-light-purple: #df98a2;
-
+  
   --color-dark-electric-blue: #9088a6;
   --color-bg-75: #ffffffbf;
   --color-accent: var(--color-accent-dark);

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-500: #bc51d1; // Brand purple
-$blurple-400: #7678eb; // Medium slate blue
-$blurple-300: #d8b7eb; // Faded Blue
+$blurple-600: #be2a4d; // Iris
+$blurple-500: #cf647d; // Brand purple
+$blurple-400: #7477fd; // Medium slate blue
+$blurple-300: #df98a2; // Faded Blue
 
 $grey-600: #4e4c5a; // Trout
 $grey-100: #dadaf3; // Topaz
@@ -92,4 +92,4 @@ $ui-button-destructive-background-color: $red-500 !default;
 $ui-button-destructive-focus-background-color: $red-600 !default;
 
 $ui-button-icon-focus-outline: $ui-button-focus-outline !default;
-$ui-button-icon-hover-background-color: rgba(140, 141, 255, 40%) !default;
+$ui-button-icon-hover-background-color: rgba(140, 141, 255, 40%) !default;

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

@@ -8,7 +8,7 @@
   --logo: url('../images/theme/wordmark_dark.png');
   --m-logo: url('../images/theme/m_logo_dark.png');
   --color-column: rgba(0, 0, 0, 0.4);
-
+  
   --color-brand-twitter: #1d9bf0;
   --color-brand-twitter-bg: #15202b;
   --color-brand-twitter-dim: #8b98a5;
@@ -16,8 +16,8 @@
   --color-brand-twitter-dark: #232543;
   --color-brand-twitter-threaded-line: #425364;
 
-  --color-brand-mastodon: #9217aa;
-  --color-brand-mastodon-links: #cb74e0;
+  --color-brand-mastodon: #27a4b8;
+  --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-dark: #bc51d1;
-  --color-accent-dark-50: #891594;
+  --color-accent:  #81c5cf;
+  --color-accent-dark: #27a4b8;
+  --color-accent-dark-50: #27a4b880;
 
   --color-green: #00ba7c;
   --color-red: #f91880;
@@ -255,7 +255,7 @@ body.theme-default.layout-single-column {
   --color-light-text: #1f1b23;
 
   --color-mud: #f0dee2;
-
+  
   --color-black-coral: #9188a6;
 
   --color-profile-button-hover: #db9e9e40;
@@ -265,9 +265,9 @@ body.theme-default.layout-single-column {
   --color-dark: #f7f9f9;
   --color-thread-line: #e1e8ed;
   --color-topaz: #8899a6;
-
+  
   --color-light-purple: #df98a2;
-
+  
   --color-dark-electric-blue: #9088a6;
   --color-bg-75: #ffffffbf;
   --color-accent: var(--color-accent-dark);
@@ -3413,8 +3413,8 @@ body.embed .button.logo-button:hover,
     width: 230px;
     padding: 0;
   }
-
-
+  
+  
   .layout-single-column .ui__header__logo img {
     width: 100%;
     height: auto;
@@ -3550,7 +3550,7 @@ body.embed .button.logo-button:hover,
   .layout-single-column .column-link:hover,
   .layout-single-column .column-link:focus {
     /* stylelint-disable-next-line */
-    background-color: transparent !important;
+    background-color: transparent !important; 
   }
 
   .columns-area__panels__pane--navigational .column-link__icon.fa-home {
@@ -4902,3 +4902,4 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
  {
      border-radius: unset;
  }
+