From e2482a9ffb4bfdef44b9a279718d3dc29a2585d7 Mon Sep 17 00:00:00 2001
From: nileane <nileane@users.noreply.github.com>
Date: Sat, 3 Feb 2024 14:54:12 +0000
Subject: [PATCH] Copy CSS files to installation folder

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

diff --git a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
index e54a944..063a16d 100644
--- a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
+++ b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss
@@ -3843,6 +3843,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     font-weight: bold;
 }
 
+.app-body .account__header__tabs__buttons > button:first-child:active {
+    transform: scale(.95);
+}
+
 
 /* ✨ Explore tab
    -------------- */
@@ -4589,6 +4593,56 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 }
 
 
+/* Inline Follow Suggesitons */
+.app-body .inline-follow-suggestions {
+    background-color: var(--color-content-secondary-bg);
+    border-top: 1px solid var(--color-lines);
+    border-bottom: 1px solid var(--color-lines);
+    position: relative;
+}
+.app-body .inline-follow-suggestions__header h3 {
+    font-weight: bold;
+    color: var(--color-content-fg);
+}
+.app-body .inline-follow-suggestions__body__scrollable__card {
+    border-radius: 8px;
+    background-color: var(--color-content-bg);
+    border: 0;
+}
+.app-body .inline-follow-suggestions__body__scrollable__card :is(.display-name__html, .display-name__account),
+.app-body .inline-follow-suggestions__body__scrollable__card__text-stack__source {
+    color: var(--color-content-fg);
+}
+.app-body .inline-follow-suggestions__body__scrollable__card .display-name__account {
+    opacity: .6;
+}
+.app-body .inline-follow-suggestions__body__scrollable__card .verified-badge {
+    color: var(--color-accent);
+}
+.app-body .inline-follow-suggestions__body__scrollable__card button:active {
+    transform: scale(.95);
+}
+.app-body .inline-follow-suggestions__body__scroll-button__icon {
+    background-color: var(--color-accent);
+    border-radius: 8px;
+    padding: 6px;
+    transition: all .3s;
+}
+.app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon {
+    transform: scale(.9);
+}
+.app-body .inline-follow-suggestions__body__scroll-button:is(:active, :focus, :hover) .inline-follow-suggestions__body__scroll-button__icon {
+    background-color: var(--color-accent-focus);
+}
+
+.app-body .inline-follow-suggestions__body__scrollable__card .account__avatar {
+    border-radius: 50px;
+    background-color: var(--color-content-bg);
+    border: 0;
+    outline: 3px solid var(--color-content-bg);
+    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
+}
+
 
 .app-body .button,
 .app-body .account__header__tabs__buttons .icon-button {
@@ -4707,9 +4761,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     .language-dropdown__dropdown__results__item__common-name) {
     color: var(--color-accent);
 }
-.app-body .button:not(.button-secondary):is(:active, :focus, :hover),
-.app-body .button.button-tertiary:is(:active, :focus, :hover),
-.app-body .button.logo-button:is(:active, :focus, :hover) {
+.app-body .button:not(.button-secondary):is(:active, :hover),
+.app-body .button.button-tertiary:is(:active, :hover),
+.app-body .button.logo-button:is(:active, :hover) {
     background-color: var(--color-accent-focus);
 }
 
@@ -4884,6 +4938,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         background-color: transparent;
         color: var(--color-accent);
 }
+.app-body 
+    :is(
+        .block-modal__cancel-button,
+        .confirmation-modal__cancel-button,
+        .confirmation-modal__secondary-button,
+        .mute-modal__cancel-button
+    ):active,
+    :is(
+        .block-modal__cancel-button,
+        .confirmation-modal__cancel-button,
+        .confirmation-modal__secondary-button,
+        .mute-modal__cancel-button
+    )
+    + button:active {
+        transform: scale(.95);
+}
 .app-body .status__content a.hashtag {
     color: var(--color-accent);
 }
diff --git a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
index df51268..fbb3cfd 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss
@@ -3843,6 +3843,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     font-weight: bold;
 }
 
+.app-body .account__header__tabs__buttons > button:first-child:active {
+    transform: scale(.95);
+}
+
 
 /* ✨ Explore tab
    -------------- */
@@ -4589,6 +4593,56 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 }
 
 
+/* Inline Follow Suggesitons */
+.app-body .inline-follow-suggestions {
+    background-color: var(--color-content-secondary-bg);
+    border-top: 1px solid var(--color-lines);
+    border-bottom: 1px solid var(--color-lines);
+    position: relative;
+}
+.app-body .inline-follow-suggestions__header h3 {
+    font-weight: bold;
+    color: var(--color-content-fg);
+}
+.app-body .inline-follow-suggestions__body__scrollable__card {
+    border-radius: 8px;
+    background-color: var(--color-content-bg);
+    border: 0;
+}
+.app-body .inline-follow-suggestions__body__scrollable__card :is(.display-name__html, .display-name__account),
+.app-body .inline-follow-suggestions__body__scrollable__card__text-stack__source {
+    color: var(--color-content-fg);
+}
+.app-body .inline-follow-suggestions__body__scrollable__card .display-name__account {
+    opacity: .6;
+}
+.app-body .inline-follow-suggestions__body__scrollable__card .verified-badge {
+    color: var(--color-accent);
+}
+.app-body .inline-follow-suggestions__body__scrollable__card button:active {
+    transform: scale(.95);
+}
+.app-body .inline-follow-suggestions__body__scroll-button__icon {
+    background-color: var(--color-accent);
+    border-radius: 8px;
+    padding: 6px;
+    transition: all .3s;
+}
+.app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon {
+    transform: scale(.9);
+}
+.app-body .inline-follow-suggestions__body__scroll-button:is(:active, :focus, :hover) .inline-follow-suggestions__body__scroll-button__icon {
+    background-color: var(--color-accent-focus);
+}
+
+.app-body .inline-follow-suggestions__body__scrollable__card .account__avatar {
+    border-radius: 50px;
+    background-color: var(--color-content-bg);
+    border: 0;
+    outline: 3px solid var(--color-content-bg);
+    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
+}
+
 
 .app-body .button,
 .app-body .account__header__tabs__buttons .icon-button {
@@ -4707,9 +4761,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     .language-dropdown__dropdown__results__item__common-name) {
     color: var(--color-accent);
 }
-.app-body .button:not(.button-secondary):is(:active, :focus, :hover),
-.app-body .button.button-tertiary:is(:active, :focus, :hover),
-.app-body .button.logo-button:is(:active, :focus, :hover) {
+.app-body .button:not(.button-secondary):is(:active, :hover),
+.app-body .button.button-tertiary:is(:active, :hover),
+.app-body .button.logo-button:is(:active, :hover) {
     background-color: var(--color-accent-focus);
 }
 
@@ -4884,6 +4938,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         background-color: transparent;
         color: var(--color-accent);
 }
+.app-body 
+    :is(
+        .block-modal__cancel-button,
+        .confirmation-modal__cancel-button,
+        .confirmation-modal__secondary-button,
+        .mute-modal__cancel-button
+    ):active,
+    :is(
+        .block-modal__cancel-button,
+        .confirmation-modal__cancel-button,
+        .confirmation-modal__secondary-button,
+        .mute-modal__cancel-button
+    )
+    + button:active {
+        transform: scale(.95);
+}
 .app-body .status__content a.hashtag {
     color: var(--color-accent);
 }
diff --git a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
index 0d10014..d5598b2 100644
--- a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
+++ b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss
@@ -3843,6 +3843,10 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     font-weight: bold;
 }
 
+.app-body .account__header__tabs__buttons > button:first-child:active {
+    transform: scale(.95);
+}
+
 
 /* ✨ Explore tab
    -------------- */
@@ -4589,6 +4593,56 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 }
 
 
+/* Inline Follow Suggesitons */
+.app-body .inline-follow-suggestions {
+    background-color: var(--color-content-secondary-bg);
+    border-top: 1px solid var(--color-lines);
+    border-bottom: 1px solid var(--color-lines);
+    position: relative;
+}
+.app-body .inline-follow-suggestions__header h3 {
+    font-weight: bold;
+    color: var(--color-content-fg);
+}
+.app-body .inline-follow-suggestions__body__scrollable__card {
+    border-radius: 8px;
+    background-color: var(--color-content-bg);
+    border: 0;
+}
+.app-body .inline-follow-suggestions__body__scrollable__card :is(.display-name__html, .display-name__account),
+.app-body .inline-follow-suggestions__body__scrollable__card__text-stack__source {
+    color: var(--color-content-fg);
+}
+.app-body .inline-follow-suggestions__body__scrollable__card .display-name__account {
+    opacity: .6;
+}
+.app-body .inline-follow-suggestions__body__scrollable__card .verified-badge {
+    color: var(--color-accent);
+}
+.app-body .inline-follow-suggestions__body__scrollable__card button:active {
+    transform: scale(.95);
+}
+.app-body .inline-follow-suggestions__body__scroll-button__icon {
+    background-color: var(--color-accent);
+    border-radius: 8px;
+    padding: 6px;
+    transition: all .3s;
+}
+.app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon {
+    transform: scale(.9);
+}
+.app-body .inline-follow-suggestions__body__scroll-button:is(:active, :focus, :hover) .inline-follow-suggestions__body__scroll-button__icon {
+    background-color: var(--color-accent-focus);
+}
+
+.app-body .inline-follow-suggestions__body__scrollable__card .account__avatar {
+    border-radius: 50px;
+    background-color: var(--color-content-bg);
+    border: 0;
+    outline: 3px solid var(--color-content-bg);
+    box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
+}
+
 
 .app-body .button,
 .app-body .account__header__tabs__buttons .icon-button {
@@ -4707,9 +4761,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
     .language-dropdown__dropdown__results__item__common-name) {
     color: var(--color-accent);
 }
-.app-body .button:not(.button-secondary):is(:active, :focus, :hover),
-.app-body .button.button-tertiary:is(:active, :focus, :hover),
-.app-body .button.logo-button:is(:active, :focus, :hover) {
+.app-body .button:not(.button-secondary):is(:active, :hover),
+.app-body .button.button-tertiary:is(:active, :hover),
+.app-body .button.logo-button:is(:active, :hover) {
     background-color: var(--color-accent-focus);
 }
 
@@ -4884,6 +4938,22 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
         background-color: transparent;
         color: var(--color-accent);
 }
+.app-body 
+    :is(
+        .block-modal__cancel-button,
+        .confirmation-modal__cancel-button,
+        .confirmation-modal__secondary-button,
+        .mute-modal__cancel-button
+    ):active,
+    :is(
+        .block-modal__cancel-button,
+        .confirmation-modal__cancel-button,
+        .confirmation-modal__secondary-button,
+        .mute-modal__cancel-button
+    )
+    + button:active {
+        transform: scale(.95);
+}
 .app-body .status__content a.hashtag {
     color: var(--color-accent);
 }