diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index 909b928..cc332b1 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -3518,16 +3518,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu transform: scale(.9); } -.app-body .load-gap, -.app-body .load-more { - background-color: var(--color-accent-bg); +.app-body :is(.load-gap, .load-more) { + background-color: var(--color-content-secondary-bg); color: var(--color-accent); border-bottom: 0; } -.app-body .load-gap:hover, -.app-body .load-more:hover { +.app-body :is(.load-gap, .load-more):is(:active, :hover) { background-color: var(--color-accent-lines); } +.app-body :is(.load-gap, .load-more) .icon-ellipsis-h { + background-image: var(--icon-ellipsis-column-link-active-accent); +} .app-body .column-header__collapsible { background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%); diff --git a/TangerineUI-lagoon.css b/TangerineUI-lagoon.css index 5bf9c83..415beea 100644 --- a/TangerineUI-lagoon.css +++ b/TangerineUI-lagoon.css @@ -3518,16 +3518,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu transform: scale(.9); } -.app-body .load-gap, -.app-body .load-more { - background-color: var(--color-accent-bg); +.app-body :is(.load-gap, .load-more) { + background-color: var(--color-content-secondary-bg); color: var(--color-accent); border-bottom: 0; } -.app-body .load-gap:hover, -.app-body .load-more:hover { +.app-body :is(.load-gap, .load-more):is(:active, :hover) { background-color: var(--color-accent-lines); } +.app-body :is(.load-gap, .load-more) .icon-ellipsis-h { + background-image: var(--icon-ellipsis-column-link-active-accent); +} .app-body .column-header__collapsible { background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%); diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index ec18989..58bc17e 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -3518,16 +3518,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu transform: scale(.9); } -.app-body .load-gap, -.app-body .load-more { - background-color: var(--color-accent-bg); +.app-body :is(.load-gap, .load-more) { + background-color: var(--color-content-secondary-bg); color: var(--color-accent); border-bottom: 0; } -.app-body .load-gap:hover, -.app-body .load-more:hover { +.app-body :is(.load-gap, .load-more):is(:active, :hover) { background-color: var(--color-accent-lines); } +.app-body :is(.load-gap, .load-more) .icon-ellipsis-h { + background-image: var(--icon-ellipsis-column-link-active-accent); +} .app-body .column-header__collapsible { background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%); diff --git a/TangerineUI.css b/TangerineUI.css index 756d95b..998d35f 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -3518,16 +3518,17 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu transform: scale(.9); } -.app-body .load-gap, -.app-body .load-more { - background-color: var(--color-accent-bg); +.app-body :is(.load-gap, .load-more) { + background-color: var(--color-content-secondary-bg); color: var(--color-accent); border-bottom: 0; } -.app-body .load-gap:hover, -.app-body .load-more:hover { +.app-body :is(.load-gap, .load-more):is(:active, :hover) { background-color: var(--color-accent-lines); } +.app-body :is(.load-gap, .load-more) .icon-ellipsis-h { + background-image: var(--icon-ellipsis-column-link-active-accent); +} .app-body .column-header__collapsible { background-color: color-mix(in srgb, var(--color-content-secondary-bg), transparent 15%);