diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index 12cd7db..51aa6ca 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -401,7 +401,7 @@ body.app-body { } :root:has(.app-body) *::-webkit-scrollbar-thumb { background-color: var(--color-accent); - border-radius: 50px; + border-radius: 8px; opacity: .4; } :root:has(.app-body) *::-webkit-scrollbar-track:hover { @@ -416,6 +416,11 @@ body.app-body { display: none; } } +:root, +* { + scrollbar-color: var(--color-accent) var(--color-bg); + scrollbar-width: thin; +} .app-body { --dropdown-shadow: @@ -4770,6 +4775,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu padding: 6px; transition: all .3s; } +.app-body .inline-follow-suggestions__body__scroll-button { + opacity: 1; +} .app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon { transform: scale(.9); } diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index 1f39938..c9b8da0 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -401,7 +401,7 @@ body.app-body { } :root:has(.app-body) *::-webkit-scrollbar-thumb { background-color: var(--color-accent); - border-radius: 50px; + border-radius: 8px; opacity: .4; } :root:has(.app-body) *::-webkit-scrollbar-track:hover { @@ -416,6 +416,11 @@ body.app-body { display: none; } } +:root, +* { + scrollbar-color: var(--color-accent) var(--color-bg); + scrollbar-width: thin; +} .app-body { --dropdown-shadow: @@ -4770,6 +4775,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu padding: 6px; transition: all .3s; } +.app-body .inline-follow-suggestions__body__scroll-button { + opacity: 1; +} .app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon { transform: scale(.9); } diff --git a/TangerineUI.css b/TangerineUI.css index 9dbe113..41a7704 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -401,7 +401,7 @@ body.app-body { } :root:has(.app-body) *::-webkit-scrollbar-thumb { background-color: var(--color-accent); - border-radius: 50px; + border-radius: 8px; opacity: .4; } :root:has(.app-body) *::-webkit-scrollbar-track:hover { @@ -416,6 +416,11 @@ body.app-body { display: none; } } +:root, +* { + scrollbar-color: var(--color-accent) var(--color-bg); + scrollbar-width: thin; +} .app-body { --dropdown-shadow: @@ -4770,6 +4775,9 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu padding: 6px; transition: all .3s; } +.app-body .inline-follow-suggestions__body__scroll-button { + opacity: 1; +} .app-body .inline-follow-suggestions__body__scroll-button:is(:active) .inline-follow-suggestions__body__scroll-button__icon { transform: scale(.9); }