From b18d399302b4f1d54eab42f816b76d9fcb9ed4ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Thu, 20 Jul 2023 12:53:12 +0200
Subject: [PATCH 1/7] Search icon now uses color-accent

---
 TangerineUI-purple.css | 13 +++++--------
 TangerineUI.css        | 13 +++++--------
 2 files changed, 10 insertions(+), 16 deletions(-)

diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 123be50..411bc64 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -1728,20 +1728,16 @@ body.layout-single-column  {
 }
 .layout-single-column .compose-panel .fa-search,
 .layout-single-column .compose-panel .fa.active {
-    opacity: 1;
     right: 15px;
     top: 15px;
+    color: var(--color-accent);
+}
+.layout-single-column .compose-panel .fa-search.active {
+    opacity: 1;
 }
 .layout-single-column .compose-panel .fa-times-circle.active {
     top: 16px;
 }
-.layout-single-column .compose-panel .fa-search::before {
-    content: " ";
-}
-.layout-single-column .compose-panel .fa-search.active::before,
-.layout-single-column .fa-search.column-header__icon::before {
-    content: var(--icon-search);
-}
 .layout-single-column .explore__search-results {
     background-color: var(--color-content-bg);
     border-radius: 7px;
@@ -1797,6 +1793,7 @@ body.layout-single-column  {
     }
     .layout-single-column i.fa-search,
     .layout-single-column i.fa.active {
+        color: var(--color-accent);
         transform: scale(1);
         top: 13px;
     }
diff --git a/TangerineUI.css b/TangerineUI.css
index e77bebe..8b24c30 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -1728,20 +1728,16 @@ body.layout-single-column  {
 }
 .layout-single-column .compose-panel .fa-search,
 .layout-single-column .compose-panel .fa.active {
-    opacity: 1;
     right: 15px;
     top: 15px;
+    color: var(--color-accent);
+}
+.layout-single-column .compose-panel .fa-search.active {
+    opacity: 1;
 }
 .layout-single-column .compose-panel .fa-times-circle.active {
     top: 16px;
 }
-.layout-single-column .compose-panel .fa-search::before {
-    content: " ";
-}
-.layout-single-column .compose-panel .fa-search.active::before,
-.layout-single-column .fa-search.column-header__icon::before {
-    content: var(--icon-search);
-}
 .layout-single-column .explore__search-results {
     background-color: var(--color-content-bg);
     border-radius: 7px;
@@ -1797,6 +1793,7 @@ body.layout-single-column  {
     }
     .layout-single-column i.fa-search,
     .layout-single-column i.fa.active {
+        color: var(--color-accent);
         transform: scale(1);
         top: 13px;
     }

From 51e30a42f202e7e4aae2183ca2bcf0ebe37993d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Thu, 20 Jul 2023 12:53:27 +0200
Subject: [PATCH 2/7] v1.7

---
 TangerineUI-purple.css | 2 +-
 TangerineUI.css        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 411bc64..5457b0c 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -1,5 +1,5 @@
 /*  TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
-    version: 1.6
+    version: 1.7
 
     A Tangerine redesign for Mastodon's Web UI.
     https://github.com/nileane/TangerineUI-for-Mastodon/
diff --git a/TangerineUI.css b/TangerineUI.css
index 8b24c30..fe737aa 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -1,5 +1,5 @@
 /*  TangerineUI 🍊 for Mastodon
-    version: 1.6
+    version: 1.7
 
     A Tangerine redesign for Mastodon's Web UI.
     https://github.com/nileane/TangerineUI-for-Mastodon/

From f0b79031f9e46026b4401f64a6e253a14b127ba5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Thu, 20 Jul 2023 13:00:18 +0200
Subject: [PATCH 3/7] Adjustements to top bar on mobile

---
 TangerineUI-purple.css | 6 +++---
 TangerineUI.css        | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 5457b0c..f918f0a 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -1135,8 +1135,8 @@ body.layout-single-column  {
         height: 55px;
     }
     .layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */
-        -webkit-backdrop-filter: blur(12px);
-        backdrop-filter: blur(12px);
+        -webkit-backdrop-filter: blur(20px);
+        backdrop-filter: blur(20px);
         background-color: rgba(242, 239, 245, .75);
         content: "";
         height: 55px;
@@ -1161,7 +1161,7 @@ body.layout-single-column  {
 @media (prefers-color-scheme: dark) {
     @media screen and (max-width:1174px) {
         .layout-single-column .ui::after {
-            background-color: rgb(0, 0, 0, .7);
+            background-color: rgba(0, 0, 0, .7);
         }
     }
 }
diff --git a/TangerineUI.css b/TangerineUI.css
index fe737aa..2b25b97 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -1135,8 +1135,8 @@ body.layout-single-column  {
         height: 55px;
     }
     .layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */
-        -webkit-backdrop-filter: blur(12px);
-        backdrop-filter: blur(12px);
+        -webkit-backdrop-filter: blur(20px);
+        backdrop-filter: blur(20px);
         background-color: rgba(245, 242, 239, 0.75);
         content: "";
         height: 55px;
@@ -1161,7 +1161,7 @@ body.layout-single-column  {
 @media (prefers-color-scheme: dark) {
     @media screen and (max-width:1174px) {
         .layout-single-column .ui::after {
-            background-color: rgba(0, 0, 0, 0.7);
+            background-color: rgba(0, 0, 0, .7);
         }
     }
 }

From bb32f24288dad0a5712d06d4853d8b4d64bd553b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Thu, 20 Jul 2023 13:46:48 +0200
Subject: [PATCH 4/7] Revamped list picker in the navigation panel

---
 TangerineUI-purple.css | 56 +++++++++++++++++++++++-------------------
 TangerineUI.css        | 56 +++++++++++++++++++++++-------------------
 2 files changed, 62 insertions(+), 50 deletions(-)

diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index f918f0a..b55616c 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -1304,31 +1304,6 @@ body.layout-single-column  {
 .layout-single-column .compose-panel hr, .navigation-panel hr {
     display: none;
 }
-.layout-single-column .list-panel {
-    padding: 8px 9px 8px 7px;
-    margin: 5px 0 5px;
-    border-radius: 9px;
-    background-color: var(--color-secondary-bg);
-}
-.layout-single-column .list-panel .column-link {
-    width: auto;
-    position: relative;
-    padding: 12px 13px;
-    overflow: visible;
-}
-.layout-single-column .list-panel .column-link:not(:last-child,:hover,.active)::after {
-    display: block;
-    content: " ";
-    height: 2px;
-    bottom: -2px;
-    right: 15px;
-    background-color: var(--color-secondary-separator);
-    left: 15px;
-    position: absolute;
-}
-.layout-single-column .list-panel i.fa {
-    display: none;
-}
 .layout-single-column .column-link__icon {
     transform: scale(.8);
     vertical-align: middle;
@@ -1341,6 +1316,37 @@ body.layout-single-column  {
     position: relative;
     top: 1px;
 }
+.layout-single-column .list-panel {
+    padding: 5px 9px 8px 27px;
+    margin: 0 0 5px;
+    display: none;
+}
+.layout-single-column .list-panel i.fa {
+    display: none;
+}
+.layout-single-column .list-panel .column-link {
+    width: auto;
+}
+.layout-single-column .column-link[href="/lists"].active:has(+ .list-panel .column-link.active) {
+    background-color: var(--color-accent-bg);
+    color: var(--color-content-fg);
+}
+.layout-single-column .column-link[href="/lists"]:hover + .list-panel,
+.layout-single-column .column-link[href="/lists"].active + .list-panel,
+.layout-single-column .list-panel:hover {
+    display: block;
+    animation: fadein .5s 1;
+}
+@keyframes fadein {
+    from {
+        opacity: 0;
+        transform: translateY(-10%); 
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0); 
+    }
+}
 @media screen and (max-width:1174px) {
     .layout-single-column .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
         width: 100vw;
diff --git a/TangerineUI.css b/TangerineUI.css
index 2b25b97..8469d3e 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -1304,31 +1304,6 @@ body.layout-single-column  {
 .layout-single-column .compose-panel hr, .navigation-panel hr {
     display: none;
 }
-.layout-single-column .list-panel {
-    padding: 8px 9px 8px 7px;
-    margin: 5px 0 5px;
-    border-radius: 9px;
-    background-color: var(--color-secondary-bg);
-}
-.layout-single-column .list-panel .column-link {
-    width: auto;
-    position: relative;
-    padding: 12px 13px;
-    overflow: visible;
-}
-.layout-single-column .list-panel .column-link:not(:last-child,:hover,.active)::after {
-    display: block;
-    content: " ";
-    height: 2px;
-    bottom: -2px;
-    right: 15px;
-    background-color: var(--color-secondary-separator);
-    left: 15px;
-    position: absolute;
-}
-.layout-single-column .list-panel i.fa {
-    display: none;
-}
 .layout-single-column .column-link__icon {
     transform: scale(.8);
     vertical-align: middle;
@@ -1341,6 +1316,37 @@ body.layout-single-column  {
     position: relative;
     top: 1px;
 }
+.layout-single-column .list-panel {
+    padding: 5px 9px 8px 27px;
+    margin: 0 0 5px;
+    display: none;
+}
+.layout-single-column .list-panel i.fa {
+    display: none;
+}
+.layout-single-column .list-panel .column-link {
+    width: auto;
+}
+.layout-single-column .column-link[href="/lists"].active:has(+ .list-panel .column-link.active) {
+    background-color: var(--color-accent-bg);
+    color: var(--color-content-fg);
+}
+.layout-single-column .column-link[href="/lists"]:hover + .list-panel,
+.layout-single-column .column-link[href="/lists"].active + .list-panel,
+.layout-single-column .list-panel:hover {
+    display: block;
+    animation: fadein .5s 1;
+}
+@keyframes fadein {
+    from {
+        opacity: 0;
+        transform: translateY(-10%); 
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0); 
+    }
+}
 @media screen and (max-width:1174px) {
     .layout-single-column .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
         width: 100vw;

From ce195bf9021b2642c0cd7ecd3cc0e49e7b5c8829 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Thu, 20 Jul 2023 14:01:31 +0200
Subject: [PATCH 5/7] Fixed onboarding experience

---
 TangerineUI-purple.css | 21 +++++++++++++++++++++
 TangerineUI.css        | 21 +++++++++++++++++++++
 2 files changed, 42 insertions(+)

diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index b55616c..9b21837 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -2363,6 +2363,27 @@ body.layout-single-column  {
 
 
 
+/* 🤗 Onboarding suggestions */
+.layout-single-column .scrollable.follow-recommendations-container,
+.layout-single-column .column-list {
+    background-color: var(--color-content-bg);
+}
+.layout-single-column .column-title .logo {
+    display: none;
+}
+.layout-single-column .column-title h3,
+.layout-single-column .column-title p {
+    color: var(--color-content-fg);
+}
+.layout-single-column .column-list {
+    border: 0;
+}
+.layout-single-column .account__note {
+    color: var(--color-content-fg-muted);
+}
+
+
+
 /* 📜 About page
    ------------- */
 .layout-single-column .scrollable.about {
diff --git a/TangerineUI.css b/TangerineUI.css
index 8469d3e..031d18a 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -2363,6 +2363,27 @@ body.layout-single-column  {
 
 
 
+/* 🤗 Onboarding suggestions */
+.layout-single-column .scrollable.follow-recommendations-container,
+.layout-single-column .column-list {
+    background-color: var(--color-content-bg);
+}
+.layout-single-column .column-title .logo {
+    display: none;
+}
+.layout-single-column .column-title h3,
+.layout-single-column .column-title p {
+    color: var(--color-content-fg);
+}
+.layout-single-column .column-list {
+    border: 0;
+}
+.layout-single-column .account__note {
+    color: var(--color-content-fg-muted);
+}
+
+
+
 /* 📜 About page
    ------------- */
 .layout-single-column .scrollable.about {

From 178d4ebc20f6c90ff77e388f42ae634ee1e7f1b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Thu, 20 Jul 2023 14:04:01 +0200
Subject: [PATCH 6/7] Merged changes

---
 .../layout-single-column.scss                 | 98 ++++++++++++-------
 .../tangerineui/layout-single-column.scss     | 98 ++++++++++++-------
 2 files changed, 122 insertions(+), 74 deletions(-)

diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
index 123be50..9b21837 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
@@ -1,5 +1,5 @@
 /*  TangerineUI 🍊 for Mastodon ・ Purple variant 🪻
-    version: 1.6
+    version: 1.7
 
     A Tangerine redesign for Mastodon's Web UI.
     https://github.com/nileane/TangerineUI-for-Mastodon/
@@ -1135,8 +1135,8 @@ body.layout-single-column  {
         height: 55px;
     }
     .layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */
-        -webkit-backdrop-filter: blur(12px);
-        backdrop-filter: blur(12px);
+        -webkit-backdrop-filter: blur(20px);
+        backdrop-filter: blur(20px);
         background-color: rgba(242, 239, 245, .75);
         content: "";
         height: 55px;
@@ -1161,7 +1161,7 @@ body.layout-single-column  {
 @media (prefers-color-scheme: dark) {
     @media screen and (max-width:1174px) {
         .layout-single-column .ui::after {
-            background-color: rgb(0, 0, 0, .7);
+            background-color: rgba(0, 0, 0, .7);
         }
     }
 }
@@ -1304,31 +1304,6 @@ body.layout-single-column  {
 .layout-single-column .compose-panel hr, .navigation-panel hr {
     display: none;
 }
-.layout-single-column .list-panel {
-    padding: 8px 9px 8px 7px;
-    margin: 5px 0 5px;
-    border-radius: 9px;
-    background-color: var(--color-secondary-bg);
-}
-.layout-single-column .list-panel .column-link {
-    width: auto;
-    position: relative;
-    padding: 12px 13px;
-    overflow: visible;
-}
-.layout-single-column .list-panel .column-link:not(:last-child,:hover,.active)::after {
-    display: block;
-    content: " ";
-    height: 2px;
-    bottom: -2px;
-    right: 15px;
-    background-color: var(--color-secondary-separator);
-    left: 15px;
-    position: absolute;
-}
-.layout-single-column .list-panel i.fa {
-    display: none;
-}
 .layout-single-column .column-link__icon {
     transform: scale(.8);
     vertical-align: middle;
@@ -1341,6 +1316,37 @@ body.layout-single-column  {
     position: relative;
     top: 1px;
 }
+.layout-single-column .list-panel {
+    padding: 5px 9px 8px 27px;
+    margin: 0 0 5px;
+    display: none;
+}
+.layout-single-column .list-panel i.fa {
+    display: none;
+}
+.layout-single-column .list-panel .column-link {
+    width: auto;
+}
+.layout-single-column .column-link[href="/lists"].active:has(+ .list-panel .column-link.active) {
+    background-color: var(--color-accent-bg);
+    color: var(--color-content-fg);
+}
+.layout-single-column .column-link[href="/lists"]:hover + .list-panel,
+.layout-single-column .column-link[href="/lists"].active + .list-panel,
+.layout-single-column .list-panel:hover {
+    display: block;
+    animation: fadein .5s 1;
+}
+@keyframes fadein {
+    from {
+        opacity: 0;
+        transform: translateY(-10%); 
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0); 
+    }
+}
 @media screen and (max-width:1174px) {
     .layout-single-column .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
         width: 100vw;
@@ -1728,20 +1734,16 @@ body.layout-single-column  {
 }
 .layout-single-column .compose-panel .fa-search,
 .layout-single-column .compose-panel .fa.active {
-    opacity: 1;
     right: 15px;
     top: 15px;
+    color: var(--color-accent);
+}
+.layout-single-column .compose-panel .fa-search.active {
+    opacity: 1;
 }
 .layout-single-column .compose-panel .fa-times-circle.active {
     top: 16px;
 }
-.layout-single-column .compose-panel .fa-search::before {
-    content: " ";
-}
-.layout-single-column .compose-panel .fa-search.active::before,
-.layout-single-column .fa-search.column-header__icon::before {
-    content: var(--icon-search);
-}
 .layout-single-column .explore__search-results {
     background-color: var(--color-content-bg);
     border-radius: 7px;
@@ -1797,6 +1799,7 @@ body.layout-single-column  {
     }
     .layout-single-column i.fa-search,
     .layout-single-column i.fa.active {
+        color: var(--color-accent);
         transform: scale(1);
         top: 13px;
     }
@@ -2360,6 +2363,27 @@ body.layout-single-column  {
 
 
 
+/* 🤗 Onboarding suggestions */
+.layout-single-column .scrollable.follow-recommendations-container,
+.layout-single-column .column-list {
+    background-color: var(--color-content-bg);
+}
+.layout-single-column .column-title .logo {
+    display: none;
+}
+.layout-single-column .column-title h3,
+.layout-single-column .column-title p {
+    color: var(--color-content-fg);
+}
+.layout-single-column .column-list {
+    border: 0;
+}
+.layout-single-column .account__note {
+    color: var(--color-content-fg-muted);
+}
+
+
+
 /* 📜 About page
    ------------- */
 .layout-single-column .scrollable.about {
diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
index e77bebe..031d18a 100644
--- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
@@ -1,5 +1,5 @@
 /*  TangerineUI 🍊 for Mastodon
-    version: 1.6
+    version: 1.7
 
     A Tangerine redesign for Mastodon's Web UI.
     https://github.com/nileane/TangerineUI-for-Mastodon/
@@ -1135,8 +1135,8 @@ body.layout-single-column  {
         height: 55px;
     }
     .layout-single-column .ui::after { /* Set a backdrop blur background to both top bars */
-        -webkit-backdrop-filter: blur(12px);
-        backdrop-filter: blur(12px);
+        -webkit-backdrop-filter: blur(20px);
+        backdrop-filter: blur(20px);
         background-color: rgba(245, 242, 239, 0.75);
         content: "";
         height: 55px;
@@ -1161,7 +1161,7 @@ body.layout-single-column  {
 @media (prefers-color-scheme: dark) {
     @media screen and (max-width:1174px) {
         .layout-single-column .ui::after {
-            background-color: rgba(0, 0, 0, 0.7);
+            background-color: rgba(0, 0, 0, .7);
         }
     }
 }
@@ -1304,31 +1304,6 @@ body.layout-single-column  {
 .layout-single-column .compose-panel hr, .navigation-panel hr {
     display: none;
 }
-.layout-single-column .list-panel {
-    padding: 8px 9px 8px 7px;
-    margin: 5px 0 5px;
-    border-radius: 9px;
-    background-color: var(--color-secondary-bg);
-}
-.layout-single-column .list-panel .column-link {
-    width: auto;
-    position: relative;
-    padding: 12px 13px;
-    overflow: visible;
-}
-.layout-single-column .list-panel .column-link:not(:last-child,:hover,.active)::after {
-    display: block;
-    content: " ";
-    height: 2px;
-    bottom: -2px;
-    right: 15px;
-    background-color: var(--color-secondary-separator);
-    left: 15px;
-    position: absolute;
-}
-.layout-single-column .list-panel i.fa {
-    display: none;
-}
 .layout-single-column .column-link__icon {
     transform: scale(.8);
     vertical-align: middle;
@@ -1341,6 +1316,37 @@ body.layout-single-column  {
     position: relative;
     top: 1px;
 }
+.layout-single-column .list-panel {
+    padding: 5px 9px 8px 27px;
+    margin: 0 0 5px;
+    display: none;
+}
+.layout-single-column .list-panel i.fa {
+    display: none;
+}
+.layout-single-column .list-panel .column-link {
+    width: auto;
+}
+.layout-single-column .column-link[href="/lists"].active:has(+ .list-panel .column-link.active) {
+    background-color: var(--color-accent-bg);
+    color: var(--color-content-fg);
+}
+.layout-single-column .column-link[href="/lists"]:hover + .list-panel,
+.layout-single-column .column-link[href="/lists"].active + .list-panel,
+.layout-single-column .list-panel:hover {
+    display: block;
+    animation: fadein .5s 1;
+}
+@keyframes fadein {
+    from {
+        opacity: 0;
+        transform: translateY(-10%); 
+    }
+    to {
+        opacity: 1;
+        transform: translateY(0); 
+    }
+}
 @media screen and (max-width:1174px) {
     .layout-single-column .columns-area__panels__pane--navigational .columns-area__panels__pane__inner {
         width: 100vw;
@@ -1728,20 +1734,16 @@ body.layout-single-column  {
 }
 .layout-single-column .compose-panel .fa-search,
 .layout-single-column .compose-panel .fa.active {
-    opacity: 1;
     right: 15px;
     top: 15px;
+    color: var(--color-accent);
+}
+.layout-single-column .compose-panel .fa-search.active {
+    opacity: 1;
 }
 .layout-single-column .compose-panel .fa-times-circle.active {
     top: 16px;
 }
-.layout-single-column .compose-panel .fa-search::before {
-    content: " ";
-}
-.layout-single-column .compose-panel .fa-search.active::before,
-.layout-single-column .fa-search.column-header__icon::before {
-    content: var(--icon-search);
-}
 .layout-single-column .explore__search-results {
     background-color: var(--color-content-bg);
     border-radius: 7px;
@@ -1797,6 +1799,7 @@ body.layout-single-column  {
     }
     .layout-single-column i.fa-search,
     .layout-single-column i.fa.active {
+        color: var(--color-accent);
         transform: scale(1);
         top: 13px;
     }
@@ -2360,6 +2363,27 @@ body.layout-single-column  {
 
 
 
+/* 🤗 Onboarding suggestions */
+.layout-single-column .scrollable.follow-recommendations-container,
+.layout-single-column .column-list {
+    background-color: var(--color-content-bg);
+}
+.layout-single-column .column-title .logo {
+    display: none;
+}
+.layout-single-column .column-title h3,
+.layout-single-column .column-title p {
+    color: var(--color-content-fg);
+}
+.layout-single-column .column-list {
+    border: 0;
+}
+.layout-single-column .account__note {
+    color: var(--color-content-fg-muted);
+}
+
+
+
 /* 📜 About page
    ------------- */
 .layout-single-column .scrollable.about {

From f1944d0c04ed474a72aec2ca5ba01175e62c7a4b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nil=C3=A9ane?= <nileanedorffer@gmail.com>
Date: Thu, 20 Jul 2023 14:23:01 +0200
Subject: [PATCH 7/7] Fixed search icon opacity

---
 TangerineUI-purple.css                                        | 4 +++-
 TangerineUI.css                                               | 4 +++-
 .../styles/tangerineui-purple/layout-single-column.scss       | 4 +++-
 .../javascript/styles/tangerineui/layout-single-column.scss   | 4 +++-
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css
index 9b21837..bd795cd 100644
--- a/TangerineUI-purple.css
+++ b/TangerineUI-purple.css
@@ -1738,7 +1738,9 @@ body.layout-single-column  {
     top: 15px;
     color: var(--color-accent);
 }
-.layout-single-column .compose-panel .fa-search.active {
+.layout-single-column .compose-panel .fa-search.active,
+.layout-single-column .compose-panel .fa-times-circle.active,
+.layout-single-column .search__icon .fa.active {
     opacity: 1;
 }
 .layout-single-column .compose-panel .fa-times-circle.active {
diff --git a/TangerineUI.css b/TangerineUI.css
index 031d18a..9914ebd 100644
--- a/TangerineUI.css
+++ b/TangerineUI.css
@@ -1738,7 +1738,9 @@ body.layout-single-column  {
     top: 15px;
     color: var(--color-accent);
 }
-.layout-single-column .compose-panel .fa-search.active {
+.layout-single-column .compose-panel .fa-search.active,
+.layout-single-column .compose-panel .fa-times-circle.active,
+.layout-single-column .search__icon .fa.active {
     opacity: 1;
 }
 .layout-single-column .compose-panel .fa-times-circle.active {
diff --git a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
index 9b21837..bd795cd 100644
--- a/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui-purple/layout-single-column.scss
@@ -1738,7 +1738,9 @@ body.layout-single-column  {
     top: 15px;
     color: var(--color-accent);
 }
-.layout-single-column .compose-panel .fa-search.active {
+.layout-single-column .compose-panel .fa-search.active,
+.layout-single-column .compose-panel .fa-times-circle.active,
+.layout-single-column .search__icon .fa.active {
     opacity: 1;
 }
 .layout-single-column .compose-panel .fa-times-circle.active {
diff --git a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
index 031d18a..9914ebd 100644
--- a/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
+++ b/mastodon/app/javascript/styles/tangerineui/layout-single-column.scss
@@ -1738,7 +1738,9 @@ body.layout-single-column  {
     top: 15px;
     color: var(--color-accent);
 }
-.layout-single-column .compose-panel .fa-search.active {
+.layout-single-column .compose-panel .fa-search.active,
+.layout-single-column .compose-panel .fa-times-circle.active,
+.layout-single-column .search__icon .fa.active {
     opacity: 1;
 }
 .layout-single-column .compose-panel .fa-times-circle.active {