From 8a23601dc2bfcb8aedc41fc3099b82d891d2973a Mon Sep 17 00:00:00 2001
From: nileane <nileane@users.noreply.github.com>
Date: Wed, 20 Dec 2023 20:53:46 +0000
Subject: [PATCH] Copy CSS files to installation folder

---
 .../tangerineui-cherry.scss                   | 219 +++++++++---------
 .../tangerineui-purple.scss                   | 219 +++++++++---------
 .../styles/tangerineui/tangerineui.scss       | 219 +++++++++---------
 3 files changed, 342 insertions(+), 315 deletions(-)

diff --git a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
index a8222ff..10e85fb 100644
--- a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
+++ b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
@@ -331,6 +331,108 @@ body.app-body  {
     border-radius: 50%;
 }
 
+/* Keyframes */
+@keyframes bounce {
+    0% {
+        transform: scale(1);
+    }
+    50% {
+        transform: scale(1.6);
+    }
+    75% {
+        transform: scale(.8);
+    }
+    100% {
+        transform: scale(1);
+    }
+}
+@keyframes bounce-sml {
+    0% {
+        transform: scale(1);
+    }
+    50% {
+        transform: scale(1.2);
+    }
+    75% {
+        transform: scale(.9);
+    }
+    100% {
+        transform: scale(1);
+    }
+}
+@keyframes bounce-vertical {
+    0% {
+        transform: translateY(0);
+    }
+    50% {
+        transform: translateY(-40%);
+    }
+    75% {
+        transform: translateY(20%);
+    }
+    100% {
+        transform: translate(0);
+    }
+}
+@keyframes launch {
+    0% {
+        transform: translate(0);
+        opacity: 0;
+    }
+    5% {
+        transform: translate(0);
+        opacity: 1;
+    }
+    50% {
+        transform: translate(200%, -150%);
+        opacity: 0;
+    }
+    80% {
+        transform: translate(200%, -150%);
+        opacity: 0;
+    }
+    85% {
+        transform: translate(-20%, 20%);
+        opacity: 0;
+    }
+    100% {
+        transform: translate(0);
+        opacity: 1;
+    }
+}
+@keyframes fadein {
+    from {
+        opacity: 0;
+        transform: translateY(-10%); 
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0); 
+    }
+}
+@keyframes fadein-short {
+    from {
+        transform: translate(0, -10px);
+        opacity: 0;
+    }
+    to {
+        transform: translate(0, 0);
+        opacity: 1;
+    }
+}
+@keyframes slowin {
+    0% {
+        opacity: 0;
+    }
+    20% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+
 /* Rordered layout */
 .app-body .columns-area__panels__pane--navigational {
     order: 1;
@@ -909,29 +1011,6 @@ body.app-body  {
 
 
 
-@keyframes fadein {
-    from {
-        opacity: 0;
-        transform: translateY(-10%); 
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0); 
-    }
-}
-@keyframes fadein-short {
-    from {
-        transform: translate(0, -10px);
-        opacity: 0;
-    }
-    to {
-        transform: translate(0, 0);
-        opacity: 1;
-    }
-}
-
-
-
 /* 📝 Compose panel
    ---------------- */
 .app-body .compose-form {
@@ -1206,20 +1285,6 @@ body.app-body  {
     background-image: var(--icon-send);
     background-color: var(--color-accent-bg);
 }
-@keyframes bounce-sml {
-    0% {
-        transform: scale(1);
-    }
-    50% {
-        transform: scale(1.2);
-    }
-    75% {
-        transform: scale(.9);
-    }
-    100% {
-        transform: scale(1);
-    }
-}
 .app-body .compose-form:not(:has(.autosuggest-textarea__textarea:placeholder-shown)) .compose-form__submit {
     animation: bounce-sml .3s ease-out 1;
 }
@@ -2009,20 +2074,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     > .icon-star {
     animation: bounce .4s ease-out !important;
 }
-@keyframes bounce {
-    0% {
-        transform: scale(1);
-    }
-    50% {
-        transform: scale(1.6);
-    }
-    75% {
-        transform: scale(.8);
-    }
-    100% {
-        transform: scale(1);
-    }
-}
 .app-body .status__action-bar .icon-button.reblogPrivate>.icon-retweet {
     opacity: 1;
 }
@@ -2031,50 +2082,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     .icon-button.active>.icon-retweet {
     animation: launch 1.2s ease-in !important;
 }
-@keyframes launch {
-    0% {
-        transform: translate(0);
-        opacity: 0;
-    }
-    5% {
-        transform: translate(0);
-        opacity: 1;
-    }
-    50% {
-        transform: translate(200%, -150%);
-        opacity: 0;
-    }
-    80% {
-        transform: translate(200%, -150%);
-        opacity: 0;
-    }
-    85% {
-        transform: translate(-20%, 20%);
-        opacity: 0;
-    }
-    100% {
-        transform: translate(0);
-        opacity: 1;
-    }
-}
 .app-body .status__action-bar .icon-button.bookmark-icon.active>.icon-bookmark,
 .app-body .detailed-status__action-bar .icon-button.bookmark-icon.active>.icon-bookmark {
     animation: bounce-vertical .4s ease-out !important;
 }
-@keyframes bounce-vertical {
-    0% {
-        transform: translateY(0);
-    }
-    50% {
-        transform: translateY(-40%);
-    }
-    75% {
-        transform: translateY(20%);
-    }
-    100% {
-        transform: translate(0);
-    }
-}
 .app-body .status__action-bar .icon-button,
 .app-body .detailed-status__action-bar .icon-button {
     min-width: 32px;
@@ -2358,8 +2369,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     .app-body .media-gallery__preview {
         outline-color: rgba(255, 255, 255, .05);
     }
-    .app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
-        outline-color: rgba(255, 255, 255, .1);
+    .app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview,
+    .app-body .media-gallery__item-thumbnail img {
+        outline-color: rgba(255, 255, 255, .15);
+    }
+    .app-body .media-gallery__gifv::after,
+    .app-body .video-player::after {
+        border-color: rgba(255, 255, 255, .1);
     }
 }
 .app-body .spoiler-button__overlay__label,
@@ -3159,7 +3175,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         flex: 50vw;
     }
     .app-body .navigation-panel :is(.column-link, .navigation-panel__legal):active {
-        transform: scale(.9);
+        transform: scale(.8);
     }
     .app-body
         .navigation-panel:has(> *:nth-child(5):last-child)
@@ -3185,6 +3201,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         border: 0;
         background-color: #ffffff;
     }
+    .app-body .column-link--transparent.active {
+        animation: bounce-sml .3s 1;
+    }
     .app-body .column-link__icon {
         margin: 0;
     }
@@ -4675,17 +4694,7 @@ a:is(.active,
 .app-body .modal-root > div {
     animation: slowin .3s 1;
 }
-@keyframes slowin {
-    0% {
-        opacity: 0;
-    }
-    20% {
-        opacity: 0;
-    }
-    100% {
-        opacity: 1;
-    }
-}
+
 
 
 /* Report modals */
diff --git a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
index 52302f3..848bcef 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
@@ -331,6 +331,108 @@ body.app-body  {
     border-radius: 50%;
 }
 
+/* Keyframes */
+@keyframes bounce {
+    0% {
+        transform: scale(1);
+    }
+    50% {
+        transform: scale(1.6);
+    }
+    75% {
+        transform: scale(.8);
+    }
+    100% {
+        transform: scale(1);
+    }
+}
+@keyframes bounce-sml {
+    0% {
+        transform: scale(1);
+    }
+    50% {
+        transform: scale(1.2);
+    }
+    75% {
+        transform: scale(.9);
+    }
+    100% {
+        transform: scale(1);
+    }
+}
+@keyframes bounce-vertical {
+    0% {
+        transform: translateY(0);
+    }
+    50% {
+        transform: translateY(-40%);
+    }
+    75% {
+        transform: translateY(20%);
+    }
+    100% {
+        transform: translate(0);
+    }
+}
+@keyframes launch {
+    0% {
+        transform: translate(0);
+        opacity: 0;
+    }
+    5% {
+        transform: translate(0);
+        opacity: 1;
+    }
+    50% {
+        transform: translate(200%, -150%);
+        opacity: 0;
+    }
+    80% {
+        transform: translate(200%, -150%);
+        opacity: 0;
+    }
+    85% {
+        transform: translate(-20%, 20%);
+        opacity: 0;
+    }
+    100% {
+        transform: translate(0);
+        opacity: 1;
+    }
+}
+@keyframes fadein {
+    from {
+        opacity: 0;
+        transform: translateY(-10%); 
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0); 
+    }
+}
+@keyframes fadein-short {
+    from {
+        transform: translate(0, -10px);
+        opacity: 0;
+    }
+    to {
+        transform: translate(0, 0);
+        opacity: 1;
+    }
+}
+@keyframes slowin {
+    0% {
+        opacity: 0;
+    }
+    20% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+
 /* Rordered layout */
 .app-body .columns-area__panels__pane--navigational {
     order: 1;
@@ -909,29 +1011,6 @@ body.app-body  {
 
 
 
-@keyframes fadein {
-    from {
-        opacity: 0;
-        transform: translateY(-10%); 
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0); 
-    }
-}
-@keyframes fadein-short {
-    from {
-        transform: translate(0, -10px);
-        opacity: 0;
-    }
-    to {
-        transform: translate(0, 0);
-        opacity: 1;
-    }
-}
-
-
-
 /* 📝 Compose panel
    ---------------- */
 .app-body .compose-form {
@@ -1206,20 +1285,6 @@ body.app-body  {
     background-image: var(--icon-send);
     background-color: var(--color-accent-bg);
 }
-@keyframes bounce-sml {
-    0% {
-        transform: scale(1);
-    }
-    50% {
-        transform: scale(1.2);
-    }
-    75% {
-        transform: scale(.9);
-    }
-    100% {
-        transform: scale(1);
-    }
-}
 .app-body .compose-form:not(:has(.autosuggest-textarea__textarea:placeholder-shown)) .compose-form__submit {
     animation: bounce-sml .3s ease-out 1;
 }
@@ -2009,20 +2074,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     > .icon-star {
     animation: bounce .4s ease-out !important;
 }
-@keyframes bounce {
-    0% {
-        transform: scale(1);
-    }
-    50% {
-        transform: scale(1.6);
-    }
-    75% {
-        transform: scale(.8);
-    }
-    100% {
-        transform: scale(1);
-    }
-}
 .app-body .status__action-bar .icon-button.reblogPrivate>.icon-retweet {
     opacity: 1;
 }
@@ -2031,50 +2082,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     .icon-button.active>.icon-retweet {
     animation: launch 1.2s ease-in !important;
 }
-@keyframes launch {
-    0% {
-        transform: translate(0);
-        opacity: 0;
-    }
-    5% {
-        transform: translate(0);
-        opacity: 1;
-    }
-    50% {
-        transform: translate(200%, -150%);
-        opacity: 0;
-    }
-    80% {
-        transform: translate(200%, -150%);
-        opacity: 0;
-    }
-    85% {
-        transform: translate(-20%, 20%);
-        opacity: 0;
-    }
-    100% {
-        transform: translate(0);
-        opacity: 1;
-    }
-}
 .app-body .status__action-bar .icon-button.bookmark-icon.active>.icon-bookmark,
 .app-body .detailed-status__action-bar .icon-button.bookmark-icon.active>.icon-bookmark {
     animation: bounce-vertical .4s ease-out !important;
 }
-@keyframes bounce-vertical {
-    0% {
-        transform: translateY(0);
-    }
-    50% {
-        transform: translateY(-40%);
-    }
-    75% {
-        transform: translateY(20%);
-    }
-    100% {
-        transform: translate(0);
-    }
-}
 .app-body .status__action-bar .icon-button,
 .app-body .detailed-status__action-bar .icon-button {
     min-width: 32px;
@@ -2358,8 +2369,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     .app-body .media-gallery__preview {
         outline-color: rgba(255, 255, 255, .05);
     }
-    .app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
-        outline-color: rgba(255, 255, 255, .1);
+    .app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview,
+    .app-body .media-gallery__item-thumbnail img {
+        outline-color: rgba(255, 255, 255, .15);
+    }
+    .app-body .media-gallery__gifv::after,
+    .app-body .video-player::after {
+        border-color: rgba(255, 255, 255, .1);
     }
 }
 .app-body .spoiler-button__overlay__label,
@@ -3159,7 +3175,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         flex: 50vw;
     }
     .app-body .navigation-panel :is(.column-link, .navigation-panel__legal):active {
-        transform: scale(.9);
+        transform: scale(.8);
     }
     .app-body
         .navigation-panel:has(> *:nth-child(5):last-child)
@@ -3185,6 +3201,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         border: 0;
         background-color: #ffffff;
     }
+    .app-body .column-link--transparent.active {
+        animation: bounce-sml .3s 1;
+    }
     .app-body .column-link__icon {
         margin: 0;
     }
@@ -4675,17 +4694,7 @@ a:is(.active,
 .app-body .modal-root > div {
     animation: slowin .3s 1;
 }
-@keyframes slowin {
-    0% {
-        opacity: 0;
-    }
-    20% {
-        opacity: 0;
-    }
-    100% {
-        opacity: 1;
-    }
-}
+
 
 
 /* Report modals */
diff --git a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
index bc1f298..628c695 100644
--- a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
+++ b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
@@ -331,6 +331,108 @@ body.app-body  {
     border-radius: 50%;
 }
 
+/* Keyframes */
+@keyframes bounce {
+    0% {
+        transform: scale(1);
+    }
+    50% {
+        transform: scale(1.6);
+    }
+    75% {
+        transform: scale(.8);
+    }
+    100% {
+        transform: scale(1);
+    }
+}
+@keyframes bounce-sml {
+    0% {
+        transform: scale(1);
+    }
+    50% {
+        transform: scale(1.2);
+    }
+    75% {
+        transform: scale(.9);
+    }
+    100% {
+        transform: scale(1);
+    }
+}
+@keyframes bounce-vertical {
+    0% {
+        transform: translateY(0);
+    }
+    50% {
+        transform: translateY(-40%);
+    }
+    75% {
+        transform: translateY(20%);
+    }
+    100% {
+        transform: translate(0);
+    }
+}
+@keyframes launch {
+    0% {
+        transform: translate(0);
+        opacity: 0;
+    }
+    5% {
+        transform: translate(0);
+        opacity: 1;
+    }
+    50% {
+        transform: translate(200%, -150%);
+        opacity: 0;
+    }
+    80% {
+        transform: translate(200%, -150%);
+        opacity: 0;
+    }
+    85% {
+        transform: translate(-20%, 20%);
+        opacity: 0;
+    }
+    100% {
+        transform: translate(0);
+        opacity: 1;
+    }
+}
+@keyframes fadein {
+    from {
+        opacity: 0;
+        transform: translateY(-10%); 
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0); 
+    }
+}
+@keyframes fadein-short {
+    from {
+        transform: translate(0, -10px);
+        opacity: 0;
+    }
+    to {
+        transform: translate(0, 0);
+        opacity: 1;
+    }
+}
+@keyframes slowin {
+    0% {
+        opacity: 0;
+    }
+    20% {
+        opacity: 0;
+    }
+    100% {
+        opacity: 1;
+    }
+}
+
+
 /* Rordered layout */
 .app-body .columns-area__panels__pane--navigational {
     order: 1;
@@ -909,29 +1011,6 @@ body.app-body  {
 
 
 
-@keyframes fadein {
-    from {
-        opacity: 0;
-        transform: translateY(-10%); 
-    }
-    to {
-        opacity: 1;
-        transform: translateY(0); 
-    }
-}
-@keyframes fadein-short {
-    from {
-        transform: translate(0, -10px);
-        opacity: 0;
-    }
-    to {
-        transform: translate(0, 0);
-        opacity: 1;
-    }
-}
-
-
-
 /* 📝 Compose panel
    ---------------- */
 .app-body .compose-form {
@@ -1206,20 +1285,6 @@ body.app-body  {
     background-image: var(--icon-send);
     background-color: var(--color-accent-bg);
 }
-@keyframes bounce-sml {
-    0% {
-        transform: scale(1);
-    }
-    50% {
-        transform: scale(1.2);
-    }
-    75% {
-        transform: scale(.9);
-    }
-    100% {
-        transform: scale(1);
-    }
-}
 .app-body .compose-form:not(:has(.autosuggest-textarea__textarea:placeholder-shown)) .compose-form__submit {
     animation: bounce-sml .3s ease-out 1;
 }
@@ -2009,20 +2074,6 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     > .icon-star {
     animation: bounce .4s ease-out !important;
 }
-@keyframes bounce {
-    0% {
-        transform: scale(1);
-    }
-    50% {
-        transform: scale(1.6);
-    }
-    75% {
-        transform: scale(.8);
-    }
-    100% {
-        transform: scale(1);
-    }
-}
 .app-body .status__action-bar .icon-button.reblogPrivate>.icon-retweet {
     opacity: 1;
 }
@@ -2031,50 +2082,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     .icon-button.active>.icon-retweet {
     animation: launch 1.2s ease-in !important;
 }
-@keyframes launch {
-    0% {
-        transform: translate(0);
-        opacity: 0;
-    }
-    5% {
-        transform: translate(0);
-        opacity: 1;
-    }
-    50% {
-        transform: translate(200%, -150%);
-        opacity: 0;
-    }
-    80% {
-        transform: translate(200%, -150%);
-        opacity: 0;
-    }
-    85% {
-        transform: translate(-20%, 20%);
-        opacity: 0;
-    }
-    100% {
-        transform: translate(0);
-        opacity: 1;
-    }
-}
 .app-body .status__action-bar .icon-button.bookmark-icon.active>.icon-bookmark,
 .app-body .detailed-status__action-bar .icon-button.bookmark-icon.active>.icon-bookmark {
     animation: bounce-vertical .4s ease-out !important;
 }
-@keyframes bounce-vertical {
-    0% {
-        transform: translateY(0);
-    }
-    50% {
-        transform: translateY(-40%);
-    }
-    75% {
-        transform: translateY(20%);
-    }
-    100% {
-        transform: translate(0);
-    }
-}
 .app-body .status__action-bar .icon-button,
 .app-body .detailed-status__action-bar .icon-button {
     min-width: 32px;
@@ -2358,8 +2369,13 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     .app-body .media-gallery__preview {
         outline-color: rgba(255, 255, 255, .05);
     }
-    .app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview {
-        outline-color: rgba(255, 255, 255, .1);
+    .app-body .spoiler-button:hover ~ .media-gallery__item > .media-gallery__preview,
+    .app-body .media-gallery__item-thumbnail img {
+        outline-color: rgba(255, 255, 255, .15);
+    }
+    .app-body .media-gallery__gifv::after,
+    .app-body .video-player::after {
+        border-color: rgba(255, 255, 255, .1);
     }
 }
 .app-body .spoiler-button__overlay__label,
@@ -3159,7 +3175,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         flex: 50vw;
     }
     .app-body .navigation-panel :is(.column-link, .navigation-panel__legal):active {
-        transform: scale(.9);
+        transform: scale(.8);
     }
     .app-body
         .navigation-panel:has(> *:nth-child(5):last-child)
@@ -3185,6 +3201,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         border: 0;
         background-color: #ffffff;
     }
+    .app-body .column-link--transparent.active {
+        animation: bounce-sml .3s 1;
+    }
     .app-body .column-link__icon {
         margin: 0;
     }
@@ -4675,17 +4694,7 @@ a:is(.active,
 .app-body .modal-root > div {
     animation: slowin .3s 1;
 }
-@keyframes slowin {
-    0% {
-        opacity: 0;
-    }
-    20% {
-        opacity: 0;
-    }
-    100% {
-        opacity: 1;
-    }
-}
+
 
 
 /* Report modals */