Files
Masto/app/javascript/flavours/glitch/styles/accessibility.scss
T
2025-10-17 00:21:14 +02:00

42 lines
978 B
SCSS

@use "mixins" as *;
@use "variables" as *;
$emojis-requiring-inversion: "back" "copyright" "curly_loop" "currency_exchange"
"end" "heavy_check_mark" "heavy_division_sign" "heavy_dollar_sign"
"heavy_minus_sign" "heavy_multiplication_x" "heavy_plus_sign" "on"
"registered" "soon" "spider" "telephone_receiver" "tm" "top" "wavy_dash" !default;
%emoji-color-inversion {
filter: invert(1);
}
.emojione {
@each $emoji in $emojis-requiring-inversion {
&[title=":#{$emoji}:"] {
@extend %emoji-color-inversion;
}
}
}
.hicolor-privacy-icons {
.status__visibility-icon.fa-globe,
.privacy-dropdown__option .fa-globe {
color: #1976d2;
}
.status__visibility-icon.fa-unlock,
.privacy-dropdown__option .fa-unlock {
color: #388e3c;
}
.status__visibility-icon.fa-lock,
.privacy-dropdown__option .fa-lock {
color: #ffa000;
}
.status__visibility-icon.fa-envelope,
.privacy-dropdown__option .fa-envelope {
color: #d32f2f;
}
}