Leatherface/mastodon
1
0
Fork 0
mirror of https://github.com/glitch-soc/mastodon.git synced 2025-12-29 07:03:16 +01:00
Code Issues Packages Projects Releases Wiki Activity

[Glitch] Update color alpha blending to use Sass color functions

Browse Source 
Port 95111e88e3 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Alan
2025-08-18 09:55:38 -06:00
committed by Claire
parent 9871aeed20
commit 903eefd420
9 changed files with 115 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/javascript/flavours/glitch/styles/mastodon-light/diff.scss
View File

@@ -16,7 +16,7 @@
.status-card__actions button,
.status-card__actions a {
color: rgba($white, 0.8);
color: color.change($white, $alpha: 0.8);
&:hover,
&:active,
@@ -298,14 +298,14 @@
.simple_form {
.warning {
box-shadow: none;
background: rgba($error-red, 0.5);
background: color.change($error-red, $alpha: 0.5);
text-shadow: none;
}
.recommended {
border-color: $ui-highlight-color;
color: $ui-highlight-color;
background-color: rgba($ui-highlight-color, 0.1);
background-color: color.change($ui-highlight-color, $alpha: 0.1);
}
input[type='text'],
@@ -327,7 +327,7 @@
.compose-form .compose-form__warning {
border-color: $ui-highlight-color;
background-color: rgba($ui-highlight-color, 0.1);
background-color: color.change($ui-highlight-color, $alpha: 0.1);
&,
a {
@@ -374,6 +374,14 @@
}
}
.status__wrapper-direct {
background-color: color.change($ui-highlight-color, $alpha: 0.1);
&:focus {
background-color: color.change($ui-highlight-color, $alpha: 0.15);
}
}
// Glitch-soc-specific changes
.pillbar-button {
@@ -486,8 +494,8 @@
}
.inline-follow-suggestions {
background-color: rgba($ui-highlight-color, 0.1);
border-bottom-color: rgba($ui-highlight-color, 0.3);
background-color: color.change($ui-highlight-color, $alpha: 0.1);
border-bottom-color: color.change($ui-highlight-color, $alpha: 0.3);
}
.inline-follow-suggestions__body__scrollable__card {
@@ -561,7 +569,7 @@ a.sparkline {
@supports not selector(::-webkit-scrollbar) {
html {
scrollbar-color: rgba($action-button-color, 0.25)
scrollbar-color: color.change($action-button-color, $alpha: 0.25)
var(--background-border-color);
}
}