gnh1201/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2025-11-29 10:53:39 +00:00
Code Issues Actions 16 Packages Projects Releases Wiki Activity

Clean up last remaining plain colour values

Browse Source
This commit is contained in:
diondiondion 2025-10-27 11:15:20 +01:00
parent 1992a6763c
commit 81dc6dd1f9
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
app/javascript/styles/mastodon/components.scss
View File

@ -6098,10 +6098,13 @@ a.status-card {
padding: 16px; padding: 16px;
.icon-button { .icon-button {
--default-icon-color: white; --default-icon-color: var(--clr-text-on-media);
--default-bg-color: transparent; --default-bg-color: transparent;
--hover-icon-color: white; --hover-icon-color: var(--clr-text-on-media);
--hover-bg-color: rgb(255 255 255 / 12%); --hover-bg-color: rgb(
from var(--clr-text-on-media) r g b /
var(--clr-bg-accent-subtle-strength)
);
.icon { .icon {
filter: var(--overlay-icon-shadow); filter: var(--overlay-icon-shadow);
@ -6123,7 +6126,7 @@ a.status-card {
} }
&.disabled { &.disabled {
--default-icon-color: white; --default-icon-color: var(--clr-text-on-media);
--default-bg-color: transparent; --default-bg-color: transparent;
cursor: default; cursor: default;
@ -6484,7 +6487,7 @@ a.status-card {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 24px; padding: 24px;
background: #000; background: var(--clr-bg-media-base);
img { img {
display: block; display: block;
@ -7263,6 +7266,12 @@ a.status-card {
} }
.audio-player { .audio-player {
/* These are only fallback values, the AudioPlayer component inserts
* the real colours dynamically as inline styles */
--player-foreground-color: var(--clr-text-on-media);
--player-background-color: var(--clr-bg-media-base);
--player-accent-color: var(--clr-text-accent);
box-sizing: border-box; box-sizing: border-box;
container: audio-player / inline-size; container: audio-player / inline-size;
position: relative; position: relative;
@ -7272,7 +7281,7 @@ a.status-card {
width: 100%; width: 100%;
aspect-ratio: 16 / 9; aspect-ratio: 16 / 9;
color: var(--player-foreground-color); color: var(--player-foreground-color);
background: var(--player-background-color, var(--clr-bg-primary)); background: var(--player-background-color);
border-radius: 8px; border-radius: 8px;
outline: 1px solid var(--clr-border-media); outline: 1px solid var(--clr-border-media);
outline-offset: -1px; outline-offset: -1px;
@ -8086,7 +8095,7 @@ noscript {
width: 100px; width: 100px;
height: 100px; height: 100px;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
border: 2px solid #fff; border: 2px solid var(--clr-text-on-media);
border-radius: 50%; border-radius: 50%;
box-shadow: 0 0 0 9999em var(--clr-shadow-primary); box-shadow: 0 0 0 9999em var(--clr-shadow-primary);
pointer-events: none; pointer-events: none;