diff --git a/app/javascript/flavours/glitch/features/local_settings/page/index.js b/app/javascript/flavours/glitch/features/local_settings/page/index.js
index bc4ad359ce0..a13bffa3a21 100644
--- a/app/javascript/flavours/glitch/features/local_settings/page/index.js
+++ b/app/javascript/flavours/glitch/features/local_settings/page/index.js
@@ -42,6 +42,15 @@ export default class LocalSettingsPage extends React.PureComponent {
>
+
+
+
+
({
dropdownMenuIsOpen: state.getIn(['dropdown_menu', 'openId']) !== null,
unreadNotifications: state.getIn(['notifications', 'unread']),
showFaviconBadge: state.getIn(['local_settings', 'notifications', 'favicon_badge']),
+ hicolorPrivacyIcons: state.getIn(['local_settings', 'hicolor_privacy_icons']),
});
const keyMap = {
@@ -446,6 +447,7 @@ export default class UI extends React.Component {
'wide': isWide,
'system-font': this.props.systemFontUi,
'navbar-under': navbarUnder,
+ 'hicolor-privacy-icons': this.props.hicolorPrivacyIcons,
});
const handlers = {
diff --git a/app/javascript/flavours/glitch/reducers/local_settings.js b/app/javascript/flavours/glitch/reducers/local_settings.js
index ef694d4ead8..93ab1a9edb6 100644
--- a/app/javascript/flavours/glitch/reducers/local_settings.js
+++ b/app/javascript/flavours/glitch/reducers/local_settings.js
@@ -18,6 +18,7 @@ const initialState = ImmutableMap({
confirm_before_clearing_draft: true,
preselect_on_reply: true,
inline_preview_cards: true,
+ hicolor_privacy_icons: true,
content_warnings : ImmutableMap({
auto_unfold : false,
filter : null,
diff --git a/app/javascript/flavours/glitch/styles/accessibility.scss b/app/javascript/flavours/glitch/styles/accessibility.scss
index 4fe5c8b1c15..35e91da805e 100644
--- a/app/javascript/flavours/glitch/styles/accessibility.scss
+++ b/app/javascript/flavours/glitch/styles/accessibility.scss
@@ -11,3 +11,25 @@ $emojis-requiring-outlines: '8ball' 'ant' 'back' 'black_circle' 'black_heart' 'b
}
}
}
+
+.hicolor-privacy-icons {
+ .status__visibility-icon.fa-globe,
+ .composer--options--dropdown--content--item .fa-globe {
+ color: #1976D2;
+ }
+
+ .status__visibility-icon.fa-unlock,
+ .composer--options--dropdown--content--item .fa-unlock {
+ color: #388E3C;
+ }
+
+ .status__visibility-icon.fa-lock,
+ .composer--options--dropdown--content--item .fa-lock {
+ color: #FFA000;
+ }
+
+ .status__visibility-icon.fa-envelope,
+ .composer--options--dropdown--content--item .fa-envelope {
+ color: #D32F2F;
+ }
+}