mirror/Tangerine-UI
1
0
Fork 0
mirror of https://github.com/nileane/TangerineUI-for-Mastodon synced 2024-11-28 14:58:13 +09:00
Code

Merged banner changes in purple variant

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

39
TangerineUI-purple.css
View File

@ -964,8 +964,10 @@ body.layout-single-column {
/* Empty columns */
.layout-single-column .empty-column-indicator {
background-color: var(--color-content-bg);
background-color: var(--color-content-secondary-bg);
color: var(--color-content-fg);
border-radius: 7px;
contain: content;
}
.layout-single-column .empty-column-indicator a {
color: var(--color-accent);
@ -973,10 +975,10 @@ body.layout-single-column {
/* Timeline hint */
.layout-single-column .timeline-hint {
background-color: var(--color-content-secondary-bg);
color: var(--color-content-fg);
}
.layout-single-column .timeline-hint a {
background-color: var(--color-content-secondary-bg);
color: var(--color-accent);
}
@ -1561,6 +1563,21 @@ body.layout-single-column {
border-radius: 7px 7px 0 0;
}
.layout-single-column .follow-request-banner,
.layout-single-column .moved-account-banner {
background-color: var(--color-accent-bg);
}
.layout-single-column .moved-account-banner {
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);
}
.layout-single-column .moved-account-banner__message {
font-weight: bold;
}
/* ✨ Explore tab
@ -2120,15 +2137,33 @@ body.layout-single-column {
.layout-single-column .button.button-tertiary.button--destructive {
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:focus,
.layout-single-column .button.button-tertiary.button--confirmation:hover {
background-color: #79bd9a;
color: #ffffff;
}
.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:hover {
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 .confirmation-modal__cancel-button,