1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71
|
.grouped-icon.star,
.ttl-status-action-star:hover,
.ttl-status-action-star.enabled {
color: var(--yellow-1);
}
.ttl-status-action-star:active {
color: var(--yellow-2);
}
.grouped-icon.reblog,
.ttl-status-action-reblog:hover,
.ttl-status-action-reblog.enabled {
color: var(--purple-1);
}
.ttl-status-action-reblog:active {
color: var(--purple-2);
}
.grouped-icon.follow,
.ttl-status-action-reply:hover,
.ttl-status-action-reply.enabled {
color: var(--green-1);
}
.ttl-status-action-reply:active {
color: var(--green-2);
}
.grouped-icon.sign-up,
.ttl-status-action-heart:hover,
.ttl-status-action-heart.enabled,
.ttl-status-action-bookmark:hover,
.ttl-status-action-bookmark.enabled {
color: var(--red-1);
}
.ttl-status-action-heart:active,
.ttl-status-action-bookmark:active {
color: var(--red-2);
}
.ttl-status-action-quote:hover,
.ttl-status-action-quote.enabled {
color: var(--blue-1);
}
.ttl-status-action-quote:active {
color: var(--blue-2);
}
.ttl-post.direct:hover {
background-color: hsl(from rgb(from var(--warning-bg-color) r g b / calc(alpha * 0.1)) h calc(s * 1.3) calc(l * 1.3));
}
.ttl-post.local:hover {
background-color: color-mix(in srgb, color-mix(in srgb, var(--purple-1) 10%, transparent), white 1%);
}
.ttl-darken-images avatar:not(:hover), .ttl-darken-images picture:not(:hover) {
filter: brightness(.8) contrast(1.2);
}
.composer-attachment .alt-indicator {
background-color: color-mix(in srgb, color-mix(in srgb, var(--error-bg-color) 50%, black) 80%, transparent);
}
.composer-attachment .alt-indicator.success {
background-color: color-mix(in srgb, color-mix(in srgb, var(--success-bg-color) 40%, black) 80%, transparent);
}
|