Copy CSS files to installation folder

mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss

@@ -784,6 +784,7 @@ body.app-body  {
         .icon-unlock,
         .icon-lock,
         .icon-paperclip,
+        .edit-indicator__attachments > .icon,
         .icon-photo-library,
         .compose-form__buttons .icon-button:nth-child(3) .icon,
         .emoji-picker-dropdown > .icon-button .icon,
@@ -852,6 +853,7 @@ body.app-body  {
         .icon-unlock,
         .icon-lock,
         .icon-paperclip,
+        .edit-indicator__attachments > .icon,
         .icon-photo-library,
         .compose-form__buttons .icon-button:nth-child(3) .icon,
         .emoji-picker-dropdown > .icon-button .icon,
@@ -1214,7 +1216,8 @@ body.app-body  {
 .app-body .icon-paperclip {
     background-image: var(--icon-paperclip-accent);
 }
-.app-body .icon-photo-library {
+.app-body .icon-photo-library,
+.app-body .edit-indicator__attachments > .icon {
     background-image: var(--icon-paperclip);
 }
 .app-body .compose-form__buttons .icon-button:nth-child(3) .icon {
@@ -1591,6 +1594,10 @@ body.app-body  {
 .app-body .edit-indicator__content a {
     color: var(--color-accent);
 }
+.app-body .edit-indicator__attachments {
+    color: var(--color-content-fg);
+    opacity: .7;
+}
 
 .app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active) {
     border: 1px solid var(--color-accent-bg);
@@ -5458,6 +5465,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     z-index: 1;
     position: relative;
     font-weight: 500;
+    color: var(--color-content-fg-muted);
     background-color: var(--color-post-bg);
     transition: background .3s;
 }

mastodon/app/javascript/styles/tangerineui-lagoon/tangerineui-lagoon.scss

@@ -784,6 +784,7 @@ body.app-body  {
         .icon-unlock,
         .icon-lock,
         .icon-paperclip,
+        .edit-indicator__attachments > .icon,
         .icon-photo-library,
         .compose-form__buttons .icon-button:nth-child(3) .icon,
         .emoji-picker-dropdown > .icon-button .icon,
@@ -852,6 +853,7 @@ body.app-body  {
         .icon-unlock,
         .icon-lock,
         .icon-paperclip,
+        .edit-indicator__attachments > .icon,
         .icon-photo-library,
         .compose-form__buttons .icon-button:nth-child(3) .icon,
         .emoji-picker-dropdown > .icon-button .icon,
@@ -1214,7 +1216,8 @@ body.app-body  {
 .app-body .icon-paperclip {
     background-image: var(--icon-paperclip-accent);
 }
-.app-body .icon-photo-library {
+.app-body .icon-photo-library,
+.app-body .edit-indicator__attachments > .icon {
     background-image: var(--icon-paperclip);
 }
 .app-body .compose-form__buttons .icon-button:nth-child(3) .icon {
@@ -1591,6 +1594,10 @@ body.app-body  {
 .app-body .edit-indicator__content a {
     color: var(--color-accent);
 }
+.app-body .edit-indicator__attachments {
+    color: var(--color-content-fg);
+    opacity: .7;
+}
 
 .app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active) {
     border: 1px solid var(--color-accent-bg);
@@ -5458,6 +5465,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     z-index: 1;
     position: relative;
     font-weight: 500;
+    color: var(--color-content-fg-muted);
     background-color: var(--color-post-bg);
     transition: background .3s;
 }

mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss

@@ -784,6 +784,7 @@ body.app-body  {
         .icon-unlock,
         .icon-lock,
         .icon-paperclip,
+        .edit-indicator__attachments > .icon,
         .icon-photo-library,
         .compose-form__buttons .icon-button:nth-child(3) .icon,
         .emoji-picker-dropdown > .icon-button .icon,
@@ -852,6 +853,7 @@ body.app-body  {
         .icon-unlock,
         .icon-lock,
         .icon-paperclip,
+        .edit-indicator__attachments > .icon,
         .icon-photo-library,
         .compose-form__buttons .icon-button:nth-child(3) .icon,
         .emoji-picker-dropdown > .icon-button .icon,
@@ -1214,7 +1216,8 @@ body.app-body  {
 .app-body .icon-paperclip {
     background-image: var(--icon-paperclip-accent);
 }
-.app-body .icon-photo-library {
+.app-body .icon-photo-library,
+.app-body .edit-indicator__attachments > .icon {
     background-image: var(--icon-paperclip);
 }
 .app-body .compose-form__buttons .icon-button:nth-child(3) .icon {
@@ -1591,6 +1594,10 @@ body.app-body  {
 .app-body .edit-indicator__content a {
     color: var(--color-accent);
 }
+.app-body .edit-indicator__attachments {
+    color: var(--color-content-fg);
+    opacity: .7;
+}
 
 .app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active) {
     border: 1px solid var(--color-accent-bg);

mastodon/app/javascript/styles/tangerineui/tangerineui.scss

@@ -784,6 +784,7 @@ body.app-body  {
         .icon-unlock,
         .icon-lock,
         .icon-paperclip,
+        .edit-indicator__attachments > .icon,
         .icon-photo-library,
         .compose-form__buttons .icon-button:nth-child(3) .icon,
         .emoji-picker-dropdown > .icon-button .icon,
@@ -852,6 +853,7 @@ body.app-body  {
         .icon-unlock,
         .icon-lock,
         .icon-paperclip,
+        .edit-indicator__attachments > .icon,
         .icon-photo-library,
         .compose-form__buttons .icon-button:nth-child(3) .icon,
         .emoji-picker-dropdown > .icon-button .icon,
@@ -1214,7 +1216,8 @@ body.app-body  {
 .app-body .icon-paperclip {
     background-image: var(--icon-paperclip-accent);
 }
-.app-body .icon-photo-library {
+.app-body .icon-photo-library,
+.app-body .edit-indicator__attachments > .icon {
     background-image: var(--icon-paperclip);
 }
 .app-body .compose-form__buttons .icon-button:nth-child(3) .icon {
@@ -1591,6 +1594,10 @@ body.app-body  {
 .app-body .edit-indicator__content a {
     color: var(--color-accent);
 }
+.app-body .edit-indicator__attachments {
+    color: var(--color-content-fg);
+    opacity: .7;
+}
 
 .app-body .navigation-bar .icon-button:not(:has(.icon-bars),.active) {
     border: 1px solid var(--color-accent-bg);