diff --git a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss index 51f1b52..b361be7 100644 --- a/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss +++ b/mastodon/app/javascript/styles/tangerineui-cherry/tangerineui-cherry.scss @@ -3094,6 +3094,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu .app-body .media-gallery__item-gifv-thumbnail { cursor: pointer; transition: .2s transform; + overflow: visible; } .app-body .media-gallery__item:active { transform: scale(.98); @@ -6423,9 +6424,19 @@ a:is(.active, background-color: color-mix(in srgb, var(--color-accent), transparent 82%); color: var(--color-accent); } +.app-body .hover-card .button { + background-color: var(--color-accent); + color: var(--color-accent-fg); + line-height: 22px; + padding: 10px 18px; +} .app-body .button:is(.button-secondary, .button-tertiary):hover { background-color: color-mix(in srgb, var(--color-accent), transparent 70%); } +.app-body .button.button--destructive:is(:active, :hover, :focus) { + background-color: var(--color-reject); + color: var(--color-accent-fg); +} .app-body .sign-in-banner .button, .app-body .button:is(.button-secondary, .button-tertiary) { padding: 10px 18px; diff --git a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss index 9cfd8bc..4d8c42d 100644 --- a/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss +++ b/mastodon/app/javascript/styles/tangerineui-purple/tangerineui-purple.scss @@ -3094,6 +3094,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu .app-body .media-gallery__item-gifv-thumbnail { cursor: pointer; transition: .2s transform; + overflow: visible; } .app-body .media-gallery__item:active { transform: scale(.98); @@ -6423,9 +6424,19 @@ a:is(.active, background-color: color-mix(in srgb, var(--color-accent), transparent 82%); color: var(--color-accent); } +.app-body .hover-card .button { + background-color: var(--color-accent); + color: var(--color-accent-fg); + line-height: 22px; + padding: 10px 18px; +} .app-body .button:is(.button-secondary, .button-tertiary):hover { background-color: color-mix(in srgb, var(--color-accent), transparent 70%); } +.app-body .button.button--destructive:is(:active, :hover, :focus) { + background-color: var(--color-reject); + color: var(--color-accent-fg); +} .app-body .sign-in-banner .button, .app-body .button:is(.button-secondary, .button-tertiary) { padding: 10px 18px; diff --git a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss index 91cfdf2..2731cf4 100644 --- a/mastodon/app/javascript/styles/tangerineui/tangerineui.scss +++ b/mastodon/app/javascript/styles/tangerineui/tangerineui.scss @@ -3094,6 +3094,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu .app-body .media-gallery__item-gifv-thumbnail { cursor: pointer; transition: .2s transform; + overflow: visible; } .app-body .media-gallery__item:active { transform: scale(.98); @@ -4353,7 +4354,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu background-image: var(--icon-globe-accent); } .app-body .hover-card { - background-color: var(--color-content-bg); + background-color: color-mix(in srgb, var(--color-content-bg), transparent 30%); border-color: var(--color-lines); } @@ -6423,9 +6424,19 @@ a:is(.active, background-color: color-mix(in srgb, var(--color-accent), transparent 82%); color: var(--color-accent); } +.app-body .hover-card .button { + background-color: var(--color-accent); + color: var(--color-accent-fg); + line-height: 22px; + padding: 10px 18px; +} .app-body .button:is(.button-secondary, .button-tertiary):hover { background-color: color-mix(in srgb, var(--color-accent), transparent 70%); } +.app-body .button.button--destructive:is(:active, :hover, :focus) { + background-color: var(--color-reject); + color: var(--color-accent-fg); +} .app-body .sign-in-banner .button, .app-body .button:is(.button-secondary, .button-tertiary) { padding: 10px 18px;