Merge branch 'appearance-tab' into shigusegubu-themes3

changelog.d/appearance-tab.change

@@ -0,0 +1 @@
+Reorganized Settings modal to move out visual stuff into Appearance tab

changelog.d/emoji-scale.add

@@ -0,0 +1 @@
+Ability to change size of emoji

changelog.d/firefox-redmon.fix

@@ -0,0 +1 @@
+Bug with firefox and redmond themes

changelog.d/theme-selector.add

@@ -0,0 +1 @@
+Theme selector with visual previews of the theme

changelog.d/ui-scale.add

@@ -0,0 +1 @@
+Ability to resize UI (and certain components) scale independent of browser/text scale

changelog.d/user-overrides.add

@@ -0,0 +1 @@
+Ability to override certain aspects of UI style independent of theme used (UI roundness, fonts, underlay)

src/components/settings_modal/settings_modal_user_content.js

@@ -20,7 +20,8 @@ import {
   faBell,
   faDownload,
   faEyeSlash,
-  faInfo
+  faInfo,
+  faWindowRestore
 } from '@fortawesome/free-solid-svg-icons'
 
 library.add(
@@ -31,7 +32,8 @@ library.add(
   faBell,
   faDownload,
   faEyeSlash,
-  faInfo
+  faInfo,
+  faWindowRestore
 )
 
 const SettingsModalContent = {

src/components/settings_modal/settings_modal_user_content.vue

@@ -23,7 +23,7 @@
     </div>
     <div
       :label="$t('settings.appearance')"
-      icon="paint-brush"
+      icon="window-restore"
       data-tab-name="appearance"
     >
       <AppearanceTab />