diff --git a/TangerineUI-cherry.css b/TangerineUI-cherry.css index 4b70d6f..64ab211 100644 --- a/TangerineUI-cherry.css +++ b/TangerineUI-cherry.css @@ -3888,8 +3888,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } .app-body .copypaste input, .app-body .interaction-modal__login__input { - border-color: var(--color-accent); - background-color: var(--color-accent-lines); + border-color: var(--color-lines); + background-color: var(--color-content-secondary-bg); color: var(--color-content-fg); border-radius: 8px; } @@ -3900,12 +3900,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu border-bottom-right-radius: 8px; } .app-body .interaction-modal__login__input input::placeholder { - color: var(--color-accent); + color: var(--color-content-fg-muted); } .app-body .interaction-modal__login.focused .interaction-modal__login__input { background-color: var(--color-content-bg); border-color: var(--color-accent); - box-shadow: 0 0 0 2px var(--color-accent); } .app-body .interaction-modal__login .search__popout { border-color: var(--color-lines); @@ -3914,7 +3913,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu padding: 8px 18px; } .app-body .modal-root__overlay { - background-color: hsla(0, 0%, 79.5%, 0.7); + background-color: hsla(0, 0%, 23.5%, 0.7); } @media (prefers-color-scheme: dark) { .app-body .modal-root__overlay { diff --git a/TangerineUI-purple.css b/TangerineUI-purple.css index ce9b5f0..4646cdd 100644 --- a/TangerineUI-purple.css +++ b/TangerineUI-purple.css @@ -3888,8 +3888,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } .app-body .copypaste input, .app-body .interaction-modal__login__input { - border-color: var(--color-accent); - background-color: var(--color-accent-lines); + border-color: var(--color-lines); + background-color: var(--color-content-secondary-bg); color: var(--color-content-fg); border-radius: 8px; } @@ -3900,12 +3900,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu border-bottom-right-radius: 8px; } .app-body .interaction-modal__login__input input::placeholder { - color: var(--color-accent); + color: var(--color-content-fg-muted); } .app-body .interaction-modal__login.focused .interaction-modal__login__input { background-color: var(--color-content-bg); border-color: var(--color-accent); - box-shadow: 0 0 0 2px var(--color-accent); } .app-body .interaction-modal__login .search__popout { border-color: var(--color-lines); @@ -3914,7 +3913,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu padding: 8px 18px; } .app-body .modal-root__overlay { - background-color: hsla(0, 0%, 79.5%, 0.7); + background-color: hsla(0, 0%, 23.5%, 0.7); } @media (prefers-color-scheme: dark) { .app-body .modal-root__overlay { diff --git a/TangerineUI.css b/TangerineUI.css index e019e48..fff895d 100644 --- a/TangerineUI.css +++ b/TangerineUI.css @@ -3888,8 +3888,8 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu } .app-body .copypaste input, .app-body .interaction-modal__login__input { - border-color: var(--color-accent); - background-color: var(--color-accent-lines); + border-color: var(--color-lines); + background-color: var(--color-content-secondary-bg); color: var(--color-content-fg); border-radius: 8px; } @@ -3900,12 +3900,11 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu border-bottom-right-radius: 8px; } .app-body .interaction-modal__login__input input::placeholder { - color: var(--color-accent); + color: var(--color-content-fg-muted); } .app-body .interaction-modal__login.focused .interaction-modal__login__input { background-color: var(--color-content-bg); border-color: var(--color-accent); - box-shadow: 0 0 0 2px var(--color-accent); } .app-body .interaction-modal__login .search__popout { border-color: var(--color-lines); @@ -3914,7 +3913,7 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu padding: 8px 18px; } .app-body .modal-root__overlay { - background-color: hsla(0, 0%, 79.5%, 0.7); + background-color: hsla(0, 0%, 23.5%, 0.7); } @media (prefers-color-scheme: dark) { .app-body .modal-root__overlay {