Merge branch 'develop' into release (Bump to 6.6.0)v6.6.0

18 files changed, 111 insertions, 169 deletions

diff --git a/src/components/AppUpdateInfoBar.tsx b/src/components/AppUpdateInfoBar.tsx
index b8e1bb61e..103bd2900 100644
--- a/src/components/AppUpdateInfoBar.tsx
+++ b/src/components/AppUpdateInfoBar.tsx
@@ -44,7 +44,9 @@ const AppUpdateInfoBar = (props: IProps) => {
       onHide={onHide}
     >
       <Icon icon={mdiInformation} />
-      {intl.formatMessage(messages.updateAvailable)}{' '}
+      <p style={{ padding: '0 0.5rem 0 1rem' }}>
+        {intl.formatMessage(messages.updateAvailable)}
+      </p>
       <button
         className="info-bar__inline-button"
         type="button"
diff --git a/src/components/settings/account/AccountDashboard.tsx b/src/components/settings/account/AccountDashboard.tsx
index de323c06e..ffa684458 100644
--- a/src/components/settings/account/AccountDashboard.tsx
+++ b/src/components/settings/account/AccountDashboard.tsx
@@ -4,7 +4,7 @@ import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import { Tooltip as ReactTooltip } from 'react-tooltip';
 import { H1, H2 } from '../../ui/headline';
 
-import Loader from '../../ui/Loader';
+import Loader from '../../ui/loader';
 import Button from '../../ui/button';
 import Infobox from '../../ui/infobox/index';
 import { LOCAL_SERVER, LIVE_FRANZ_API } from '../../../config';
@@ -123,7 +123,7 @@ class AccountDashboard extends Component<IProp> {
           )}
           {!isUsingWithoutAccount && (
             <>
-              {isLoading && <Loader />}
+              {isLoading && <Loader color="#FFFFFF" />}
 
               {!isLoading && userInfoRequestFailed && (
                 <Infobox
diff --git a/src/components/settings/recipes/RecipesDashboard.tsx b/src/components/settings/recipes/RecipesDashboard.tsx
index 7b7ba19b1..c7aeaa9b3 100644
--- a/src/components/settings/recipes/RecipesDashboard.tsx
+++ b/src/components/settings/recipes/RecipesDashboard.tsx
@@ -10,7 +10,7 @@ import { H1, H2, H3 } from '../../ui/headline';
 import SearchInput from '../../ui/SearchInput';
 import Infobox from '../../ui/infobox/index';
 import RecipeItem from './RecipeItem';
-import Loader from '../../ui/Loader';
+import Loader from '../../ui/loader';
 import Appear from '../../ui/effects/Appear';
 import { FERDIUM_SERVICE_REQUEST } from '../../../config';
 import RecipePreview from '../../../models/RecipePreview';
@@ -219,7 +219,7 @@ class RecipesDashboard extends Component<IProps, IState> {
               <Icon icon={mdiOpenInNew} />
             </a>
           </div>
-          {/* )} */}
+
           {isLoading ? (
             <Loader />
           ) : (
diff --git a/src/components/settings/services/ServicesDashboard.tsx b/src/components/settings/services/ServicesDashboard.tsx
index d64779a36..b8c3ce3f0 100644
--- a/src/components/settings/services/ServicesDashboard.tsx
+++ b/src/components/settings/services/ServicesDashboard.tsx
@@ -5,7 +5,7 @@ import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import { To } from 'history';
 import SearchInput from '../../ui/SearchInput';
 import Infobox from '../../ui/Infobox';
-import Loader from '../../ui/Loader';
+import Loader from '../../ui/loader';
 import FAB from '../../ui/FAB';
 import ServiceItem from './ServiceItem';
 import Appear from '../../ui/effects/Appear';
diff --git a/src/components/settings/team/TeamDashboard.tsx b/src/components/settings/team/TeamDashboard.tsx
index 77bccb8c3..406656160 100644
--- a/src/components/settings/team/TeamDashboard.tsx
+++ b/src/components/settings/team/TeamDashboard.tsx
@@ -6,7 +6,7 @@ import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import { Tooltip as ReactTooltip } from 'react-tooltip';
 import withStyles, { WithStylesProps } from 'react-jss';
 import classnames from 'classnames';
-import Loader from '../../ui/Loader';
+import Loader from '../../ui/loader';
 import Button from '../../ui/button';
 import Infobox from '../../ui/Infobox';
 import { H1 } from '../../ui/headline';
@@ -128,7 +128,7 @@ class TeamDashboard extends Component<IProps> {
           </span>
         </div>
         <div className="settings__body">
-          {isLoading && <Loader />}
+          {isLoading && <Loader color="#FFFFFF" />}
 
           {!isLoading && userInfoRequestFailed && (
             <Infobox
diff --git a/src/components/ui/FullscreenLoader/index.tsx b/src/components/ui/FullscreenLoader/index.tsx
index 002ee7932..09c1d5fbb 100644
--- a/src/components/ui/FullscreenLoader/index.tsx
+++ b/src/components/ui/FullscreenLoader/index.tsx
@@ -2,7 +2,7 @@ import { Component, ReactElement, ReactNode } from 'react';
 import { observer } from 'mobx-react';
 import withStyles, { WithStylesProps } from 'react-jss';
 import classnames from 'classnames';
-import Loader from '../Loader';
+import Loader from '../loader/index';
 import styles from './styles';
 import { H1 } from '../headline';
 import { Theme } from '../../../themes';
@@ -21,7 +21,7 @@ class FullscreenLoader extends Component<IProps> {
   render(): ReactElement {
     const {
       classes,
-      theme = '',
+      theme,
       className = '',
       spinnerColor = '',
       children = null,
@@ -39,9 +39,7 @@ class FullscreenLoader extends Component<IProps> {
         >
           <H1 className={classes.title}>{title}</H1>
           <Loader
-            color={
-              spinnerColor || (theme && theme.colorFullscreenLoaderSpinner)
-            }
+            color={spinnerColor || theme?.colorFullscreenLoaderSpinner}
             loaded={loaded}
           />
           {children && <div className={classes.content}>{children}</div>}
diff --git a/src/components/ui/FullscreenLoader/styles.ts b/src/components/ui/FullscreenLoader/styles.ts
index 64d24e4ce..9a1b24400 100644
--- a/src/components/ui/FullscreenLoader/styles.ts
+++ b/src/components/ui/FullscreenLoader/styles.ts
@@ -12,6 +12,7 @@ export default {
     alignItems: 'center',
     textAlign: 'center',
     height: 'auto',
+    gap: 8,
   },
   title: {
     fontSize: 35,
diff --git a/src/components/ui/InfoBar.tsx b/src/components/ui/InfoBar.tsx
index b7bfe0fa6..ae37546df 100644
--- a/src/components/ui/InfoBar.tsx
+++ b/src/components/ui/InfoBar.tsx
@@ -1,11 +1,11 @@
 import { Component, MouseEventHandler, ReactNode } from 'react';
 import { observer } from 'mobx-react';
 import classnames from 'classnames';
-import Loader from 'react-loader';
 import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 
 import { mdiClose } from '@mdi/js';
 import { noop } from 'lodash';
+import Loader from './loader/index';
 import Appear from './effects/Appear';
 import Icon from './icon';
 
@@ -67,15 +67,13 @@ class InfoBar extends Component<IProps> {
           {children}
           {ctaLabel && (
             <button type="button" className="info-bar__cta" onClick={onClick}>
-              <Loader
-                loaded={!ctaLoading}
-                lines={10}
-                scale={0.3}
-                color="#FFF"
-                // @ts-expect-error Property 'component' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ReactLoader> & Readonly<LoaderProps>
-                component="span"
-              />
-              {ctaLabel}
+              <div
+                className="contentWrapper"
+                style={{ display: 'flex', gap: '8px' }}
+              >
+                <Loader size={18} loaded={!ctaLoading} color="#FFFFFF" />
+                {ctaLabel}
+              </div>
             </button>
           )}
           {!sticky && (
diff --git a/src/components/ui/Infobox.tsx b/src/components/ui/Infobox.tsx
index a794a5e9b..742717ed7 100644
--- a/src/components/ui/Infobox.tsx
+++ b/src/components/ui/Infobox.tsx
@@ -1,10 +1,10 @@
 import { Component, MouseEventHandler, ReactElement, ReactNode } from 'react';
 import classnames from 'classnames';
-import Loader from 'react-loader';
 import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import { mdiAlert, mdiCheckboxMarkedCircleOutline, mdiClose } from '@mdi/js';
 import { noop } from 'lodash';
 import { observer } from 'mobx-react';
+import Loader from './loader/index';
 import Icon from './icon';
 
 const icons = {
@@ -80,15 +80,13 @@ class Infobox extends Component<IProps, IState> {
         <div className="infobox__content">{children}</div>
         {ctaLabel && (
           <button className="infobox__cta" onClick={ctaOnClick} type="button">
-            <Loader
-              loaded={!ctaLoading}
-              lines={10}
-              scale={0.3}
-              color="#FFF"
-              // @ts-expect-error Property 'component' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ReactLoader> & Readonly<LoaderProps>
-              component="span"
-            />
-            {ctaLabel}
+            <div
+              className="contentWrapper"
+              style={{ display: 'flex', gap: '8px' }}
+            >
+              <Loader size={18} loaded={!ctaLoading} color="#FFFFFF" />
+              {ctaLabel}
+            </div>
           </button>
         )}
         {dismissible && (
diff --git a/src/components/ui/Loader.tsx b/src/components/ui/Loader.tsx
deleted file mode 100644
index d4457ae5f..000000000
--- a/src/components/ui/Loader.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Component, ReactElement, ReactNode } from 'react';
-import { observer, inject } from 'mobx-react';
-import Loader from 'react-loader';
-
-import { FerdiumStores } from '../../@types/stores.types';
-
-interface IProps {
-  className?: string;
-  color?: string;
-  loaded?: boolean;
-  stores?: FerdiumStores;
-  children?: ReactNode;
-}
-
-// TODO: Can this file be merged into the './loader/index.tsx' file?
-@inject('stores')
-@observer
-class LoaderComponent extends Component<IProps> {
-  render(): ReactElement {
-    const {
-      loaded = false,
-      color = 'ACCENT',
-      className,
-      children,
-    } = this.props;
-
-    const loaderColor =
-      color === 'ACCENT' ? this.props.stores!.settings.app.accentColor : color;
-
-    return (
-      // @ts-expect-error Property 'children' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ReactLoader> & Readonly<LoaderProps>'
-      <Loader
-        loaded={loaded}
-        width={4}
-        scale={0.6}
-        color={loaderColor}
-        component="span"
-        className={className}
-      >
-        {children}
-      </Loader>
-    );
-  }
-}
-
-export default LoaderComponent;
diff --git a/src/components/ui/button/index.tsx b/src/components/ui/button/index.tsx
index c37a88afa..f8bcf76b2 100644
--- a/src/components/ui/button/index.tsx
+++ b/src/components/ui/button/index.tsx
@@ -5,7 +5,7 @@ import { Property } from 'csstype';
 import { noop } from 'lodash';
 import { Component, MouseEventHandler } from 'react';
 import withStyles, { WithStylesProps } from 'react-jss';
-import Loader from 'react-loader';
+import Loader from '../loader/index';
 import { Theme } from '../../../themes';
 import { IFormField } from '../typings/generic';
 
@@ -111,16 +111,8 @@ const styles = (theme: Theme) => ({
   disabled: {
     opacity: theme.inputDisabledOpacity,
   },
-  loader: {
-    position: 'relative' as Property.Position,
-    width: 20,
-    height: 18,
-    zIndex: 9999,
-  },
   loaderContainer: {
-    width: (props: IProps): string => (props.busy ? '40px' : '0'),
     height: 20,
-    overflow: 'hidden',
     transition: loaderContainerTransition,
     marginLeft: (props: IProps): number => (props.busy ? 20 : 10),
     marginRight: (props: IProps): number => (props.busy ? -20 : -10),
@@ -200,18 +192,11 @@ class ButtonComponent extends Component<IProps, IState> {
 
     const content = (
       <>
-        <div className={classes.loaderContainer}>
-          {showLoader && (
-            <Loader
-              loaded={false}
-              width={4}
-              scale={0.45}
-              // color={theme.buttonLoaderColor[buttonType!]}
-              // @ts-expect-error Property 'parentClassName' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ReactLoader> & Readonly<LoaderProps>
-              parentClassName={classes.loader}
-            />
-          )}
-        </div>
+        {showLoader && (
+          <div className={classes.loaderContainer}>
+            <Loader size={18} color="#FFFFFF" />
+          </div>
+        )}
         <div className={classes.label}>
           {icon && <Icon path={icon} size={0.8} className={classes.icon} />}
           {label}
diff --git a/src/components/ui/loader/index.tsx b/src/components/ui/loader/index.tsx
index 957899bdc..2cee00d96 100644
--- a/src/components/ui/loader/index.tsx
+++ b/src/components/ui/loader/index.tsx
@@ -1,26 +1,39 @@
 import classnames from 'classnames';
 import { Component } from 'react';
 import injectStyle, { WithStylesProps } from 'react-jss';
-import ReactLoader from 'react-loader';
-import { Theme } from '../../../themes';
+import { Oval } from 'react-loader-spinner';
+import { inject } from 'mobx-react';
+import { FerdiumStores } from '../../../@types/stores.types';
 
-const styles = (theme: Theme) => ({
+const styles = () => ({
   container: {
     position: 'relative',
-    height: 60,
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    height: 'inherit',
   },
-  loader: {},
-  color: theme.colorText,
 });
 
 interface IProps extends WithStylesProps<typeof styles> {
   className?: string;
   color?: string;
+  size?: number;
+  loaded?: boolean;
+  stores?: FerdiumStores;
 }
 
+@inject('stores')
 class LoaderComponent extends Component<IProps> {
   render() {
-    const { classes, className, color } = this.props;
+    const {
+      classes,
+      className,
+      size = 36,
+      color = this.props.stores?.settings.app.accentColor,
+      loaded = false,
+    } = this.props;
+    const loaderColor = color || '#FFFFFF';
 
     return (
       <div
@@ -30,13 +43,13 @@ class LoaderComponent extends Component<IProps> {
         })}
         data-type="franz-loader"
       >
-        <ReactLoader
-          loaded={false}
-          width={4}
-          scale={0.75}
-          color={color || classes.color}
-          // @ts-expect-error Property 'parentClassName' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<ReactLoader> & Readonly<LoaderProps></LoaderProps>
-          parentClassName={classes.loader}
+        <Oval
+          strokeWidth={5}
+          color={loaderColor}
+          secondaryColor={loaderColor}
+          height={size}
+          width={size}
+          visible={!loaded}
         />
       </div>
     );
diff --git a/src/electron/ipc-api/dnd.ts b/src/electron/ipc-api/dnd.ts
index 6e6e0920f..30ace7c84 100644
--- a/src/electron/ipc-api/dnd.ts
+++ b/src/electron/ipc-api/dnd.ts
@@ -17,7 +17,7 @@ export default async () => {
     }
 
     try {
-      const isDND = getDoNotDisturb();
+      const isDND = await getDoNotDisturb();
       debug('Fetching DND state, set to', isDND);
       return isDND;
     } catch (error) {
diff --git a/src/features/workspaces/components/WorkspaceSwitchingIndicator.tsx b/src/features/workspaces/components/WorkspaceSwitchingIndicator.tsx
index e1cc0f785..0fce811e5 100644
--- a/src/features/workspaces/components/WorkspaceSwitchingIndicator.tsx
+++ b/src/features/workspaces/components/WorkspaceSwitchingIndicator.tsx
@@ -3,9 +3,8 @@ import { observer } from 'mobx-react';
 import withStyles, { WithStylesProps } from 'react-jss';
 import classnames from 'classnames';
 import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
-import Loader from '../../../components/ui/loader/index';
+import Loader from '../../../components/ui/loader';
 import { workspaceStore } from '../index';
-import { Theme } from '../../../themes';
 
 const messages = defineMessages({
   switchingTo: {
@@ -41,8 +40,6 @@ const styles = theme => ({
     zIndex: 200,
   },
   spinner: {
-    width: 40,
-    height: 40,
     marginRight: 10,
   },
   message: {
@@ -52,14 +49,14 @@ const styles = theme => ({
   },
 });
 
-interface IProps extends WithStylesProps<typeof styles>, WrappedComponentProps {
-  theme?: Theme;
-}
+interface IProps
+  extends WithStylesProps<typeof styles>,
+    WrappedComponentProps {}
 
 @observer
 class WorkspaceSwitchingIndicator extends Component<IProps> {
   render(): ReactElement | null {
-    const { classes, intl, theme } = this.props;
+    const { classes, intl } = this.props;
     const { isSwitchingWorkspace, nextWorkspace } = workspaceStore;
 
     if (!isSwitchingWorkspace) {
@@ -73,10 +70,7 @@ class WorkspaceSwitchingIndicator extends Component<IProps> {
     return (
       <div className={classnames([classes.wrapper])}>
         <div className={classes.component}>
-          <Loader
-            className={classes.spinner}
-            color={theme?.workspaces.switchingIndicator.spinnerColor}
-          />
+          <Loader className={classes.spinner} color="#FFFFFF" />
           <p className={classes.message}>
             {`${intl.formatMessage(messages.switchingTo)} ${nextWorkspaceName}`}
           </p>
diff --git a/src/features/workspaces/components/WorkspacesDashboard.tsx b/src/features/workspaces/components/WorkspacesDashboard.tsx
index ba06730a0..0a417bffd 100644
--- a/src/features/workspaces/components/WorkspacesDashboard.tsx
+++ b/src/features/workspaces/components/WorkspacesDashboard.tsx
@@ -3,7 +3,7 @@ import { observer } from 'mobx-react';
 import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import withStyles, { WithStylesProps } from 'react-jss';
 import Infobox from '../../../components/ui/infobox/index';
-import Loader from '../../../components/ui/Loader';
+import Loader from '../../../components/ui/loader';
 import WorkspaceItem from './WorkspaceItem';
 import CreateWorkspaceForm from './CreateWorkspaceForm';
 import Request from '../../../stores/lib/Request';
diff --git a/src/i18n/locales/de.json b/src/i18n/locales/de.json
index ea7df29e2..66514ad8f 100644
--- a/src/i18n/locales/de.json
+++ b/src/i18n/locales/de.json
@@ -9,6 +9,8 @@
   "connectionLostBanner.cta": "Dienst neu laden",
   "connectionLostBanner.informationLink": "Was ist passiert?",
   "connectionLostBanner.message": "Oh nein! Ferdium hat die Verbindung zu „{name}” verloren.",
+  "downloadManager.empty": "Ihre Download-Liste ist leer.",
+  "downloadManager.headline": "Download-Manager",
   "feature.basicAuth.signIn": "Anmelden",
   "feature.publishDebugInfo.error": "Beim Veröffentlichen der Debug-Informationen ist ein Fehler aufgetreten. Bitte versuche es später noch einmal oder sehe dir die Konsole für weitere Informationen an.",
   "feature.publishDebugInfo.info": "Die Veröffentlichung deiner Debug-Informationen hilft uns, Probleme und Fehler in Ferdium zu finden. Indem du deine Debug-Informationen veröffentlichst, akzeptierst du die Datenschutzbestimmungen und Nutzungsbedingungen vom Ferdium Debugger",
diff --git a/src/i18n/locales/pt.json b/src/i18n/locales/pt.json
index 4aab9ccb6..f5a56f598 100644
--- a/src/i18n/locales/pt.json
+++ b/src/i18n/locales/pt.json
@@ -18,32 +18,32 @@
   "feature.publishDebugInfo.terms": "Termos de serviço",
   "feature.publishDebugInfo.title": "Publicar informações de depuração",
   "feature.quickSwitch.info": "Seleccione um serviço com TAB, ↑ e ↓. Abra um serviço com ENTER.",
-  "feature.quickSwitch.search": "A procurar...",
+  "feature.quickSwitch.search": "Procurar...",
   "feature.quickSwitch.title": "Troca Rápida",
   "global.api.unhealthy": "Não é possível conectar-se aos serviços online do {serverNameParse}",
-  "global.cancel": "cancelar",
+  "global.cancel": "Cancelar",
   "global.edit": "Editar",
   "global.no": "Não",
   "global.notConnectedToTheInternet": "Não está ligado à internet.",
-  "global.ok": "OK",
+  "global.ok": "Ok",
   "global.quit": "Encerrar",
-  "global.quitConfirmation": "Você realmente quer sair do Ferdium?",
+  "global.quitConfirmation": "Quer mesmo sair do Ferdium?",
   "global.save": "Guardar",
-  "global.settings": "Confirgurações",
+  "global.settings": "Definições",
   "global.spellchecker.useDefault": "Use o padrão de sistema ({default})",
   "global.spellchecking.autodetect": "Detectar idioma automaticamente",
   "global.spellchecking.autodetect.short": "Automático",
-  "global.spellchecking.language": "Idioma para corrector ortográfico",
-  "global.submit": "submeter",
-  "global.userAgentHelp": "Use 'https://whatmyuseragent.com/' (para descobrir) ou 'https://developers.whatismybrowser.com/useragents/explore/' (para escolher) o agente de usuário desejado e copie e cole aqui.",
-  "global.userAgentPref": "Agente do usuário",
-  "global.yes": "sim",
-  "infobar.authRequestFailed": "Houve erros na autenticaçao. Se este erro persistir, por favor, tente desligar e autenticar novamente.",
+  "global.spellchecking.language": "Idioma do corretor ortográfico",
+  "global.submit": "Submeter",
+  "global.userAgentHelp": "Use 'https://whatmyuseragent.com/' (para descobrir) ou 'https://developers.whatismybrowser.com/useragents/explore/' (para escolher) o User-Agent desejado e copie e cole aqui.",
+  "global.userAgentPref": "User Agent",
+  "global.yes": "Sim",
+  "infobar.authRequestFailed": "Houve erros na autenticação. Se este erro persistir, por favor, tente desligar e autenticar novamente.",
   "infobar.buttonChangelog": "O que é novo?",
   "infobar.buttonInstallUpdate": "Reiniciar e instalar atualizações",
   "infobar.buttonReloadServices": "Reiniciar serviços",
   "infobar.hide": "Ocultar",
-  "infobar.requiredRequestsFailed": "Não foi possível reiniciar os serviços e informações de utilizador",
+  "infobar.requiredRequestsFailed": "Não foi possível carregar os serviços e informações de utilizador",
   "infobar.servicesUpdated": "Os seus serviços foram atualizados.",
   "infobar.updateAvailable": "Está disponível uma nova atualização do Ferdium.",
   "infobox.dismiss": "Dispensar",
@@ -60,7 +60,7 @@
   "locked.touchId": "Desbloquear com Touch ID",
   "locked.unlockWithPassword": "Desbloquear com palavra-passe",
   "login.changeServer": "Mude aqui!",
-  "login.changeServerMessage": "Você está usando o Servidor {serverNameParse}, deseja mudar?",
+  "login.changeServerMessage": "Está a usar o Servidor {serverNameParse}, deseja mudar?",
   "login.customServerQuestion": "Usa uma conta Franz para entrar?",
   "login.customServerSuggestion": "Tente importar a sua conta Franz para Ferdium",
   "login.email.label": "Endereço de E-mail",
@@ -81,7 +81,7 @@
   "menu.app.hideOthers": "Ocultar Outros",
   "menu.app.unhide": "Exibir",
   "menu.edit": "Editar",
-  "menu.edit.copy": "copiar",
+  "menu.edit.copy": "Copiar",
   "menu.edit.cut": "Recortar",
   "menu.edit.delete": "Apagar",
   "menu.edit.emojiSymbols": "Emoji & Símbolos",
@@ -132,10 +132,10 @@
   "menu.view.toggleNavigationBar": "Mostrar/esconder Navegação",
   "menu.view.toggleServiceDevTools": "Ativar/desativar ferramentas de programador de serviço",
   "menu.view.toggleTodosDevTools": "Ativar/desativar Ferramentas de Programador para Tarefas",
-  "menu.view.zoomIn": "Aumentar zoom",
-  "menu.view.zoomOut": "Diminuir o zoom",
+  "menu.view.zoomIn": "Mais Zoom",
+  "menu.view.zoomOut": "Diminuir Zoom",
   "menu.window": "Janela",
-  "menu.window.close": "FECHAR",
+  "menu.window.close": "Fechar",
   "menu.window.minimize": "Minimizar",
   "menu.workspaces": "Áreas de trabalho",
   "menu.workspaces.addNewWorkspace": "Adicionar nova área de trabalho...",
@@ -146,8 +146,8 @@
   "password.headline": "Redefinir senha",
   "password.link.login": "Entrar na sua conta",
   "password.link.signup": "Criar uma conta gratuita",
-  "password.noUser": "Nenhum usuário com esse endereço de e-mail foi encontrado",
-  "password.successInfo": "Sua nova senha foi enviada para seu endereço de e-mail",
+  "password.noUser": "Não foi encontrado nenhum utilizador com este e-mail",
+  "password.successInfo": "A nova palavra-passe foi enviada para o seu endereço de e-mail",
   "service.crashHandler.action": "Recarregar {name}",
   "service.crashHandler.autoReload": "A tentar restabelecer {name} automaticamente em {seconds} segundos",
   "service.crashHandler.headline": "Oh não!",
@@ -158,19 +158,19 @@
   "service.errorHandler.editAction": "Editar {name}",
   "service.errorHandler.headline": "Oh não!",
   "service.errorHandler.message": "Erro",
-  "service.errorHandler.text": "{name} não pôde ser iniciado.",
-  "service.webviewLoader.loading": "A iniciar {service}",
+  "service.errorHandler.text": "{name} não foi carregado.",
+  "service.webviewLoader.loading": "A carregar {service}",
   "services.getStarted": "Iniciar",
-  "services.login": "Por favor, inicie sua sessão para usar Ferdium.",
+  "services.login": "Por favor, inicie sessão para usar Ferdium.",
   "services.serverInfo": "Opcionalmente, você pode alterar seu servidor Ferdium clicando no cog no canto inferior esquerdo. Se você está mudando de um dos servidores hospedados) para usar Ferdium sem uma conta, por favor, seja informado que você pode exportar seus dados desse servidor e, posteriormente, importá-lo usando o menu Ajuda para ressuscitar todas as suas áreas de trabalho e serviços configurados!",
-  "services.serverless": "Use Ferdium sem conta",
+  "services.serverless": "Use Ferdium sem uma conta",
   "settings.account.account.editButton": "Editar conta",
   "settings.account.accountUnavailable": "Conta indisponível",
   "settings.account.accountUnavailableInfo": "Está a usar o Ferdium sem uma conta. Se deseja usar o Ferdium com uma conta e manter os seus serviços sincronizados entre instalações, por favor, selecione um servidor no separador Configurações e faça a autenticação.",
   "settings.account.buttonSave": "Atualizar perfil",
   "settings.account.deleteAccount": "Apagar conta",
-  "settings.account.deleteEmailSent": "Recebeu um e-mail com um link para confirmar o cancelamento da sua conta. Atenção! A sua conta e dados não poderão ser restaurados!",
-  "settings.account.deleteInfo": "Se não precisa mais de sua conta Ferdium, pode apagá-la juntamente com toda a sua informação aqui.",
+  "settings.account.deleteEmailSent": "Recebeu um e-mail com um link para confirmar o cancelamento da sua conta. Atenção! A sua conta e dados não poderão ser restaurados posteriormente!",
+  "settings.account.deleteInfo": "Se não precisa mais da sua conta Ferdium, pode apagá-la juntamente com toda a sua informação aqui.",
   "settings.account.headline": "Conta",
   "settings.account.headlineAccount": "Informações da Loja",
   "settings.account.headlineDangerZone": "Zona de Perigo",
@@ -180,11 +180,11 @@
   "settings.account.successInfo": "As suas alterações foram gravadas",
   "settings.account.tryReloadServices": "Tente novamente",
   "settings.account.tryReloadUserInfoRequest": "Tente novamente",
-  "settings.account.userInfoRequestFailed": "Não foi possível carregar as informações de utilizador",
-  "settings.account.yourLicense": "Sua Licença Ferdium",
-  "settings.app.accentColorInfo": "Escreva sua escolha de cor em um formato compatível com CSS. (Padrão: {defaultAccentColor} ou limpe o campo de entrada)",
+  "settings.account.userInfoRequestFailed": "Não foi possível carregar as informações do utilizador",
+  "settings.account.yourLicense": "A sua Licença Ferdium:",
+  "settings.app.accentColorInfo": "Escreva a sua cor num formato compatível com CSS. (Padrão: {defaultAccentColor} ou limpe o campo de entrada)",
   "settings.app.buttonInstallUpdate": "Reiniciar e instalar atualizações",
-  "settings.app.buttonOpenFerdiumProfileFolder": "Abrir pasta de perfil",
+  "settings.app.buttonOpenFerdiumProfileFolder": "Abrir pasta de Perfil",
   "settings.app.buttonOpenFerdiumServiceRecipesFolder": "Abrir pasta Receitas de Serviço",
   "settings.app.buttonOpenImportExport": "Importar / Exportar",
   "settings.app.buttonSearchForUpdate": "Procurar atualizações",
@@ -209,7 +209,7 @@
   "settings.app.form.enableGlobalHideShortcut": "Ativar o atalho Global para ocultar Ferdium",
   "settings.app.form.enableLock": "Ativar palavra-passe",
   "settings.app.form.enableLongPressServiceHint": "Habilitar dica de atalho de serviço no toque longo",
-  "settings.app.form.enableMenuBar": "Sempre mostrar Ferdium na Barra de Menu",
+  "settings.app.form.enableMenuBar": "Mostrar sempre o Ferdium na Barra de Menu",
   "settings.app.form.enableSpellchecking": "Ativar correção ortográfica",
   "settings.app.form.enableSystemTray": "Sempre mostrar Ferdium na Bandeja do Sistema",
   "settings.app.form.enableTodos": "Ativar Tarefas do Ferdium",
@@ -219,8 +219,8 @@
   "settings.app.form.hibernationStrategy": "Estratégia de hibernação",
   "settings.app.form.hideCollapseButton": "Ocultar botão de Colapsar",
   "settings.app.form.hideNotificationsButton": "Ocultar botão de notificações & som",
-  "settings.app.form.hideRecipesButton": "Ocultar butão de Serviços",
-  "settings.app.form.hideSettingsButton": "Ocultar butão de Definições",
+  "settings.app.form.hideRecipesButton": "Ocultar botão de Serviços",
+  "settings.app.form.hideSettingsButton": "Ocultar botão de Definições",
   "settings.app.form.hideSplitModeButton": "Ocultar botão de Modo Dividido",
   "settings.app.form.hideWorkspacesButton": "Ocultar botão de Abrir/Fechar barra da Área de Trabalho",
   "settings.app.form.iconSize": "Tamanho de ícone de serviço",
@@ -256,7 +256,7 @@
   "settings.app.form.universalDarkMode": "Ativar o Modo Noturno Universal",
   "settings.app.form.useGrayscaleServices": "Usar tons de cinza para Serviços",
   "settings.app.form.useHorizontalStyle": "Usar estilo horizontal",
-  "settings.app.form.useTouchIdToUnlock": "Permite usar TouchID para desbloquear Ferdium",
+  "settings.app.form.useTouchIdToUnlock": "Permitir usar TouchID para desbloquear o Ferdium",
   "settings.app.form.wakeUpHibernationSplay": "Reproduzir ciclos de hibernação/despertar para reduzir a carga",
   "settings.app.form.wakeUpHibernationStrategy": "Estratégia de hibernação após acordar automaticamente",
   "settings.app.form.wakeUpStrategy": "Estratégia de despertar",
@@ -371,11 +371,11 @@
   "settings.service.form.proxy.password": "Senha (opcional)",
   "settings.service.form.proxy.port": "Porta",
   "settings.service.form.proxy.restartInfo": "Por favor, reinicie o Ferdium após alterar as configurações de proxy.",
-  "settings.service.form.proxy.user": "Usuário (opcional)",
+  "settings.service.form.proxy.user": "Utilizador (opcional)",
   "settings.service.form.recipeFileInfo": "Os seus ficheiros serão inseridos na página da web para que possa personalizar os serviços da maneira que desejar. Os ficheiros são apenas armazenados localmente e não são transferidos para outros computadores usando a mesma conta.",
   "settings.service.form.saveButton": "Gravar serviço",
   "settings.service.form.tabHosted": "Alojado",
-  "settings.service.form.tabOnPremise": "Auto-alojado ⭐️",
+  "settings.service.form.tabOnPremise": "Auto hospedado ⭐",
   "settings.service.form.team": "Equipa",
   "settings.service.form.trapLinkClicks": "Abrir URLs dentro do Ferdium",
   "settings.service.form.useHostedService": "Use o serviço alojado {name}.",
@@ -384,7 +384,7 @@
   "settings.services.deletedInfo": "Serviço apagado",
   "settings.services.discoverServices": "Descobrir serviços",
   "settings.services.headline": "Os seus serviços",
-  "settings.services.noServicesAdded": "Comece adicionando um serviço.",
+  "settings.services.noServicesAdded": "Para começar, adicione um serviço.",
   "settings.services.nothingFound": "Desculpe, mas nenhum serviço corresponde ao seu termo de pesquisa.",
   "settings.services.servicesRequestFailed": "Não foi possível carregar os seus serviços",
   "settings.services.tooltip.isDisabled": "O serviço está desativado",
@@ -448,13 +448,13 @@
   "signup.firstname.label": "Primeiro nome",
   "signup.headline": "Entrar",
   "signup.lastname.label": "Último Nome",
-  "signup.legal.info": "Ao criar uma conta Ferdium, você aceita os",
+  "signup.legal.info": "Ao criar uma conta Ferdium, aceita os",
   "signup.legal.privacy": "Declaração de Privacidade",
   "signup.legal.terms": "Termos de serviço",
   "signup.link.login": "Já tem uma conta, entrar?",
   "signup.password.label": "Palavra-passe",
   "signup.submit.label": "Criar conta",
-  "tabs.item.confirmDeleteService": "Você realmente deseja excluir o serviço {serviceName}?",
+  "tabs.item.confirmDeleteService": "Tem certeza que deseja excluir o serviço {serviceName}?",
   "tabs.item.deleteService": "Excluir serviço",
   "tabs.item.disableAudio": "Desativar áudio",
   "tabs.item.disableDarkMode": "Desativar o Modo Escuro",
diff --git a/src/themes/default/index.ts b/src/themes/default/index.ts
index 31c6cbd63..cc886f299 100644
--- a/src/themes/default/index.ts
+++ b/src/themes/default/index.ts
@@ -226,9 +226,6 @@ export default (brandPrimary: string) => {
           },
         },
       },
-      switchingIndicator: {
-        spinnerColor: 'white',
-      },
     },
 
     // Todos