fix(chore): unsquash the commits

README.md

@@ -12,8 +12,6 @@ Mue is a fast, open and free-to-use browser extension that gives a new, fresh an
 <br>
 
 ## Table of contents
-
-- [NOTICE](#notice)
 - [Table of contents](#table-of-contents)
 - [Screenshots](#screenshots)
 - [Features](#features)

manifest/chrome.json

@@ -4,11 +4,7 @@
   "default_locale": "en",
   "name": "__MSG_name__",
   "description": "__MSG_description__",
-<<<<<<< HEAD
   "version": "7.0.0",
-=======
-  "version": "6.0.6",
->>>>>>> main
   "homepage_url": "https://muetab.com",
   "action": {
     "default_icon": "icons/128x128.png"

manifest/firefox.json

@@ -2,11 +2,7 @@
   "manifest_version": 3,
   "name": "Mue",
   "description": "Fast, open and free-to-use new tab page for modern browsers.",
-<<<<<<< HEAD
   "version": "7.0.0",
-=======
-  "version": "6.0.6",
->>>>>>> main
   "homepage_url": "https://muetab.com",
   "action": {
     "default_icon": "icons/128x128.png"

package.json

@@ -9,20 +9,25 @@
   "homepage": "https://muetab.com",
   "bugs": "https://github.com/mue/mue/issues/new?assignees=&labels=bug&template=bug-report.md&title=%5BBUG%5D",
   "license": "BSD-3-Clause",
-  "version": "6.0.6",
+  "version": "7.0.0",
   "dependencies": {
     "@eartharoid/i18n": "1.2.1",
-    "@emotion/react": "^11.9.0",
+    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.8.1",
+    "@emotion/styled": "^11.10.5",
-    "@fontsource/lexend-deca": "4.4.5",
+    "@floating-ui/react-dom": "^1.0.1",
-    "@fontsource/montserrat": "4.4.5",
+    "@fontsource/lexend-deca": "4.5.12",
-    "@mui/material": "5.11.3",
+    "@fontsource/montserrat": "4.5.13",
-    "react": "18.2.0",
+    "@mui/material": "5.11.5",
+    "@sentry/react": "^7.21.1",
+    "embla-carousel-autoplay": "^7.0.5",
+    "embla-carousel-react": "^7.0.5",
+    "fast-blurhash": "^1.1.2",
+    "image-conversion": "^2.1.1",
+    "react": "^18.2.0",
     "react-clock": "4.0.0",
     "react-color-gradient-picker": "0.1.2",
-    "react-dom": "18.2.0",
+    "react-dom": "^18.2.0",
-    "react-hot-keys": "2.7.2",
+    "react-icons": "^4.6.0",
-    "react-icons": "^4.3.1",
     "react-modal": "3.16.1",
     "react-sortable-hoc": "2.0.0",
     "react-toastify": "9.1.1"
@@ -31,19 +36,16 @@
     "@commitlint/cli": "^17.3.0",
     "@commitlint/config-conventional": "^17.3.0",
     "@eartharoid/deep-merge": "^0.0.2",
-    "babel-loader": "^9.0.0",
+    "@vitejs/plugin-react": "3.0.1",
-    "copy-webpack-plugin": "9.1.0",
+    "eslint": "^8.30.0",
-    "css-loader": "^6.7.1",
+    "eslint-config-react-app": "^7.0.1",
-    "eslint": "^8.12.0",
+    "husky": "^8.0.2",
-    "eslint-config-react-app": "^7.0.0",
+    "prettier": "^2.8.1",
-    "html-webpack-plugin": "^5.5.0",
+    "sass": "^1.57.1",
-    "mini-css-extract-plugin": "^2.6.0",
+    "stylelint": "^14.16.0",
-    "sass": "^1.50.0",
+    "stylelint-config-prettier-scss": "^0.0.1",
-    "sass-loader": "^13.0.0",
+    "stylelint-config-standard-scss": "^6.1.0",
-    "source-map-loader": "^4.0.0",
+    "vite": "4.0.4"
-    "webpack": "^5.71.0",
-    "webpack-cli": "^5.0.0",
-    "webpack-dev-server": "^4.8.1"
   },
   "scripts": {
     "dev": "vite",

src/components/helpers/sharemodal/ShareModal.jsx

@@ -25,7 +25,7 @@ function ShareModal({ modalClose, data }) {
   return (
     <div className="smallModal">
       <div className="shareHeader">
-        <p className="title">{variables.getMessage('widgets.quote.share')}</p>
+        <span className="title">{variables.getMessage('widgets.quote.share')}</span>
         <Tooltip title={variables.getMessage('modals.welcome.buttons.close')}>
           <div className="close" onClick={modalClose}>
             <MdClose />

src/components/helpers/sharemodal/sharemodal.scss

@@ -50,7 +50,7 @@
       @include themed() {
         background: t($modal-sidebar);
         border-radius: t($borderRadius);
-        box-shadow: 0 0 0 4px t($modal-sidebarActive);
+        box-shadow: 0 0 0 1px t($modal-sidebarActive);
         padding: 11px;
         flex: 1;
         color: t($color);
@@ -63,7 +63,7 @@
     @include themed() {
       background: t($modal-sidebar);
       border-radius: t($borderRadius);
-      box-shadow: 0 0 0 4px t($modal-sidebarActive);
+      box-shadow: 0 0 0 1px t($modal-sidebarActive);
       padding: 11px;
       flex: 1;
       color: t($color);

src/components/helpers/tooltip/tooltip.scss

@@ -80,6 +80,14 @@
 .infoTooltip {
   position: relative;
   display: grid;
+  svg {
+    cursor: pointer;
+    &:hover {
+      @include themed() {
+        color: t($color);
+      }
+    }
+  }
 }
 
 .infoTooltipTitle {

src/components/modals/main/marketplace/Item.jsx

@@ -126,16 +126,18 @@ export default class Item extends PureComponent {
             {this.props.data.data.quotes ? (
               <>
                 <table>
-                  <tr>
+                  <tbody>
-                    <th>{variables.getMessage('modals.main.settings.sections.quote.title')}</th>
+                    <tr>
-                    <th>{variables.getMessage('modals.main.settings.sections.quote.author')}</th>
+                      <th>{variables.getMessage('modals.main.settings.sections.quote.title')}</th>
-                  </tr>
+                      <th>{variables.getMessage('modals.main.settings.sections.quote.author')}</th>
-                  {this.props.data.data.quotes.slice(0, this.state.count).map((quote, index) => (
-                    <tr key={index}>
-                      <td>{quote.quote}</td>
-                      <td>{quote.author}</td>
                     </tr>
-                  ))}
+                    {this.props.data.data.quotes.slice(0, this.state.count).map((quote, index) => (
+                      <tr key={index}>
+                        <td>{quote.quote}</td>
+                        <td>{quote.author}</td>
+                      </tr>
+                    ))}
+                  </tbody>
                 </table>
                 <div className="showMoreItems">
                   <span className="link" onClick={() => this.incrementCount('quotes')}>
@@ -157,16 +159,18 @@ export default class Item extends PureComponent {
             {this.props.data.data.settings ? (
               <>
                 <table>
-                  <tr>
+                  <tbody>
-                    <th>{variables.getMessage('modals.main.marketplace.product.setting')}</th>
+                    <tr>
-                    <th>{variables.getMessage('modals.main.marketplace.product.value')}</th>
+                      <th>{variables.getMessage('modals.main.marketplace.product.setting')}</th>
-                  </tr>
+                      <th>{variables.getMessage('modals.main.marketplace.product.value')}</th>
-                  {Object.entries(this.props.data.data.settings).slice(0, this.state.count).map(([key, value]) => (
-                    <tr key={key}>
-                      <td>{key}</td>
-                      <td>{value}</td>
                     </tr>
-                  ))}
+                    {Object.entries(this.props.data.data.settings).slice(0, this.state.count).map(([key, value]) => (
+                      <tr key={key}>
+                        <td>{key}</td>
+                        <td>{value}</td>
+                      </tr>
+                    ))}
+                  </tbody>
                 </table>
                 <div className="showMoreItems">
                   <span className="link" onClick={() => this.incrementCount('settings')}>

src/components/modals/main/marketplace/Items.jsx

@@ -60,40 +60,37 @@ function Items({
               item.author.toLowerCase().includes(filter.toLowerCase()) ||
               item.type.toLowerCase().includes(filter.toLowerCase()),
           )
-          .map((item) => {
+          .map((item) => (
-            console.log(item, item.type.split('_')[0].endsWith('s')
-              ? item.type.split('_')[0]
-              : item.type.split('_')[0] + 's'); return (
             <div className="item" onClick={() => toggleFunction(item)} key={item.name}>
-                <img
+              <img
-                  className="item-back"
+                className="item-back"
-                  draggable="false"
+                alt=""
-                  src={variables.constants.DDG_IMAGE_PROXY + item.icon_url}
+                draggable="false"
-                  aria-hidden="true"
+                src={variables.constants.DDG_IMAGE_PROXY + item.icon_url}
-                />
+                aria-hidden="true"
-                <img
+              />
-                  className="item-icon"
+              <img
-                  alt="icon"
+                className="item-icon"
-                  draggable="false"
+                alt="icon"
-                  src={variables.constants.DDG_IMAGE_PROXY + item.icon_url}
+                draggable="false"
-                />
+                src={variables.constants.DDG_IMAGE_PROXY + item.icon_url}
-                <div className="card-details">
+              />
-                  <span className="card-title">{item.display_name || item.name}</span>
+              <div className="card-details">
-                  <span className="card-subtitle">{variables.getMessage('modals.main.marketplace.by', {author: item.author})}</span>
+                <span className="card-title">{item.display_name || item.name}</span>
-                  {
+                <span className="card-subtitle">{variables.getMessage('modals.main.marketplace.by', { author: item.author })}</span>
+                {
                   type === 'all' && !onCollection
                     ? <span className="card-type">
-                        {variables.getMessage(`modals.main.addons.create.types.${
+                      {variables.getMessage(`modals.main.addons.create.types.${item.type.split('_')[0] === "preset"
-                          item.type.split('_')[0] === "preset"
+                          ? "settings"
-                            ? "settings"
+                          : item.type.split('_')[0] + 's'
-                            : item.type.split('_')[0] + 's'
                         }`)}
-                      </span>
+                    </span>
-                    : null} 
+                    : null
-                
+                  }
               </div>
             </div>
-          )})}
+          ))}
       </div>
       <div className="loader"></div>
       {type === 'all' && !onCollection ? (

src/components/modals/main/marketplace/sections/Create.jsx

@@ -492,17 +492,14 @@ export default class Create extends PureComponent {
       <>
         <div className="flexTopMarketplace">
           {this.state.currentTab !== 1 && (
-            <div className="returnButton">
+            <Tooltip
-              <Tooltip
+              title={variables.getMessage('modals.main.marketplace.product.buttons.back')}
-                title={variables.getMessage('modals.main.marketplace.product.buttons.back')}
+              key="backArrow"
-                key="backArrow"
+            >
-              >
+              <div className="returnButton">
-                <MdArrowBack
+                <MdArrowBack className="backArrow" onClick={() => this.changeTab(1)} />
-                  className="backArrow"
+              </div>
-                  onClick={() => this.changeTab(1)}
+            </Tooltip>
-                />
-              </Tooltip>
-            </div>
           )}
           <span className="mainTitle">
             {variables.getMessage('modals.main.addons.create.other_title')}

src/components/modals/main/marketplace/sections/Marketplace.jsx

@@ -7,6 +7,7 @@ import {
   MdOutlineKeyboardArrowRight,
   MdSearch,
   MdOutlineArrowForward,
+  MdLibraryAdd,
 } from 'react-icons/md';
 
 import Item from '../Item';
@@ -36,6 +37,7 @@ export default class Marketplace extends PureComponent {
       install: (
         <button onClick={() => this.manage('install')}>
           {variables.getMessage('modals.main.marketplace.product.buttons.addtomue')}
+          <MdLibraryAdd />
         </button>
       ),
     };
@@ -181,6 +183,30 @@ export default class Marketplace extends PureComponent {
     variables.stats.postEvent('marketplace', type === 'install' ? 'Install' : 'Uninstall');
   }
 
+  async installCollection() {
+    this.setState({ busy: true });
+    try {
+      const installed = JSON.parse(localStorage.getItem('installed'));
+      for (const item of this.state.items) {
+        if (installed.some((i) => i.name === item.display_name)) continue; // don't install if already installed
+        let { data } = await (
+          await fetch(`${variables.constants.MARKETPLACE_URL}/item/${item.type}/${item.name}`, {
+            signal: this.controller.signal,
+          })
+        ).json();
+        install(data.type, data);
+        variables.stats.postEvent('marketplace-item', `${item.display_name} installed}`);
+        variables.stats.postEvent('marketplace', 'Install');
+      }
+      toast(variables.getMessage('toasts.installed'));
+    } catch (error) {
+      console.error(error);
+      toast(variables.getMessage('toasts.error'));
+    } finally {
+      this.setState({ busy: false });
+    }
+  }
+
   sortMarketplace(value, sendEvent) {
     let items = this.state.oldItems;
     switch (value) {
@@ -342,13 +368,22 @@ export default class Marketplace extends PureComponent {
                 backgroundImage: `linear-gradient(to bottom, transparent, black), url('${this.state.collectionImg}')`,
               }}
             >
+              <div className="nice-tag">
+                {variables.getMessage('modals.main.marketplace.collection')}
+              </div>
               <div className="content">
                 <span className="mainTitle">{this.state.collectionTitle}</span>
                 <span className="subtitle">{this.state.collectionDescription}</span>
               </div>
-              <div className="nice-tag">
+
-                {variables.getMessage('modals.main.marketplace.collection')}
+              <button
-              </div>
+                className="addAllButton"
+                onClick={() => this.installCollection()}
+                disabled={this.state.busy}
+              >
+                {variables.getMessage('modals.main.marketplace.add_all')}
+                <MdLibraryAdd />
+              </button>
             </div>
           </>
         ) : (

src/components/modals/main/scss/index.scss

@@ -211,6 +211,7 @@ h5 {
   justify-content: space-between;
   padding: 25px;
   margin-top: 20px;
+  transition: 0.5s;
   @include themed() {
     background: t($modal-sidebar);
     border-radius: t($borderRadius);
@@ -248,8 +249,9 @@ h5 {
   padding: 15px;
   gap: 15px;
   @include themed() {
-    background-color: t($modal-sidebarActive);
+    background-color: t($modal-secondaryColour);
     border-radius: t($borderRadius);
+    border: 1px solid t($modal-sidebarActive);
   }
   button {
     @include basicIconButton(5px, 5px, modal);
@@ -260,6 +262,9 @@ h5 {
       margin: 0 !important;
     }
   }
+  svg {
+    margin: 0 !important;
+  }
   @extend %tabText;
 }
 

src/components/modals/main/scss/marketplace/_main.scss

@@ -27,11 +27,13 @@
     background-repeat: no-repeat;
     background-size: cover;
 
-    @include themed() {
+    @include themed {
       background-color: t($modal-secondaryColour);
       box-shadow: 0 0 0 1px t($modal-sidebarActive);
+
       &:hover {
         background-color: t($modal-sidebarActive);
+
         img {
           background-color: t($modal-sidebarActive);
         }
@@ -42,16 +44,16 @@
       margin-top: 7px;
     }
 
-     .item-back {
+    .item-back {
-       filter: blur(60px) saturate(180%) brightness(90%);
+      filter: blur(60px) saturate(180%) brightness(90%);
-       -webkit-filter: blur(60px) saturate(180%) brightness(90%);
+      filter: blur(60px) saturate(180%) brightness(90%);
-       position: absolute;
+      position: absolute;
-       object-fit: cover !important;
+      object-fit: cover !important;
-       height: 90px !important;
+      height: 90px !important;
-       width: 100px !important;
+      width: 100px !important;
-       border-radius: 100px;
+      border-radius: 100px;
-       transition: 0.5s;
+      transition: 0.5s;
-       margin-top: 30px;
+      margin-top: 30px;
     }
 
     .item-icon {
@@ -77,7 +79,7 @@
       .card-subtitle {
         font-size: 14px;
 
-        @include themed() {
+        @include themed {
           color: t($subColor);
         }
       }
@@ -86,15 +88,14 @@
         margin-top: 8px;
         font-size: 12px;
         font-weight: bolder;
-        @include themed() {
+        @include themed {
           color: t($subColor);
         }
+
         border-radius: 150px;
         padding: 2px 8px;
-        backdrop-filter: blur(16px) saturate(180%);
+        background-color: rgb(255 255 255 / 10%);
-        -webkit-backdrop-filter: blur(16px) saturate(180%);
+        border: 1px solid rgb(209 213 219 / 30%);
-        background-color: rgba(255, 255, 255, 0.1);
-        border: 1px solid rgba(209, 213, 219, 0.3);
       }
     }
   }
@@ -137,7 +138,7 @@
     border-radius: 15px;
     width: 25%;
     max-height: 450px;
-  
+
     .front {
       padding: 20px;
       height: 100%;
@@ -148,24 +149,23 @@
       box-sizing: border-box !important;
       border-radius: 12px 12px 0 0;
       backdrop-filter: blur(40px) saturate(150%) brightness(75%);
-      -webkit-backdrop-filter: blur(40px) saturate(150%) brightness(75%);
+      backdrop-filter: blur(40px) saturate(150%) brightness(75%);
-      @include themed() {
+      @include themed {
-      background-image: linear-gradient(to bottom, transparent, t($modal-background));
+        background-image: linear-gradient(to bottom, transparent, t($modal-background));
       }
     }
 
-    
     .icon {
       width: 100%;
       height: auto;
       border-radius: 12px;
       box-shadow: 0 5px 25px black;
     }
-  
+
     .divider {
       text-transform: uppercase;
 
-      @include themed() {
+      @include themed {
         color: t($subColor);
       }
     }
@@ -175,6 +175,7 @@
       grid-template-columns: 1fr 1fr;
       grid-template-rows: 1fr;
       grid-gap: 20px;
+
       button {
         width: 100%;
         padding: 0;
@@ -192,17 +193,17 @@
 }
 
 .tag {
-  padding: 2px 10px 2px 10px;
+  padding: 2px 10px;
   border-radius: 12px;
   font-size: 12px;
   display: grid;
   place-items: center;
-  @include themed() {
+  @include themed {
     background: t($modal-sidebar);
     box-shadow: 0 0 0 3px t($modal-sidebarActive);
 
     span {
-      &:before {
+      &::before {
         content: '#';
         color: t($subColor);
         margin-right: 5px;
@@ -216,18 +217,18 @@
 }
 
 .moreTag {
-  padding: 2px 10px 2px 10px;
+  padding: 2px 10px;
   border-radius: 12px;
   font-size: 12px;
   display: grid;
   place-items: center;
 
-  @include themed() {
+  @include themed {
     background: t($modal-sidebar);
     box-shadow: 0 0 0 3px t($modal-sidebarActive);
 
     span {
-      &:before {
+      &::before {
         content: '+';
         color: t($subColor);
         margin-right: 5px;
@@ -253,7 +254,7 @@
   grid-gap: 5px;
   padding: 50px;
 
-  @include themed() {
+  @include themed {
     .sideloadIcon {
       font-size: 50px;
       color: t($subColor);
@@ -272,21 +273,26 @@
   flex-flow: column;
   text-align: center;
   align-items: center;
+
   img {
     width: 200px;
     height: auto;
   }
+
   svg {
     font-size: 70px;
+
     /* background: -webkit-linear-gradient(90deg,rgba(255,92,39,.7) 37%,rgba(255,70,110,.67) 60%);
     -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;*/
+    -webkit-text-fill-color: transparent; */
   }
+
   button {
     svg {
       font-size: 1rem;
     }
   }
+
   .buttonsRow {
     display: flex;
     flex-flow: row;
@@ -315,17 +321,25 @@ p.author {
   height: 48px;
   border-radius: 12px;
   cursor: pointer;
-  margin-right: 25px;
+
   svg {
     font-size: 2em;
   }
+
   &:hover {
-    background: rgba(121, 121, 121, 0.226);
+    background: rgb(121 121 121 / 22.6%);
   }
 }
 
 .flexTopMarketplace {
   display: flex;
+  margin-bottom: 15px;
+  .tooltip {
+    margin-right: 25px;
+  }
+  .mainTitle {
+    margin-bottom: 0 !important;
+  }
 }
 
 .itemWarning {
@@ -333,7 +347,7 @@ p.author {
   flex-direction: column;
   align-items: center;
 
-  @include themed() {
+  @include themed {
     background: t($modal-sidebar);
     box-shadow: 0 0 0 4px t($modal-sidebarActive);
     border-radius: t($borderRadius);
@@ -366,7 +380,7 @@ p.author {
   align-items: center;
   margin-top: 15px;
 
-  @include themed() {
+  @include themed {
     background: t($modal-sidebar);
     border-radius: t($borderRadius);
     box-shadow: 0 0 0 4px t($modal-sidebarActive);
@@ -388,17 +402,18 @@ p.author {
 }
 
 .collectionPage {
-  height: 200px;
+  // height: 200px;
+  padding: 1.5rem;
   display: flex;
   flex-flow: column;
   align-items: center;
   justify-content: center;
-  gap: 25px;
+  gap: 15px;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
 
-  @include themed() {
+  @include themed {
     border-radius: t($borderRadius);
   }
 
@@ -406,15 +421,18 @@ p.author {
     border-radius: 150px;
     padding: 1px 12px;
     backdrop-filter: blur(16px) saturate(180%);
-    -webkit-backdrop-filter: blur(16px) saturate(180%);
+    backdrop-filter: blur(16px) saturate(180%);
-    background-color: rgba(255, 255, 255, 0.1);
+    background-color: rgb(255 255 255 / 10%);
-    border: 1px solid rgba(209, 213, 219, 0.3);
+    border: 1px solid rgb(209 213 219 / 30%);
     color: #fff;
   }
+
   .content {
     display: flex;
     flex-flow: column;
     text-align: center;
+    text-shadow: #000 0 0 15px;
+
     .mainTitle {
       justify-content: center;
       color: #fff !important;
@@ -424,6 +442,26 @@ p.author {
       color: #ccc !important;
     }
   }
+
+  .addAllButton {
+    margin: 0.5rem;
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    padding: 1px 12px;
+    backdrop-filter: blur(16px) saturate(180%) !important;
+    backdrop-filter: blur(16px) saturate(180%) !important;
+    background-color: rgb(255 255 255 / 10%) !important;
+    border: 1px solid rgb(209 213 219 / 30%) !important;
+    color: #fff !important;
+
+    &:hover {
+      backdrop-filter: blur(16px) saturate(180%) !important;
+      backdrop-filter: blur(16px) saturate(180%) !important;
+      background-color: rgb(17 25 40 / 20%) !important;
+      border: 1px solid rgb(255 255 255 / 12.5%) !important;
+    }
+  }
 }
 
 .collection {
@@ -436,7 +474,7 @@ p.author {
   background-repeat: no-repeat;
   align-items: center;
 
-  @include themed() {
+  @include themed {
     box-shadow: 0 0 0 1px t($modal-sidebarActive);
     border-radius: t($borderRadius);
   }
@@ -446,6 +484,7 @@ p.author {
     flex-flow: column;
     gap: 15px;
     max-width: 250px;
+    text-shadow: #000 0 0 15px;
 
     .title {
       color: #fff !important;
@@ -467,15 +506,16 @@ p.author {
     gap: 15px;
     padding: 1px 12px;
     backdrop-filter: blur(16px) saturate(180%);
-    -webkit-backdrop-filter: blur(16px) saturate(180%);
+    backdrop-filter: blur(16px) saturate(180%);
-    background-color: rgba(255, 255, 255, 0.1);
+    background-color: rgb(255 255 255 / 10%);
-    border: 1px solid rgba(209, 213, 219, 0.3);
+    border: 1px solid rgb(209 213 219 / 30%);
     color: #fff;
+
     &:hover {
       backdrop-filter: blur(16px) saturate(180%);
-      -webkit-backdrop-filter: blur(16px) saturate(180%);
+      backdrop-filter: blur(16px) saturate(180%);
-      background-color: rgba(17, 25, 40, 0.2);
+      background-color: rgb(17 25 40 / 20%);
-      border: 1px solid rgba(255, 255, 255, 0.125);
+      border: 1px solid rgb(255 255 255 / 12.5%);
     }
   }
 }
@@ -483,14 +523,14 @@ p.author {
 a.collectionButton {
   height: 40px;
   text-decoration: none;
-  @include themed() {
+  @include themed {
     border-radius: t($borderRadius);
   }
 }
 
 .smallBanner {
   button {
-    padding: 0 15px 0 15px;
+    padding: 0 15px;
   }
 
   display: flex;
@@ -499,7 +539,7 @@ a.collectionButton {
   margin-top: 15px;
   align-items: center;
 
-  @include themed() {
+  @include themed {
     box-shadow: 0 0 0 4px t($modal-sidebarActive);
     border-radius: t($borderRadius);
     background: t($modal-sidebar);
@@ -526,15 +566,15 @@ a.collectionButton {
   padding: 10px 30px;
   border-radius: 10px;
   font-size: 18px;
-  @include themed() {
+  @include themed {
-    background: t($modal-sidebarActive);
     box-shadow: 0 0 0 3px t($modal-sidebarActive);
     background: t($modal-sidebar);
   }
+
   input {
     all: unset;
   }
-  @include themed() {
+  @include themed {
     &:focus-within {
       background: t($modal-sidebarActive);
       box-shadow: 0 0 0 1px t($color);
@@ -555,7 +595,7 @@ a.collectionButton {
   gap: 15px;
   padding: 15px;
 
-  @include themed() {
+  @include themed {
     box-shadow: 0 0 0 4px t($modal-sidebarActive);
     border-radius: t($borderRadius);
   }
@@ -567,6 +607,7 @@ a.collectionButton {
   gap: 20px;
   align-items: center;
   margin-top: 30px;
+
   svg {
     font-size: 30px;
   }

src/components/modals/main/scss/settings/modules/tabs/_about.scss

@@ -32,3 +32,13 @@
     }
   }
 }
+
+.subtitle-photographers {
+  font-size: 16px;
+  @include themed() {
+    color: t($color);
+    span {
+      color: t($subColor)
+    }
+  }
+}

src/components/modals/main/settings/sections/About.jsx

@@ -183,7 +183,7 @@ export default class About extends PureComponent {
               rel="noopener noreferrer"
             >
               <MdContactPage />
-              Form
+              {variables.getMessage('modals.main.settings.sections.about.form_button')}
             </a>
             <Tooltip title={'Email'}>
               <a
@@ -224,6 +224,8 @@ export default class About extends PureComponent {
             <a
               className="donateButton"
               href={'https://opencollective.com/' + variables.constants.OPENCOLLECTIVE_USERNAME}
+              target="_blank"
+              rel="noopener noreferrer"
             >
               <BiDonateHeart />
               {variables.getMessage('modals.main.settings.sections.about.support_donate')}
@@ -350,9 +352,9 @@ export default class About extends PureComponent {
           {!!this.state.loading ? <p>{this.state.loading}</p> : <></> }
           <ul>
             {this.state.photographers.map(({ name, count }) => <>
-              <li>
+              <li className="subtitle-photographers">
                 {name}
-                <span style={{ color: '#ccc' }}> ({count} images)</span>
+                <span> ({count} images)</span>
               </li>
             </>)}
           </ul>

src/components/modals/main/settings/sections/Language.jsx

@@ -30,12 +30,11 @@ export default class LanguageSettings extends PureComponent {
       return;
     }
 
-    const quoteLanguages = [];
+    const quoteLanguages = data.map((language) => {
-    data.forEach((item) => {
+      return {
-      quoteLanguages.push({
+        name: languages.find((l) => l.value === language.name) ? languages.find((l) => l.value === language.name).name : 'English',
-        name: item,
+        value: language,
-        value: item,
+      };
-      });
     });
 
     this.setState({
@@ -78,7 +77,8 @@ export default class LanguageSettings extends PureComponent {
         <div className="languageSettings">
           <Radio
             name="quoteLanguage"
-            options={this.state.quoteLanguages.map((l) => l.name)}
+            options={this.state.quoteLanguages.map((language) => { return { name: language.name, value: language.value.name }; })}
+            defaultValue={this.state.quoteLanguages[0].name}
             category="quote"
           />
         </div>

src/components/modals/main/settings/sections/Search.jsx

@@ -111,6 +111,7 @@ export default class SearchSettings extends PureComponent {
           subtitle={variables.getMessage(
             'modals.main.settings.sections.search.search_engine_subtitle',
           )}
+          final={ this.state.customDisplay === 'none' ? true : false}
         >
           <Dropdown
             name="searchEngine"
@@ -128,7 +129,7 @@ export default class SearchSettings extends PureComponent {
           </Dropdown>
         </SettingsItem>
         <div style={{ display: this.state.customDisplay }}>
-          <SettingsItem title={variables.getMessage('modals.main.settings.sections.search.custom')}>
+          <SettingsItem title={variables.getMessage('modals.main.settings.sections.search.custom')} final={true}>
             <TextField
               label={variables.getMessage('modals.main.settings.sections.search.custom')}
               value={this.state.customValue}

src/components/modals/main/settings/sections/Time.jsx

@@ -93,6 +93,11 @@ export default class TimeSettings extends PureComponent {
           text={variables.getMessage('modals.main.settings.sections.time.analogue.minute_marks')}
           category="clock"
         />
+        <Checkbox
+          name="roundClock"
+          text={variables.getMessage('modals.main.settings.sections.time.analogue.round_clock')}
+          category="clock"
+        />
       </SettingsItem>
     );
 

src/components/modals/main/tabs/backend/Tabs.jsx

@@ -1,6 +1,12 @@
 import variables from 'modules/variables';
 import { PureComponent } from 'react';
-import { MdSettings, MdOutlineShoppingBasket, MdOutlineExtension, MdRefresh } from 'react-icons/md';
+import {
+  MdSettings,
+  MdOutlineShoppingBasket,
+  MdOutlineExtension,
+  MdRefresh,
+  MdClose,
+} from 'react-icons/md';
 import Tab from './Tab';
 import ErrorBoundary from '../../../ErrorBoundary';
 
@@ -30,7 +36,14 @@ export default class Tabs extends PureComponent {
 
     const reminderInfo = (
       <div className="reminder-info" style={{ display }}>
-        <span className="title">{variables.getMessage('modals.main.settings.reminder.title')}</span>
+        <div className="shareHeader">
+          <span className="title">
+            {variables.getMessage('modals.main.settings.reminder.title')}
+          </span>
+          <span className="closeModal" onClick={ () => localStorage.setItem('showReminder', false)}>
+            <MdClose />
+          </span>
+        </div>
         <span className="subtitle">
           {variables.getMessage('modals.main.settings.reminder.message')}
         </span>

src/components/widgets/background/PhotoInformation.jsx

@@ -55,7 +55,7 @@ function PhotoInformation({ info, url, api }) {
   const [width, setWidth] = useState(0);
   const [height, setHeight] = useState(0);
   const [usePhotoMap, setPhotoMap] = useState(false);
-  const [setMapIcon] = useState(true);
+  const [useMapIcon, setMapIcon] = useState(true);
   const [showExtraInfo, setshowExtraInfo] = useState(false);
   //const [showOld, setShowOld] = useState(true);
   const [other, setOther] = useState(false);
@@ -163,7 +163,7 @@ function PhotoInformation({ info, url, api }) {
   };
 
   let photoMapClassList = 'map-concept';
-  if (usePhotoMap) {
+  if (photoMap() !== null) {
     photoMapClassList += ' photoMap';
   }
 
@@ -210,7 +210,7 @@ function PhotoInformation({ info, url, api }) {
           onMouseLeave={() => setshowExtraInfo(false)}
         >
           <div className={photoMapClassList}>
-            {photoMap !== null ? <MdLocationOn /> : ''}
+            {useMapIcon || photoMap() === null ? <MdLocationOn /> : ''}
             <h1>{photoMap}</h1>
             {photoMap()}
           </div>

src/components/widgets/background/scss/_photoinformation.scss

@@ -371,3 +371,26 @@
     opacity: 1;
   }
 }
+
+.photoMap {
+  img {
+    height: 50px !important;
+    width: 50px !important;
+  }
+  a {
+    height: 50px;
+  }
+}
+
+.photoInformation:hover {
+  .photoMap {
+    height: auto !important;
+    img {
+      height: auto !important;
+      width: auto !important;
+    }
+    a {
+      height: auto !important;
+    }
+  }
+}

src/components/widgets/search/Search.jsx

@@ -89,7 +89,10 @@ export default class Search extends PureComponent {
     }
 
     if (setting === 'custom') {
-      url = localStorage.getItem('customSearchEngine');
+      const custom = localStorage.getItem('customSearchEngine');
+      if (custom !== null) {
+        url = custom;
+      }
     }
 
     if (localStorage.getItem('voiceSearch') === 'true') {
@@ -121,7 +124,12 @@ export default class Search extends PureComponent {
     }
 
     if (custom) {
-      url = localStorage.getItem('customSearchEngine');
+      const customSetting = localStorage.getItem('customSearchEngine');
+      if (customSetting !== null) {
+        url = customSetting;
+      } else {
+        url = this.state.url;
+      }
     }
 
     this.setState({

src/components/widgets/time/Clock.jsx

@@ -160,7 +160,7 @@ export default class Clock extends PureComponent {
     if (localStorage.getItem('timeType') === 'analogue') {
       return (
         <Suspense fallback={<></>}>
-          <div className="clockBackground">
+          <div className={`clockBackground ${enabled('roundClock') ? 'round' : ''}`}>
             <Analog
               className="analogclock clock-container"
               value={this.state.time}

src/components/widgets/time/clock.scss

@@ -39,6 +39,10 @@
 .clockBackground {
   @extend %basic;
   padding: 1rem;
+
+  &.round {
+    border-radius: 100% !important;
+  }
 }
 
 .new-clock {

src/index.jsx

@@ -39,6 +39,7 @@ variables.language = new I18n(variables.languagecode, {
   zh_CN: translations.zh_CN,
   id_ID: translations.id_ID,
   tr_TR: translations.tr_TR,
+  pt_BR: translations.pt_BR,
 });
 
 variables.getMessage = (text, optional) =>

src/modules/languages.json

@@ -42,5 +42,9 @@
   {
     "name": "中文 (简体)",
     "value": "zh_CN"
+  },
+  {
+    "name": "Portuguese (Brazil)",
+    "value": "pt_BR"
   }
 ]

src/modules/translations.js

@@ -10,6 +10,7 @@ import * as ru from '../translations/ru.json';
 import * as zh_CN from '../translations/zh_CN.json';
 import * as id_ID from '../translations/id_ID.json';
 import * as tr_TR from '../translations/tr_TR.json';
+import * as pt_BR from '../translations/pt_BR.json';
 
 const translations = {
   de_DE,
@@ -24,6 +25,7 @@ const translations = {
   zh_CN,
   id_ID,
   tr_TR,
+  pt_BR,
 };
 
 export default translations;

src/scss/_variables.scss

@@ -254,7 +254,7 @@ $themes: (
 
     @if $type == 'modal' {
       background: t($modal-sidebar);
-      border: 3px solid t($modal-sidebarActive);
+      border: 1px solid t($modal-sidebarActive);
       color: t($color);
       border-radius: t($borderRadius);
 

src/translations/de_DE.json

@@ -25,10 +25,7 @@
       "source": "Source",
       "category": "Category",
       "exclude": "Don't show again",
-      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings.",
+      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings."
-      "categories": "Categories",
-      "photo": "Photo",
-      "on": "on"
     },
     "search": "Suche",
     "quicklinks": {
@@ -47,13 +44,7 @@
       "not_found": "Nicht gefunden",
       "meters": "{amount} Meter",
       "extra_information": "Extra Information",
-      "feels_like": "Feels like {amount}",
+      "feels_like": "Feels like {amount}"
-      "options": {
-        "basic": "Basic",
-        "standard": "Standard",
-        "expanded": "Expanded",
-        "custom": "Custom"
-      }
     },
     "quote": {
       "link_tooltip": "Open on Wikipedia",
@@ -129,7 +120,8 @@
               "minute_hand": "Minutenzeiger",
               "hour_hand": "Stundenzeiger",
               "hour_marks": "Stunden-Markierungen",
-              "minute_marks": "Minuten-Markierungen"
+              "minute_marks": "Minuten-Markierungen",
+              "round_clock": "Rounded background"
             },
             "percentage_complete": "Denn Tages fotschritt in Prozent anzeigen",
             "vertical_clock": {
@@ -267,8 +259,7 @@
               "hour": "Stunde",
               "day": "Tag",
               "month": "Monat"
-            },
+            }
-            "category": "Kategorie"
           },
           "search": {
             "title": "Suche",
@@ -396,12 +387,16 @@
               "title": "Barrierefreiheit",
               "description": "Accessibility settings for Mue",
               "animations": "Animations",
-              "text_shadow": "Widget-Textschatten",
+              "text_shadow": {
+                "title": "Widget text shadow",
+                "new": "New",
+                "old": "Old",
+                "none": "None"
+              },
               "widget_zoom": "Widget größe",
               "toast_duration": "Toast Dauer",
               "milliseconds": "ms"
-            },
+            }
-            "animations": "Animationen"
           },
           "order": {
             "title": "Widget Sortieren"
@@ -478,6 +473,7 @@
             "support_mue": "Mue unterstützen",
             "support_subtitle": "As Mue is entirely free, we rely on donations to cover the server bills and fund development",
             "support_donate": "Donate",
+            "form_button": "Form",
             "resources_used": {
               "title": "Verwendete Ressourcen",
               "bg_images": "Offline Hintergrundbilder"
@@ -504,6 +500,7 @@
         "no_items": "Keine Einträge in dieser Kategorie",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
@@ -578,11 +575,9 @@
             "quotes": "Quotes Pack"
           },
           "descriptions": {
-            "settings": "",
+            "settings": "Collection of settings to customise Mue.",
             "photos": "Collection of photos relating to a topic.",
-            "quotes": "Collection of quotes relating to a topic.",
+            "quotes": "Collection of quotes relating to a topic."
-            "photo_pack": "",
-            "quote_pack": ""
           },
           "information": "Information",
           "information_subtitle": "For example: 1.2.3 (major update, minor update, patch update)",

src/translations/en_GB.json

@@ -120,7 +120,8 @@
               "minute_hand": "Minutes hand",
               "hour_hand": "Hours hand",
               "hour_marks": "Hour marks",
-              "minute_marks": "Minute marks"
+              "minute_marks": "Minute marks",
+              "round_clock": "Rounded background"
             },
             "percentage_complete": "Percentage complete",
             "vertical_clock": {
@@ -472,6 +473,7 @@
             "support_mue": "Support Mue",
             "support_subtitle": "As Mue is entirely free, we rely on donations to cover the server bills and fund development",
             "support_donate": "Donate",
+            "form_button": "Form",
             "resources_used": {
               "title": "Resources used",
               "bg_images": "Offline background images"
@@ -498,6 +500,7 @@
         "no_items": "No items in this category",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
@@ -710,4 +713,4 @@
     "no_storage": "Not enough storage",
     "link_copied": "Link copied"
   }
-}
+}

src/translations/en_US.json

@@ -25,10 +25,7 @@
       "source": "Source",
       "category": "Category",
       "exclude": "Don't show again",
-      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings.",
+      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings."
-      "categories": "Categories",
-      "photo": "Photo",
-      "on": "on"
     },
     "search": "Search",
     "quicklinks": {
@@ -47,13 +44,7 @@
       "not_found": "Not Found",
       "meters": "{amount} meters",
       "extra_information": "Extra Information",
-      "feels_like": "Feels like {amount}",
+      "feels_like": "Feels like {amount}"
-      "options": {
-        "basic": "Basic",
-        "standard": "Standard",
-        "expanded": "Expanded",
-        "custom": "Custom"
-      }
     },
     "quote": {
       "link_tooltip": "Open on Wikipedia",
@@ -129,7 +120,8 @@
               "minute_hand": "Minutes hand",
               "hour_hand": "Hours hand",
               "hour_marks": "Hour marks",
-              "minute_marks": "Minute marks"
+              "minute_marks": "Minute marks",
+              "round_clock": "Rounded background"
             },
             "percentage_complete": "Percentage complete",
             "vertical_clock": {
@@ -267,8 +259,7 @@
               "hour": "Hour",
               "day": "Day",
               "month": "Month"
-            },
+            }
-            "category": "Category"
           },
           "search": {
             "title": "Search",
@@ -396,7 +387,12 @@
               "title": "Accessibility",
               "description": "Accessibility settings for Mue",
               "animations": "Animations",
-              "text_shadow": "Widget text shadow",
+              "text_shadow": {
+                "title": "Widget text shadow",
+                "new": "New",
+                "old": "Old",
+                "none": "None"
+              },
               "widget_zoom": "Widget zoom",
               "toast_duration": "Toast duration",
               "milliseconds": "milliseconds"
@@ -477,6 +473,7 @@
             "support_mue": "Support Mue",
             "support_subtitle": "As Mue is entirely free, we rely on donations to cover the server bills and fund development",
             "support_donate": "Donate",
+            "form_button": "Form",
             "resources_used": {
               "title": "Resources used",
               "bg_images": "Offline background images"
@@ -503,6 +500,7 @@
         "no_items": "No items in this category",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
@@ -577,11 +575,9 @@
             "quotes": "Quotes Pack"
           },
           "descriptions": {
-            "settings": "",
+            "settings": "Collection of settings to customise Mue.",
             "photos": "Collection of photos relating to a topic.",
-            "quotes": "Collection of quotes relating to a topic.",
+            "quotes": "Collection of quotes relating to a topic."
-            "photo_pack": "",
-            "quote_pack": ""
           },
           "information": "Information",
           "information_subtitle": "For example: 1.2.3 (major update, minor update, patch update)",

src/translations/es.json

@@ -25,10 +25,7 @@
       "source": "Source",
       "category": "Category",
       "exclude": "Don't show again",
-      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings.",
+      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings."
-      "categories": "Categories",
-      "photo": "Photo",
-      "on": "on"
     },
     "search": "Buscar",
     "quicklinks": {
@@ -47,13 +44,7 @@
       "not_found": "No encontrado",
       "meters": "{amount} metros",
       "extra_information": "Extra Information",
-      "feels_like": "Feels like {amount}",
+      "feels_like": "Feels like {amount}"
-      "options": {
-        "basic": "Basic",
-        "standard": "Standard",
-        "expanded": "Expanded",
-        "custom": "Custom"
-      }
     },
     "quote": {
       "link_tooltip": "Open on Wikipedia",
@@ -129,7 +120,8 @@
               "minute_hand": "Manecilla de los minutos",
               "hour_hand": "Manecilla de las horas",
               "hour_marks": "Marcas de las horas",
-              "minute_marks": "Marcas de los minutos"
+              "minute_marks": "Marcas de los minutos",
+              "round_clock": "Rounded background"
             },
             "percentage_complete": "Porcentaje completado",
             "vertical_clock": {
@@ -267,8 +259,7 @@
               "hour": "Hora",
               "day": "Día",
               "month": "Mes"
-            },
+            }
-            "category": "Categoría"
           },
           "search": {
             "title": "Búsqueda",
@@ -396,7 +387,12 @@
               "title": "Accesibilidad",
               "description": "Accessibility settings for Mue",
               "animations": "Animaciones",
-              "text_shadow": "Sombra de texto del widget",
+              "text_shadow": {
+                "title": "Widget text shadow",
+                "new": "New",
+                "old": "Old",
+                "none": "None"
+              },
               "widget_zoom": "Zoom del widget",
               "toast_duration": "Duración de la notificación",
               "milliseconds": "milisegundos"
@@ -477,6 +473,7 @@
             "support_mue": "Apoya Mue",
             "support_subtitle": "As Mue is entirely free, we rely on donations to cover the server bills and fund development",
             "support_donate": "Donate",
+            "form_button": "Form",
             "resources_used": {
               "title": "Recursos usados",
               "bg_images": "Imágenes de fondo sin conexión"
@@ -503,6 +500,7 @@
         "no_items": "No hay artículos en esta categoría",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
@@ -577,11 +575,9 @@
             "quotes": "Quotes Pack"
           },
           "descriptions": {
-            "settings": "",
+            "settings": "Collection of settings to customise Mue.",
             "photos": "Collection of photos relating to a topic.",
-            "quotes": "Collection of quotes relating to a topic.",
+            "quotes": "Collection of quotes relating to a topic."
-            "photo_pack": "",
-            "quote_pack": ""
           },
           "information": "Information",
           "information_subtitle": "For example: 1.2.3 (major update, minor update, patch update)",

src/translations/fr.json

@@ -25,10 +25,7 @@
       "source": "Source",
       "category": "Category",
       "exclude": "Don't show again",
-      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings.",
+      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings."
-      "categories": "Categories",
-      "photo": "Photo",
-      "on": "on"
     },
     "search": "Rechercher",
     "quicklinks": {
@@ -47,13 +44,7 @@
       "not_found": "Pas trouvé",
       "meters": "{amount} mètres",
       "extra_information": "Extra Information",
-      "feels_like": "Feels like {amount}",
+      "feels_like": "Feels like {amount}"
-      "options": {
-        "basic": "Basic",
-        "standard": "Standard",
-        "expanded": "Expanded",
-        "custom": "Custom"
-      }
     },
     "quote": {
       "link_tooltip": "Open on Wikipedia",
@@ -129,7 +120,8 @@
               "minute_hand": "Aiguille des minutes",
               "hour_hand": "Aiguille de heure",
               "hour_marks": "Marques d'heure",
-              "minute_marks": "Marques des minutes"
+              "minute_marks": "Marques des minutes",
+              "round_clock": "Rounded background"
             },
             "percentage_complete": "Pourcentage achevé",
             "vertical_clock": {
@@ -267,8 +259,7 @@
               "hour": "Hour",
               "day": "Day",
               "month": "Month"
-            },
+            }
-            "category": "Catégorie"
           },
           "search": {
             "title": "Barre de Recherche",
@@ -396,7 +387,12 @@
               "title": "Accessibilité",
               "description": "Accessibility settings for Mue",
               "animations": "Animations",
-              "text_shadow": "Widget text shadow",
+              "text_shadow": {
+                "title": "Widget text shadow",
+                "new": "New",
+                "old": "Old",
+                "none": "None"
+              },
               "widget_zoom": "Zoom du widget",
               "toast_duration": "Durée du toast",
               "milliseconds": "millisecondes"
@@ -477,6 +473,7 @@
             "support_mue": "Soutenir Mue",
             "support_subtitle": "As Mue is entirely free, we rely on donations to cover the server bills and fund development",
             "support_donate": "Donate",
+            "form_button": "Form",
             "resources_used": {
               "title": "Ressources utilisées",
               "bg_images": "Images d'arrière-plan hors ligne"
@@ -503,6 +500,7 @@
         "no_items": "Aucun article dans cette catégorie",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
@@ -577,11 +575,9 @@
             "quotes": "Quotes Pack"
           },
           "descriptions": {
-            "settings": "",
+            "settings": "Collection of settings to customise Mue.",
             "photos": "Collection of photos relating to a topic.",
-            "quotes": "Collection of quotes relating to a topic.",
+            "quotes": "Collection of quotes relating to a topic."
-            "photo_pack": "",
-            "quote_pack": ""
           },
           "information": "Information",
           "information_subtitle": "For example: 1.2.3 (major update, minor update, patch update)",

src/translations/id_ID.json

@@ -25,10 +25,7 @@
       "source": "Source",
       "category": "Category",
       "exclude": "Don't show again",
-      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings.",
+      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings."
-      "categories": "Categories",
-      "photo": "Photo",
-      "on": "on"
     },
     "search": "Cari",
     "quicklinks": {
@@ -47,13 +44,7 @@
       "not_found": "Tidak Ditemukan",
       "meters": "{amount} meter",
       "extra_information": "Extra Information",
-      "feels_like": "Feels like {amount}",
+      "feels_like": "Feels like {amount}"
-      "options": {
-        "basic": "Basic",
-        "standard": "Standard",
-        "expanded": "Expanded",
-        "custom": "Custom"
-      }
     },
     "quote": {
       "link_tooltip": "Open on Wikipedia",
@@ -129,7 +120,8 @@
               "minute_hand": "Jarum Menit",
               "hour_hand": "Jarum Jam",
               "hour_marks": "Penanda Jam",
-              "minute_marks": "Penanda Menit"
+              "minute_marks": "Penanda Menit",
+              "round_clock": "Rounded background"
             },
             "percentage_complete": "Persentase",
             "vertical_clock": {
@@ -267,8 +259,7 @@
               "hour": "Jam",
               "day": "Hari",
               "month": "Bulan"
-            },
+            }
-            "category": "Kategori"
           },
           "search": {
             "title": "Cari",
@@ -396,7 +387,12 @@
               "title": "Aksesibilitas",
               "description": "Accessibility settings for Mue",
               "animations": "Animasi",
-              "text_shadow": "Widget text shadow",
+              "text_shadow": {
+                "title": "Widget text shadow",
+                "new": "New",
+                "old": "Old",
+                "none": "None"
+              },
               "widget_zoom": "Widget zoom",
               "toast_duration": "Durasi toast",
               "milliseconds": "milliseconds"
@@ -477,6 +473,7 @@
             "support_mue": "Dukung Mue",
             "support_subtitle": "As Mue is entirely free, we rely on donations to cover the server bills and fund development",
             "support_donate": "Donate",
+            "form_button": "Form",
             "resources_used": {
               "title": "Resources yang kami gunakan",
               "bg_images": "Offline background images"
@@ -503,6 +500,7 @@
         "no_items": "Tidak ada item pada kategori ini",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
@@ -577,11 +575,9 @@
             "quotes": "Quotes Pack"
           },
           "descriptions": {
-            "settings": "",
+            "settings": "Collection of settings to customise Mue.",
             "photos": "Collection of photos relating to a topic.",
-            "quotes": "Collection of quotes relating to a topic.",
+            "quotes": "Collection of quotes relating to a topic."
-            "photo_pack": "",
-            "quote_pack": ""
           },
           "information": "Information",
           "information_subtitle": "For example: 1.2.3 (major update, minor update, patch update)",

src/translations/nl.json

@@ -25,10 +25,7 @@
       "source": "Source",
       "category": "Category",
       "exclude": "Don't show again",
-      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings.",
+      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings."
-      "categories": "Categories",
-      "photo": "Photo",
-      "on": "on"
     },
     "search": "Zoeken",
     "quicklinks": {
@@ -47,13 +44,7 @@
       "not_found": "Not Found",
       "meters": "{amount} meter",
       "extra_information": "Extra Information",
-      "feels_like": "Feels like {amount}",
+      "feels_like": "Feels like {amount}"
-      "options": {
-        "basic": "Basic",
-        "standard": "Standard",
-        "expanded": "Expanded",
-        "custom": "Custom"
-      }
     },
     "quote": {
       "link_tooltip": "Open on Wikipedia",
@@ -129,7 +120,8 @@
               "minute_hand": "Minutes hand",
               "hour_hand": "Hours hand",
               "hour_marks": "Hour marks",
-              "minute_marks": "Minute marks"
+              "minute_marks": "Minute marks",
+              "round_clock": "Rounded background"
             },
             "percentage_complete": "Percentage complete",
             "vertical_clock": {
@@ -267,8 +259,7 @@
               "hour": "Hour",
               "day": "Day",
               "month": "Month"
-            },
+            }
-            "category": "Category"
           },
           "search": {
             "title": "Zoekbalk",
@@ -396,7 +387,12 @@
               "title": "Accessibility",
               "description": "Accessibility settings for Mue",
               "animations": "Animations",
-              "text_shadow": "Widget text shadow",
+              "text_shadow": {
+                "title": "Widget text shadow",
+                "new": "New",
+                "old": "Old",
+                "none": "None"
+              },
               "widget_zoom": "Widget zoom",
               "toast_duration": "Toast duration",
               "milliseconds": "milliseconds"
@@ -477,6 +473,7 @@
             "support_mue": "Support Mue",
             "support_subtitle": "As Mue is entirely free, we rely on donations to cover the server bills and fund development",
             "support_donate": "Donate",
+            "form_button": "Form",
             "resources_used": {
               "title": "Resources used",
               "bg_images": "Offline background images"
@@ -503,6 +500,7 @@
         "no_items": "No items in this category",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
@@ -577,11 +575,9 @@
             "quotes": "Quotes Pack"
           },
           "descriptions": {
-            "settings": "",
+            "settings": "Collection of settings to customise Mue.",
             "photos": "Collection of photos relating to a topic.",
-            "quotes": "Collection of quotes relating to a topic.",
+            "quotes": "Collection of quotes relating to a topic."
-            "photo_pack": "",
-            "quote_pack": ""
           },
           "information": "Information",
           "information_subtitle": "For example: 1.2.3 (major update, minor update, patch update)",

src/translations/no.json

@@ -25,10 +25,7 @@
       "source": "Source",
       "category": "Category",
       "exclude": "Don't show again",
-      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings.",
+      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings."
-      "categories": "Categories",
-      "photo": "Photo",
-      "on": "on"
     },
     "search": "Søk",
     "quicklinks": {
@@ -47,13 +44,7 @@
       "not_found": "Not Found",
       "meters": "{amount} meter",
       "extra_information": "Extra Information",
-      "feels_like": "Feels like {amount}",
+      "feels_like": "Feels like {amount}"
-      "options": {
-        "basic": "Basic",
-        "standard": "Standard",
-        "expanded": "Expanded",
-        "custom": "Custom"
-      }
     },
     "quote": {
       "link_tooltip": "Open on Wikipedia",
@@ -129,7 +120,8 @@
               "minute_hand": "Minutes hand",
               "hour_hand": "Hours hand",
               "hour_marks": "Hour marks",
-              "minute_marks": "Minute marks"
+              "minute_marks": "Minute marks",
+              "round_clock": "Rounded background"
             },
             "percentage_complete": "Percentage complete",
             "vertical_clock": {
@@ -267,8 +259,7 @@
               "hour": "Hour",
               "day": "Day",
               "month": "Month"
-            },
+            }
-            "category": "Category"
           },
           "search": {
             "title": "Søkebar",
@@ -396,7 +387,12 @@
               "title": "Accessibility",
               "description": "Accessibility settings for Mue",
               "animations": "Animasjoner",
-              "text_shadow": "Widget text shadow",
+              "text_shadow": {
+                "title": "Widget text shadow",
+                "new": "New",
+                "old": "Old",
+                "none": "None"
+              },
               "widget_zoom": "Widget zoom",
               "toast_duration": "Toast duration",
               "milliseconds": "milliseconds"
@@ -477,6 +473,7 @@
             "support_mue": "Support Mue",
             "support_subtitle": "As Mue is entirely free, we rely on donations to cover the server bills and fund development",
             "support_donate": "Donate",
+            "form_button": "Form",
             "resources_used": {
               "title": "Resources used",
               "bg_images": "Offline background images"
@@ -503,6 +500,7 @@
         "no_items": "No items in this category",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
@@ -577,11 +575,9 @@
             "quotes": "Quotes Pack"
           },
           "descriptions": {
-            "settings": "",
+            "settings": "Collection of settings to customise Mue.",
             "photos": "Collection of photos relating to a topic.",
-            "quotes": "Collection of quotes relating to a topic.",
+            "quotes": "Collection of quotes relating to a topic."
-            "photo_pack": "",
-            "quote_pack": ""
           },
           "information": "Information",
           "information_subtitle": "For example: 1.2.3 (major update, minor update, patch update)",

src/translations/pt_BR.json

@@ -5,12 +5,23 @@
         "added": "Adicionado",
         "check_updates": "Verifique se há atualizações",
         "create": {
+          "create_type": "Criar pacote {type}",
+          "descriptions": {
+            "photos": "Coleção de fotos relacionadas a um tópico.",
+            "quotes": "Coleção de citações relacionadas a um tópico.",
+            "settings": "Coleção de configurações para personalizar o Mue."
+          },
+          "example": "Exemplo",
           "finish": {
             "download": "Baixar complemento",
             "title": "Finalizar"
           },
+          "import_custom": "Importar de configurações personalizadas.",
+          "information": "Informações",
+          "information_subtitle": "Por exemplo: 1.2.3 (atualização principal, atualização secundária, atualização de patch)",
           "metadata": {
             "description": "Descrição",
+            "example": "Baixar exemplo",
             "icon_url": "URL do ícone",
             "name": "Nome",
             "screenshot_url": "URL da captura de tela"
@@ -19,12 +30,17 @@
           "photos": {
             "title": "Adicionar fotos"
           },
+          "publishing": {
+            "button": "Saber mais",
+            "subtitle": "Visite a Base de dados de conhecimento do Mue para obter informações sobre como publicar seu complemento recém-criado.",
+            "title": "Próxima etapa, Publicando..."
+          },
           "quotes": {
             "api": {
               "author": "Autor da citação JSON (ou substituição)",
               "name": "Nome da citação JSON",
               "title": "API",
-              "url": "URL de citações"
+              "url": "URL da citação"
             },
             "local": {
               "title": "Local"
@@ -35,7 +51,12 @@
             "current": "Importar atual",
             "json": "Carregar JSON"
           },
-          "title": "Criar"
+          "title": "Criar",
+          "types": {
+            "photos": "Pacotes de fotos",
+            "quotes": "Pacotes de citações",
+            "settings": "Configurações predefinidas"
+          }
         },
         "empty": {
           "description": "Nenhum complemento está instalado",
@@ -43,6 +64,7 @@
         },
         "no_updates": "Nenhuma atualização disponível",
         "sideload": {
+          "description": "Instale um complemento Mue que não esteja no mercado a partir do seu computador",
           "errors": {
             "invalid_photos": "Objeto de fotos inválido",
             "invalid_quotes": "Objeto de citações inválido",
@@ -51,7 +73,7 @@
             "no_type": "Nenhum tipo fornecido"
           },
           "failed": "Falha ao carregar o complemento",
-          "title": "Sideload"
+          "title": "Carregar localmente"
         },
         "sort": {
           "a_z": "Alfabética (A-Z)",
@@ -65,14 +87,27 @@
       "error_boundary": {
         "message": "Falha ao carregar este componente do Mue",
         "refresh": "Atualizar",
+        "report_error": "Enviar relatório de erro",
+        "sent": "Enviei!",
         "title": "Erro"
       },
       "file_upload_error": "O arquivo tem mais de 2 MB",
       "loading": "Carregando...",
       "marketplace": {
+        "add_all": "Adicionar tudo ao Mue",
+        "all": "Todos",
+        "by": "Por {author}",
+        "cant_find": "Não consegue encontrar o que procura?",
+        "collection": "Coleção",
+        "collections": "Coleções",
+        "explore_collection": "Explorar coleção",
+        "knowledgebase_one": "Visite a",
+        "knowledgebase_three": "para criar o seu próprio.",
+        "knowledgebase_two": "base de conhecimento",
+        "learn_more": "Saber mais",
         "no_items": "Não há itens nesta categoria",
         "offline": {
-          "description": "Por favor conecte-se à internet",
+          "description": "Conecte-se à Internet",
           "title": "Parece que você está offline"
         },
         "photo_packs": "Pacotes de fotos",
@@ -81,32 +116,43 @@
           "author": "Autor",
           "buttons": {
             "addtomue": "Adicionar ao Mue",
+            "back": "Voltar",
             "remove": "Remover",
+            "report": "Reportar",
             "update_addon": "Atualizar complemento"
           },
+          "description": "Descrição",
+          "explore": "Explorar",
           "information": "Informações",
           "last_updated": "Ultima atualização",
+          "no_images": "Sem imagens",
+          "no_quotes": "Sem citações",
           "overview": "Visão geral",
-          "quote_warning": {
+          "part_of": "Parte de",
-            "description": "Este pacote de cotações solicita servidores externos que podem rastreá-lo!",
+          "setting": "Configuração",
-            "title": "Aviso"
+          "show_all": "Mostrar tudo",
-          },
+          "show_less": "Mostrar menos",
+          "show_more": "Mostrar mais",
+          "showing": "Mostrando",
+          "value": "Valor",
           "version": "Versão"
         },
         "quote_packs": "Pacotes de citações"
       },
       "navbar": {
-        "addons": "Meus complementos",
+        "addons": "Complementos",
-        "marketplace": "Loja",
+        "marketplace": "Mercado",
         "settings": "Configurações"
       },
       "settings": {
+        "additional_settings": "Configurações adicionais",
         "buttons": {
           "export": "Exportar",
           "import": "Importar",
           "reset": "Redefinir"
         },
         "enabled": "Habilitado",
+        "open_knowledgebase": "Abrir base de conhecimento",
         "reminder": {
           "message": "Para que todas as alterações ocorram, a página deve ser atualizada.",
           "title": "AVISO"
@@ -115,18 +161,21 @@
           "about": {
             "contact_us": "Contate-nos",
             "contributors": "Contribuintes",
-            "copyright": "Copyright",
+            "copyright": "Direito autoral",
+            "form_button": "Formulário",
             "no_supporters": "Atualmente não há apoiadores do Mue",
             "photographers": "Fotógrafos",
             "resources_used": {
               "bg_images": "Imagens de plano de fundo offline",
               "title": "Recursos usados"
             },
+            "support_donate": "Doar",
             "support_mue": "Apoie Mue",
+            "support_subtitle": "Como o Mue é totalmente gratuito, contamos com doações para cobrir as contas do servidor e financiar o desenvolvimento",
             "supporters": "Apoiadores",
             "title": "Sobre",
             "version": {
-              "checking_update": "Verificando por atualização",
+              "checking_update": "Verificando atualização",
               "error": {
                 "description": "Ocorreu um erro",
                 "title": "Falha ao obter informações de atualização"
@@ -139,11 +188,14 @@
           },
           "advanced": {
             "custom_css": "CSS customizado",
+            "custom_css_subtitle": "Faça o estilo de Mue personalizado para você com Cascading Style Sheets (CSS).",
             "custom_js": "JS personalizado",
             "customisation": "Customização",
             "data": "Dados",
+            "data_subtitle": "Escolha se deseja exportar suas configurações de Mue para o seu computador, importar um arquivo de configurações existente ou redefinir suas configurações para seus valores padrão",
             "experimental_warning": "Observe que a equipe Mue não pode fornecer suporte se você tiver o modo experimental ativado. Desative-o primeiro e veja se o problema continua antes de entrar em contato com o suporte.",
             "offline_mode": "Modo offline",
+            "offline_subtitle": "Quando ativado, todos os pedidos de serviços online serão desativados.",
             "reset_modal": {
               "cancel": "Cancelar",
               "information": "Isso excluirá todos os dados. Se você deseja manter seus dados e preferências, exporte-os primeiro.",
@@ -151,8 +203,10 @@
               "title": "AVISO"
             },
             "tab_name": "Nome da guia",
+            "tab_name_subtitle": "Mude o nome da aba que aparece no seu navegador",
             "timezone": {
               "automatic": "Automático",
+              "subtitle": "Escolha um fuso horário na lista em vez do padrão automático do seu computador",
               "title": "Fuso horário"
             },
             "title": "Avançado"
@@ -160,14 +214,21 @@
           "appearance": {
             "accessibility": {
               "animations": "Animações",
+              "description": "Configurações de acessibilidade para Mue",
               "milliseconds": "milissegundos",
-              "text_shadow": "Sombra de texto do widget",
+              "text_shadow": {
+                "new": "Novo",
+                "none": "Nenhum",
+                "old": "Velho",
+                "title": "Sombra de texto do widget"
+              },
               "title": "Acessibilidade",
               "toast_duration": "Duração do Toast de notificação",
               "widget_zoom": "Zoom do widget"
             },
             "font": {
               "custom": "Fonte personalizada",
+              "description": "Alterar a fonte usada no Mue",
               "google": "Importar do Google Fonts",
               "style": {
                 "italic": "itálico",
@@ -178,17 +239,18 @@
               "title": "Fonte",
               "weight": {
                 "bold": "Negrito",
-                "extra_bold": "Extra Bold",
+                "extra_bold": "Extra Negrito",
-                "extra_light": "Extra Light",
+                "extra_light": "Extra Leve",
-                "light": "Light",
+                "light": "Leve",
                 "medium": "Médio",
                 "normal": "Normal",
-                "semi_bold": "Semi Bold",
+                "semi_bold": "Semi-negrito",
                 "thin": "Fina",
                 "title": "Espessura da fonte"
               }
             },
             "navbar": {
+              "additional": "Modifique o estilo da barra de navegação e quais botões você deseja exibir",
               "hover": "Exibir apenas ao passar o mouse",
               "notes": "Notas",
               "refresh": "Botão atualizar",
@@ -196,25 +258,37 @@
                 "none": "Nenhum",
                 "page": "Página"
               },
+              "refresh_subtitle": "Escolha o que é atualizado quando você clica no botão de atualização",
               "title": "Barra de navegação"
             },
+            "style": {
+              "description": "Escolha entre os dois estilos, legado (ativado para usuários pré 7.0) e nosso estilo moderno e elegante.",
+              "legacy": "Legado",
+              "new": "Novo",
+              "title": "Estilo do widget"
+            },
             "theme": {
               "auto": "Auto",
               "dark": "Escuro",
+              "description": "Alterar o tema dos widgets e modais do Mue",
               "light": "Claro",
               "title": "Tema"
             },
             "title": "Aparência"
           },
           "background": {
+            "api": "Configurações da API",
+            "api_subtitle": "Opções para obter uma imagem de um serviço externo (API)",
             "buttons": {
               "download": "Baixar",
               "favourite": "Favorito",
               "title": "Botões",
               "view": "Maximizar"
             },
-            "category": "Categoria",
+            "categories": "Categorias",
             "ddg_image_proxy": "Use o proxy de imagem DuckDuckGo",
+            "display": "Tela",
+            "display_subtitle": "Alterar como as informações de plano de fundo e foto são carregadas",
             "effects": {
               "blur": "Ajustar desfoque",
               "brightness": "Ajustar o brilho",
@@ -227,7 +301,8 @@
                 "sepia": "Sépia",
                 "title": "Filtro de fundo"
               },
-              "title": "Efeitos"
+              "subtitle": "Adicione efeitos às imagens de fundo",
+              "title": "efeitos"
             },
             "interval": {
               "day": "Dia",
@@ -235,27 +310,35 @@
               "hour": "Hora",
               "minute": "Minuto",
               "month": "Mês",
-              "title": "Mudar a cada"
+              "subtitle": "Alterar a frequência com que o plano de fundo é atualizado",
+              "title": "mudar a cada"
             },
             "photo_information": "Mostrar informações da foto",
             "show_map": "Mostrar mapa de localização nas informações da foto, se disponível",
             "source": {
               "add_background": "Adicionar plano de fundo",
               "add_colour": "Adicionar cor",
-              "add_url": "Adicionar URL",
+              "add_url": "Adicione URL",
               "api": "API de Planos de fundo",
               "custom_background": "Plano de fundo personalizado",
               "custom_colour": "Cor de fundo personalizada",
-              "disabled": "Desabilitado",
+              "custom_description": "Selecione imagens do seu computador",
+              "custom_title": "Imagens personalizadas",
+              "disabled": "Desativado",
+              "drop_to_upload": "Solte para carregar",
+              "formats": "Formatos disponíveis: {lista}",
               "loop_video": "Vídeo em loop",
-              "mute_video": "Vídeo mudo",
+              "mute_video": "mutar vídeo",
               "quality": {
                 "datasaver": "Economizar dados",
                 "high": "Alta qualidade",
-                "normal": "Qualidade normal",
+                "normal": "qualidade normal",
                 "original": "Original",
                 "title": "Qualidade"
               },
+              "remove": "Remover imagem",
+              "select": "Ou selecione",
+              "subtitle": "Selecione de onde obter as imagens de plano de fundo",
               "title": "Fonte",
               "upload": "Carregar"
             },
@@ -265,7 +348,7 @@
               "api": "API",
               "custom_colour": "Cor/gradiente personalizados",
               "custom_image": "Imagem personalizada",
-              "random_colour": "Cor aleatória",
+              "random_colour": "cor aleatória",
               "random_gradient": "Gradiente aleatório",
               "title": "Tipo"
             }
@@ -277,6 +360,7 @@
           "date": {
             "datenth": "Data nth",
             "day_of_week": "Dia da semana",
+            "long_format": "formato longo",
             "short_date": "Data curta",
             "short_format": "formato curto",
             "short_separator": {
@@ -289,8 +373,10 @@
             "title": "Data",
             "type": {
               "long": "Longo",
-              "short": "Curto"
+              "short": "Curto",
+              "subtitle": "Se a data deve ser exibida em forma longa ou abreviada"
             },
+            "type_settings": "Exibir configurações e formato para o tipo de data selecionado",
             "week_number": "Número da semana"
           },
           "experimental": {
@@ -299,36 +385,21 @@
             "warning": "Essas configurações não foram totalmente testadas/implementadas e podem não funcionar corretamente!"
           },
           "greeting": {
+            "additional": "Configurações para a exibição de saudação",
             "birthday": "Aniversário",
             "birthday_age": "idade de aniversário",
             "birthday_date": "Data de nascimento",
+            "birthday_subtitle": "Mostrar uma mensagem de feliz aniversário quando for seu aniversário",
             "default": "Mensagem de saudação padrão",
             "events": "Eventos",
             "name": "Nome para saudação",
             "title": "Saudações"
           },
-          "keybinds": {
+          "header": {
-            "background": {
+            "enabled": "Escolha se deseja ou não mostrar este widget",
-              "download": "Baixar plano de fundo",
+            "more_info": "Mais informações",
-              "favourite": "Plano de fundo favorito",
+            "report_issue": "Relatório De Problema",
-              "maximise": "Maximizar plano de fundo",
+            "size": "Controle deslizante para controlar o tamanho do widget"
-              "show_info": "Mostrar informações de plano de fundo"
-            },
-            "click_to_record": "Clique para gravar",
-            "modal": "Alternar modal",
-            "notes": {
-              "copy": "Copiar notas",
-              "pin": "Fixar notas"
-            },
-            "quicklinks": "Alternar adicionar link rápido",
-            "quote": {
-              "copy": "Copiar citação",
-              "favourite": "Citação favorita",
-              "tweet": "Tweetar citação"
-            },
-            "recording": "Gravando...",
-            "search": "Pesquisa em foco",
-            "title": "Teclas de atalho"
           },
           "language": {
             "quote": "Idioma das citações",
@@ -336,6 +407,10 @@
           },
           "message": {
             "add": "Adicionar mensagem",
+            "add_some": "Vá em frente e adicione alguns.",
+            "content": "Conteúdo da mensagem",
+            "messages": "Mensagens",
+            "no_messages": "Sem mensagens",
             "text": "Texto",
             "title": "Mensagem"
           },
@@ -343,34 +418,59 @@
             "title": "Ordem do widget"
           },
           "quicklinks": {
+            "add_link": "Adicionar link",
+            "additional": "Configurações adicionais para exibição e funções de links rápidos",
+            "edit": "Editar",
+            "no_quicklinks": "Sem links rápidos",
             "open_new": "Abrir em nova guia",
+            "options": {
+              "icon": "Ícone",
+              "metro": "Metro",
+              "text_only": "Somente texto"
+            },
+            "style": "Estilo",
+            "styling": "Estilizar links rápidos",
+            "styling_description": "Personalizar a aparência dos Links rápidos",
             "text_only": "Mostrar apenas texto",
             "title": "Links Rápidos",
-            "tooltip": "Nome ao passar mouse"
+            "tooltip": "Dica de ferramenta"
           },
           "quote": {
             "add": "Adicionar citação",
+            "additional": "Outras configurações para personalizar o estilo do widget de citações",
+            "author": "Autor",
+            "author_img": "Mostrar imagem do autor",
             "author_link": "link do autor",
             "buttons": {
               "copy": "Copiar",
               "favourite": "Favorito",
+              "subtitle": "Escolha quais botões mostrar na citação",
               "title": "Botões",
               "tweet": "Tweetar"
             },
             "custom": "Citação personalizada",
             "custom_author": "Autor personalizado",
+            "custom_buttons": "Botões",
+            "custom_subtitle": "Defina suas próprias citações personalizadas",
+            "no_quotes": "sem aspas",
+            "source_subtitle": "Escolha de onde obter citações",
             "title": "Citações"
           },
           "search": {
+            "additional": "Opções adicionais para exibição e funcionalidade do widget de pesquisa",
             "autocomplete": "autocompletar",
             "autocomplete_provider": "Provedor de preenchimento automático",
+            "autocomplete_provider_subtitle": "Mecanismo de pesquisa a ser usado para resultados suspensos de preenchimento automático",
             "custom": "URL de pesquisa personalizada",
             "dropdown": "Lista suspensa de pesquisa",
+            "focus": "Foco na guia aberta",
             "search_engine": "Motor de busca",
+            "search_engine_subtitle": "Escolha o mecanismo de pesquisa para usar na barra de pesquisa",
             "title": "Pesquisar",
             "voice_search": "Pesquisa por voz"
           },
           "stats": {
+            "achievements": "Conquistas",
             "sections": {
               "addons_installed": "Complementos instalados",
               "backgrounds_downloaded": "Planos de fundo baixados",
@@ -381,6 +481,7 @@
               "tabs_opened": "Abas abertas"
             },
             "title": "Estatísticas",
+            "unlocked": "{count} Desbloqueado",
             "usage": "Estatísticas de uso",
             "warning": "Você precisa ativar os dados de uso para usar este recurso. Esses dados são armazenados apenas localmente."
           },
@@ -390,23 +491,33 @@
               "hour_marks": "Marcas de horas",
               "minute_hand": "ponteiro dos minutos",
               "minute_marks": "Marcas de minutos",
+              "round_clock": "Fundo arredondado",
               "second_hand": "Ponteiro dos segundos",
+              "subtitle": "Alterar a aparência do relógio analógico",
               "title": "Analógico"
             },
             "digital": {
               "seconds": "Segundos",
+              "subtitle": "Alterar a aparência do relógio digital",
               "title": "Digital",
-              "twelvehour": "12 Horas",
+              "twelvehour": "12 horas",
               "twentyfourhour": "24 Horas",
-              "zero": "Zero à esquerda"
+              "zero": "Preenchimento com zeros"
             },
             "format": "Formato",
             "percentage_complete": "Porcentagem concluída",
             "title": "Hora",
-            "type": "Tipo"
+            "type": "Modelo",
+            "type_subtitle": "Escolha se deseja exibir a hora em formato digital ou analógico ou uma porcentagem de conclusão do dia",
+            "vertical_clock": {
+              "change_hour_colour": "Alterar a cor das horas",
+              "change_minute_colour": "Alterar a cor dos minutos",
+              "title": "Relógio Vertical"
+            }
           },
           "weather": {
             "auto": "Auto",
+            "custom_settings": "Configurações personalizadas",
             "extra_info": {
               "atmospheric_pressure": "Pressão atmosférica",
               "cloudiness": "Nebulosidade",
@@ -421,18 +532,29 @@
               "wind_speed": "Velocidade do vento"
             },
             "location": "Localização",
+            "options": {
+              "basic": "básico",
+              "custom": "Personalizado",
+              "expanded": "expandido",
+              "standard": "Padrão"
+            },
             "temp_format": {
               "celsius": "Celsius",
               "fahrenheit": "Fahrenheit",
               "kelvin": "Kelvin",
               "title": "Unidade de temperatura"
             },
-            "title": "Tempo"
+            "title": "Tempo",
+            "widget_type": "Tipo de widget"
           }
         }
       },
       "title": "Opções"
     },
+    "share": {
+      "copy_link": "Copiar link",
+      "email": "Email"
+    },
     "update": {
       "error": {
         "description": "Não pode conectar-se ao servidor",
@@ -465,6 +587,14 @@
         },
         "intro": {
           "description": "Obrigado por instalar o Mue, esperamos que você aproveite seu tempo com nossa extensão.",
+          "notices": {
+            "discord_description": "Fale com a comunidade Mue e desenvolvedores",
+            "discord_join": "Participar",
+            "discord_title": "Junte-se ao nosso Discord",
+            "github_description": "Relatar bugs, adicionar recursos ou doar",
+            "github_open": "Abrir",
+            "github_title": "Contribua no GitHub"
+          },
           "title": "Bem-vindo ao Mue Tab"
         },
         "language": {
@@ -487,6 +617,12 @@
           "tip": "Você pode exportar suas configurações antigas navegando até a guia Avançado em sua configuração antiga do Mue. Então você precisa clicar no botão de exportação que fará o download do arquivo JSON. Você pode carregar este arquivo aqui para carregar suas configurações e preferências de sua instalação anterior do Mue.",
           "title": "Configurações de Importação"
         },
+        "style": {
+          "description": "Atualmente, o Mue oferece a escolha entre o estilo legado e o estilo moderno recém-lançado.",
+          "legacy": "Legado",
+          "modern": "Moderno",
+          "title": "Escolha um estilo"
+        },
         "theme": {
           "description": "O Mue está disponível nos temas claro e escuro, ou pode ser definido automaticamente dependendo do tema do sistema.",
           "tip": "Usar as configurações automáticas usará o tema em seu computador. Essa configuração afetará os modais e alguns dos widgets exibidos na tela, como previsão do tempo e notas.",
@@ -501,6 +637,8 @@
     "error": "Algo deu errado",
     "imported": "Importado com sucesso",
     "installed": "Instalado com sucesso",
+    "link_copied": "Link copiado",
+    "no_storage": "Espaço de armazenamento insuficiente",
     "notes": "Notas copiadas",
     "quote": "Citação copiada",
     "reset": "Redefinido com sucesso",
@@ -509,11 +647,21 @@
   },
   "widgets": {
     "background": {
+      "camera": "Câmera",
+      "category": "Categoria",
       "credit": "Foto por",
       "download": "Baixar",
+      "downloads": "Baixados",
+      "exclude": "Não mostrar novamente",
+      "exclude_confirm": "Tem certeza de que não deseja ver esta imagem novamente?\nNota: se você não gosta de imagens \"{category}\", pode desmarcar a categoria nas configurações de origem do plano de fundo.",
       "information": "Informação",
-      "pexels": "de Pexels",
+      "likes": "Curtidas",
-      "unsplash": "de Unsplash"
+      "location": "Localização",
+      "pexels": "em Pexels",
+      "resolution": "Resolução",
+      "source": "Fonte",
+      "unsplash": "no Unsplash",
+      "views": "Visualizações"
     },
     "date": {
       "week": "Semana"
@@ -532,6 +680,11 @@
         "placeholder": "Digite aqui",
         "title": "Notas"
       },
+      "todo": {
+        "add": "Adicionar",
+        "pin": "Fixar",
+        "title": "Tarefas"
+      },
       "tooltips": {
         "refresh": "Atualizar"
       }
@@ -541,14 +694,23 @@
       "icon": "Ícone (opcional)",
       "name": "Nome",
       "name_error": "Deve fornecer o nome",
-      "new": "Novo Link",
+      "new": "Novo link",
       "url": "URL",
       "url_error": "Forneça uma URL"
     },
+    "quote": {
+      "copy": "Copiar",
+      "favourite": "Favorito",
+      "link_tooltip": "Abrir na Wikipédia",
+      "share": "Compartilhar",
+      "unfavourite": "Não favorito"
+    },
     "search": "Pesquisar",
     "weather": {
+      "extra_information": "Informação extra",
+      "feels_like": "Parece {quantia}",
       "meters": "{quantidade} metros",
-      "not_found": "Não Encontrado"
+      "not_found": "Não encontrado"
     }
   }
 }

src/translations/ru.json

@@ -25,10 +25,7 @@
       "source": "Source",
       "category": "Category",
       "exclude": "Don't show again",
-      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings.",
+      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings."
-      "categories": "Categories",
-      "photo": "Photo",
-      "on": "on"
     },
     "search": "Поиск",
     "quicklinks": {
@@ -47,13 +44,7 @@
       "not_found": "Not Found",
       "meters": "{amount} метры",
       "extra_information": "Extra Information",
-      "feels_like": "Feels like {amount}",
+      "feels_like": "Feels like {amount}"
-      "options": {
-        "basic": "Basic",
-        "standard": "Standard",
-        "expanded": "Expanded",
-        "custom": "Custom"
-      }
     },
     "quote": {
       "link_tooltip": "Open on Wikipedia",
@@ -129,7 +120,8 @@
               "minute_hand": "Minutes hand",
               "hour_hand": "Hours hand",
               "hour_marks": "Hour marks",
-              "minute_marks": "Minute marks"
+              "minute_marks": "Minute marks",
+              "round_clock": "Rounded background"
             },
             "percentage_complete": "Percentage complete",
             "vertical_clock": {
@@ -267,8 +259,7 @@
               "hour": "Hour",
               "day": "Day",
               "month": "Month"
-            },
+            }
-            "category": "Category"
           },
           "search": {
             "title": "Панель поиска",
@@ -396,7 +387,12 @@
               "title": "Accessibility",
               "description": "Accessibility settings for Mue",
               "animations": "Анимации",
-              "text_shadow": "Widget text shadow",
+              "text_shadow": {
+                "title": "Widget text shadow",
+                "new": "New",
+                "old": "Old",
+                "none": "None"
+              },
               "widget_zoom": "Widget zoom",
               "toast_duration": "Toast duration",
               "milliseconds": "milliseconds"
@@ -477,6 +473,7 @@
             "support_mue": "Support Mue",
             "support_subtitle": "As Mue is entirely free, we rely on donations to cover the server bills and fund development",
             "support_donate": "Donate",
+            "form_button": "Form",
             "resources_used": {
               "title": "Resources used",
               "bg_images": "Offline background images"
@@ -503,6 +500,7 @@
         "no_items": "No items in this category",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
@@ -577,11 +575,9 @@
             "quotes": "Quotes Pack"
           },
           "descriptions": {
-            "settings": "",
+            "settings": "Collection of settings to customise Mue.",
             "photos": "Collection of photos relating to a topic.",
-            "quotes": "Collection of quotes relating to a topic.",
+            "quotes": "Collection of quotes relating to a topic."
-            "photo_pack": "",
-            "quote_pack": ""
           },
           "information": "Information",
           "information_subtitle": "For example: 1.2.3 (major update, minor update, patch update)",
@@ -632,8 +628,7 @@
       },
       "error": {
         "title": "Ошибка",
-        "description": "Could not connect to the server",
+        "description": "Could not connect to the server"
-        "content": "Не удалось подключиться к серверу"
       }
     },
     "welcome": {

src/translations/zh_CN.json

@@ -25,10 +25,7 @@
       "source": "Source",
       "category": "Category",
       "exclude": "Don't show again",
-      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings.",
+      "exclude_confirm": "Are you sure you don't want to see this image again?\nNote: if you don't like \"{category}\" images, you can deselect the category in the background source settings."
-      "categories": "Categories",
-      "photo": "Photo",
-      "on": "on"
     },
     "search": "搜索",
     "quicklinks": {
@@ -47,13 +44,7 @@
       "not_found": "未找到",
       "meters": "{amount}米",
       "extra_information": "Extra Information",
-      "feels_like": "Feels like {amount}",
+      "feels_like": "Feels like {amount}"
-      "options": {
-        "basic": "Basic",
-        "standard": "Standard",
-        "expanded": "Expanded",
-        "custom": "Custom"
-      }
     },
     "quote": {
       "link_tooltip": "Open on Wikipedia",
@@ -129,7 +120,8 @@
               "minute_hand": "分针",
               "hour_hand": "时针",
               "hour_marks": "时钟刻度",
-              "minute_marks": "分钟刻度"
+              "minute_marks": "分钟刻度",
+              "round_clock": "Rounded background"
             },
             "percentage_complete": "今天过去了%几",
             "vertical_clock": {
@@ -267,8 +259,7 @@
               "hour": "每小时",
               "day": "每天",
               "month": "每月"
-            },
+            }
-            "category": "分类"
           },
           "search": {
             "title": "搜索栏",
@@ -396,7 +387,12 @@
               "title": "无障碍设定",
               "description": "Accessibility settings for Mue",
               "animations": "动画效果",
-              "text_shadow": "加深字体阴影",
+              "text_shadow": {
+                "title": "Widget text shadow",
+                "new": "New",
+                "old": "Old",
+                "none": "None"
+              },
               "widget_zoom": "小部件缩放",
               "toast_duration": "窗口弹出时间长度",
               "milliseconds": "毫秒"
@@ -477,6 +473,7 @@
             "support_mue": "支持 Mue",
             "support_subtitle": "As Mue is entirely free, we rely on donations to cover the server bills and fund development",
             "support_donate": "Donate",
+            "form_button": "Form",
             "resources_used": {
               "title": "使用资源",
               "bg_images": "离线背景"
@@ -503,6 +500,7 @@
         "no_items": "本类别为空",
         "collection": "Collection",
         "explore_collection": "Explore Collection",
+        "add_all": "Add All To Mue",
         "collections": "Collections",
         "cant_find": "Can't find what you're looking for?",
         "knowledgebase_one": "Visit the",
@@ -577,11 +575,9 @@
             "quotes": "Quotes Pack"
           },
           "descriptions": {
-            "settings": "",
+            "settings": "Collection of settings to customise Mue.",
             "photos": "Collection of photos relating to a topic.",
-            "quotes": "Collection of quotes relating to a topic.",
+            "quotes": "Collection of quotes relating to a topic."
-            "photo_pack": "",
-            "quote_pack": ""
           },
           "information": "Information",
           "information_subtitle": "For example: 1.2.3 (major update, minor update, patch update)",