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

Replace $black

Browse Source
This commit is contained in:
diondiondion 2025-10-24 10:06:34 +02:00
parent 1325af662c
commit 38b9803b4c
3 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
app/javascript/styles/mastodon/_variables.scss
View File

@ -1,5 +1,4 @@
// Commonly used web colors // Commonly used web colors
$black: #000; // Black
$white: #fff; // White $white: #fff; // White
// Keep this filter a SCSS variable rather than // Keep this filter a SCSS variable rather than

8
app/javascript/styles/mastodon/admin.scss
View File

@ -2058,7 +2058,7 @@ a.sparkline {
} }
.spoiler-button__overlay__label { .spoiler-button__overlay__label {
outline: 1px solid var(--media-outline-color); outline: 1px solid var(--clr-border-media);
} }
.hide-button { .hide-button {
@ -2069,8 +2069,8 @@ a.sparkline {
right: 5px; right: 5px;
color: $white; color: $white;
border: 0; border: 0;
outline: 1px solid var(--media-outline-color); outline: 1px solid var(--clr-border-media);
background-color: color.change($black, $alpha: 0.45); background-color: rgb(from var(--clr-bg-media) r g b / 45%);
backdrop-filter: $backdrop-blur-filter; backdrop-filter: $backdrop-blur-filter;
padding: 3px 12px; padding: 3px 12px;
border-radius: 99px; border-radius: 99px;
@ -2080,7 +2080,7 @@ a.sparkline {
&:hover, &:hover,
&:focus { &:focus {
background-color: color.change($black, $alpha: 0.9); background-color: rgb(from var(--clr-bg-media) r g b / 90%);
} }
} }

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

@ -4924,7 +4924,7 @@ a.status-card {
font-size: 14px; font-size: 14px;
&__label { &__label {
background-color: color.change($black, $alpha: 0.45); background-color: rgb(from var(--clr-bg-media) r g b / 45%);
backdrop-filter: $backdrop-blur-filter; backdrop-filter: $backdrop-blur-filter;
border-radius: 8px; border-radius: 8px;
padding: 12px 16px; padding: 12px 16px;
@ -4944,7 +4944,7 @@ a.status-card {
&:hover, &:hover,
&:focus { &:focus {
.spoiler-button__overlay__label { .spoiler-button__overlay__label {
background-color: color.change($black, $alpha: 0.9); background-color: rgb(from var(--clr-bg-media) r g b / 90%);
} }
} }
} }
@ -6997,7 +6997,7 @@ a.status-card {
display: block; display: block;
color: $white; color: $white;
border: 0; border: 0;
background: color.change($black, $alpha: 0.65); background: rgb(from var(--clr-bg-media) r g b / 65%);
backdrop-filter: $backdrop-blur-filter; backdrop-filter: $backdrop-blur-filter;
padding: 3px 12px; padding: 3px 12px;
border-radius: 99px; border-radius: 99px;
@ -7022,7 +7022,7 @@ a.status-card {
text-align: center; text-align: center;
color: $white; color: $white;
border: 0; border: 0;
background: color.change($black, $alpha: 0.65); background: rgb(from var(--clr-bg-media) r g b / 65%);
backdrop-filter: $backdrop-blur-filter; backdrop-filter: $backdrop-blur-filter;
padding: 3px 8px; padding: 3px 8px;
border-radius: 4px; border-radius: 4px;
@ -7045,7 +7045,7 @@ a.status-card {
.info-tooltip { .info-tooltip {
color: var(--clr-text-on-media); color: var(--clr-text-on-media);
background: var(--clr-bg-media); background: rgb(from var(--clr-bg-media) r g b / 65%);
backdrop-filter: $backdrop-blur-filter; backdrop-filter: $backdrop-blur-filter;
border-radius: 4px; border-radius: 4px;
box-shadow: var(--dropdown-shadow); box-shadow: var(--dropdown-shadow);