mirror of
https://github.com/nileane/TangerineUI-for-Mastodon
synced 2024-12-01 00:08:13 +09:00
Niléane
GitHub
commit
c42a50350d
@ -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,18 @@ 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,
|
||||
.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 {
|
||||
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 +1801,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 +2365,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 {
|
||||
|
||||
100
TangerineUI.css
100
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/
|
||||
@ -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,18 @@ 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,
|
||||
.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 {
|
||||
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 +1801,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 +2365,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 {
|
||||
|
||||
@ -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,18 @@ 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,
|
||||
.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 {
|
||||
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 +1801,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 +2365,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 {
|
||||
|
||||
@ -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,18 @@ 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,
|
||||
.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 {
|
||||
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 +1801,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 +2365,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 {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user