Frontend configurability settings

[marrus-sh]

Tasklist

• Create settings modal (see App settings modal #39)
  • Implemented in 595c6de
• Redefine all of Mastodon's colours using semantic variables [eg, ui-body-text, ui-header-text, ui-column-color, and so forth] so that these can be easily changed independently.
• Define new light-mode and high-contrast values for the above.
• Define mixins in the manner of the ones already currently used for multi-/single-column layout for various options
  • For reduce-animation
  • For no-transparency
  • For high-contrast
  • For light-mode
    • For these latter two, perhaps redefine the semantic variables above inside the mixin; eg:

      [[content]]
      .light-mode & {
          $redefined-color: #074e4c;
          [[content]]
      }

• Apply mixins to CSS
• Add options to the settings modal to enable these settings

---

Original post

Would love it if the Mastodon frontend had the following options:

• reduce_animation: Removes all the CSS transitions, spinning effects, etc. on the frontend. Conserves resources and is less distracting.
• no_transparency: Eliminate all semi-opaque elements from the UI and make the media lightbox an opaque colour.
• high_contrast: Increases the contrast of UI elements.
• light_mode: Dark text on a light background instead of vice-versa.

All of this can be implemented through CSS but it will be a chore, and then there's the matter of activating/deactivating these options.

[marrus-sh]

Would be cool to have a "frontend settings" modal for configuring these sorts of options. Aside from the CSS it's not hard to implement these things now that localSettings has been added to the Redux store.

[beatrix-bitrot]

I think we should break this out into separate issues now that the modal itself is done. Thoughts @marrus-sh ?

[marrus-sh]

Reduce animation is now implemented in upstream and other themes can be handled by our skins feature, so I'm closing this~