diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index 5b30961..3566676 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -3215,6 +3215,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } .app-body .column-header > button { padding: 0 0 0 15px; +} +.app-body .column-header .column-header__back-button { + padding-right: 16px; +} +.app-body .column-header :is(> button, .column-header__back-button) { font-weight: bold; } @media screen and (max-width:1174px) { @@ -3803,9 +3808,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } } .app-body .account__header__image { - height: 156px; - background-color: var(--color-secondary-bg); + height: 200px; + background-color: var(--color-content-bg); + border-radius: 8px; border-bottom: 0; + margin: 7px 10px 10px; +} +.app-body .account__header__image img { + object-position: top center; + background-color: var(--color-content-secondary-bg); +} +.app-body .account__header__image:has(img[src*="/missing.png"]) { + height: 90px; +} +.app-body .account__header__image img[src*="/missing.png"] { + background-color: transparent; } .app-body .account__header__bar { border: 0; @@ -4115,10 +4132,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu .app-body .hashtag-header { font-size: 15px; padding: 24px 20px; + margin: 10px; + border-radius: 8px; color: var(--color-content-fg); background-color: var(--color-content-secondary-bg); - border-top: 1px solid var(--color-lines); - border-bottom: 0; + border: 0; } .app-body .hashtag-header__header { margin-bottom: 0; @@ -5616,6 +5634,9 @@ a:is(.active, border-left: 0; border-right: 0; } +.app-body .server-banner .account .display-name__account { + opacity: .7; +} .app-body .server-banner__meta__column:first-child { width: calc(60% - 5px); } diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 2a15f2c..c8f55fb 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -3215,6 +3215,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } .app-body .column-header > button { padding: 0 0 0 15px; +} +.app-body .column-header .column-header__back-button { + padding-right: 16px; +} +.app-body .column-header :is(> button, .column-header__back-button) { font-weight: bold; } @media screen and (max-width:1174px) { @@ -3803,9 +3808,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } } .app-body .account__header__image { - height: 156px; - background-color: var(--color-secondary-bg); + height: 200px; + background-color: var(--color-content-bg); + border-radius: 8px; border-bottom: 0; + margin: 7px 10px 10px; +} +.app-body .account__header__image img { + object-position: top center; + background-color: var(--color-content-secondary-bg); +} +.app-body .account__header__image:has(img[src*="/missing.png"]) { + height: 90px; +} +.app-body .account__header__image img[src*="/missing.png"] { + background-color: transparent; } .app-body .account__header__bar { border: 0; @@ -4115,10 +4132,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu .app-body .hashtag-header { font-size: 15px; padding: 24px 20px; + margin: 10px; + border-radius: 8px; color: var(--color-content-fg); background-color: var(--color-content-secondary-bg); - border-top: 1px solid var(--color-lines); - border-bottom: 0; + border: 0; } .app-body .hashtag-header__header { margin-bottom: 0; @@ -5616,6 +5634,9 @@ a:is(.active, border-left: 0; border-right: 0; } +.app-body .server-banner .account .display-name__account { + opacity: .7; +} .app-body .server-banner__meta__column:first-child { width: calc(60% - 5px); } diff --git a/TangerineUI.css b/TangerineUI.css index 00e7662..4c26588 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -3215,6 +3215,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } .app-body .column-header > button { padding: 0 0 0 15px; +} +.app-body .column-header .column-header__back-button { + padding-right: 16px; +} +.app-body .column-header :is(> button, .column-header__back-button) { font-weight: bold; } @media screen and (max-width:1174px) { @@ -3803,9 +3808,21 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } } .app-body .account__header__image { - height: 156px; - background-color: var(--color-secondary-bg); + height: 200px; + background-color: var(--color-content-bg); + border-radius: 8px; border-bottom: 0; + margin: 7px 10px 10px; +} +.app-body .account__header__image img { + object-position: top center; + background-color: var(--color-content-secondary-bg); +} +.app-body .account__header__image:has(img[src*="/missing.png"]) { + height: 90px; +} +.app-body .account__header__image img[src*="/missing.png"] { + background-color: transparent; } .app-body .account__header__bar { border: 0; @@ -4115,10 +4132,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu .app-body .hashtag-header { font-size: 15px; padding: 24px 20px; + margin: 10px; + border-radius: 8px; color: var(--color-content-fg); background-color: var(--color-content-secondary-bg); - border-top: 1px solid var(--color-lines); - border-bottom: 0; + border: 0; } .app-body .hashtag-header__header { margin-bottom: 0; @@ -5616,6 +5634,9 @@ a:is(.active, border-left: 0; border-right: 0; } +.app-body .server-banner .account .display-name__account { + opacity: .7; +} .app-body .server-banner__meta__column:first-child { width: calc(60% - 5px); }