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

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
$black: #000; // Black
$white: #fff; // White
// 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 {
outline: 1px solid var(--media-outline-color);
outline: 1px solid var(--clr-border-media);
}
.hide-button {
@ -2069,8 +2069,8 @@ a.sparkline {
right: 5px;
color: $white;
border: 0;
outline: 1px solid var(--media-outline-color);
background-color: color.change($black, $alpha: 0.45);
outline: 1px solid var(--clr-border-media);
background-color: rgb(from var(--clr-bg-media) r g b / 45%);
backdrop-filter: $backdrop-blur-filter;
padding: 3px 12px;
border-radius: 99px;
@ -2080,7 +2080,7 @@ a.sparkline {
&:hover,
&: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;
&__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;
border-radius: 8px;
padding: 12px 16px;
@ -4944,7 +4944,7 @@ a.status-card {
&:hover,
&:focus {
.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;
color: $white;
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;
padding: 3px 12px;
border-radius: 99px;
@ -7022,7 +7022,7 @@ a.status-card {
text-align: center;
color: $white;
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;
padding: 3px 8px;
border-radius: 4px;
@ -7045,7 +7045,7 @@ a.status-card {
.info-tooltip {
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;
border-radius: 4px;
box-shadow: var(--dropdown-shadow);