mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-12-01 00:08:13 +09:00
Code

Refined follow request banners and empty column indicator

Browse Source
This commit is contained in:
Niléane 2023-07-18 21:16:08 +02:00
parent a2c145a9f2
commit e3271579ac
No known key found for this signature in database
1 changed files with 31 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
TangerineUI.css
View File

@ -964,8 +964,10 @@ body.layout-single-column {
/* Empty columns */ /* Empty columns */
.layout-single-column .empty-column-indicator { .layout-single-column .empty-column-indicator {
background-color: var(--color-content-bg); background-color: var(--color-content-secondary-bg);
color: var(--color-content-fg); color: var(--color-content-fg);
border-radius: 7px;
contain: content;
} }
.layout-single-column .empty-column-indicator a { .layout-single-column .empty-column-indicator a {
color: var(--color-accent); color: var(--color-accent);
@ -973,10 +975,10 @@ body.layout-single-column {
/* Timeline hint */ /* Timeline hint */
.layout-single-column .timeline-hint { .layout-single-column .timeline-hint {
background-color: var(--color-content-secondary-bg);
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.layout-single-column .timeline-hint a { .layout-single-column .timeline-hint a {
background-color: var(--color-content-secondary-bg);
color: var(--color-accent); color: var(--color-accent);
} }
@ -1561,15 +1563,19 @@ body.layout-single-column {
border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0;
} }
.follow-request-banner, .layout-single-column .follow-request-banner,
.moved-account-banner { .layout-single-column .moved-account-banner {
background-color: var(--color-accent-bg); background-color: var(--color-accent-bg);
} }
.follow-request-banner__message, .layout-single-column .moved-account-banner {
.moved-account-banner__message { margin-bottom: 10px;
border-radius: 7px;
}
.layout-single-column .follow-request-banner__message,
.layout-single-column .moved-account-banner__message {
color: var(--color-content-fg); color: var(--color-content-fg);
} }
.moved-account-banner__message { .layout-single-column .moved-account-banner__message {
font-weight: bold; font-weight: bold;
} }
@ -2131,15 +2137,33 @@ body.layout-single-column {
.layout-single-column .button.button-tertiary.button--destructive { .layout-single-column .button.button-tertiary.button--destructive {
background-color: transparent; background-color: transparent;
} }
.layout-single-column .button.button-tertiary.button--confirmation {
color: #4e8a6b;
background-color: rgba(121, 189, 154, 0.3);
}
.layout-single-column .button.button-tertiary.button--destructive {
color: #df405a;
background-color: rgba(223, 64, 90, 0.3);
}
.layout-single-column .button.button-tertiary.button--confirmation:active, .layout-single-column .button.button-tertiary.button--confirmation:active,
.layout-single-column .button.button-tertiary.button--confirmation:focus, .layout-single-column .button.button-tertiary.button--confirmation:focus,
.layout-single-column .button.button-tertiary.button--confirmation:hover { .layout-single-column .button.button-tertiary.button--confirmation:hover {
background-color: #79bd9a; background-color: #79bd9a;
color: #ffffff;
} }
.layout-single-column .button.button-tertiary.button--destructive:active, .layout-single-column .button.button-tertiary.button--destructive:active,
.layout-single-column .button.button-tertiary.button--destructive:focus, .layout-single-column .button.button-tertiary.button--destructive:focus,
.layout-single-column .button.button-tertiary.button--destructive:hover { .layout-single-column .button.button-tertiary.button--destructive:hover {
background-color: #df405a; background-color: #df405a;
color: #ffffff;
}
@media (prefers-color-scheme: dark) {
.layout-single-column .button.button-tertiary.button--confirmation {
color: #72cb9d;
}
.layout-single-column .button.button-tertiary.button--destructive {
color: #f3637b;
}
} }
.layout-single-column .app-body .block-modal__cancel-button, .layout-single-column .app-body .block-modal__cancel-button,
.layout-single-column .app-body .confirmation-modal__cancel-button, .layout-single-column .app-body .confirmation-modal__cancel-button,