feat: Change background image + add background color to the sign in page

.eslintrc.js

@@ -0,0 +1,7 @@
+/* eslint-env node */
+module.exports = {
+  extends: ['@dcl/eslint-config/dapps'],
+  parserOptions: {
+    project: ['tsconfig.json']
+  }
+}

.prettierrc.json

@@ -0,0 +1,8 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 140,
+  "tabWidth": 2,
+  "trailingComma": "none",
+  "arrowParens": "avoid"
+}

src/components/Pages/SignInPage/SignInPage.module.css

@@ -0,0 +1,26 @@
+.content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+}
+
+.content :global(.SignIn.center) {
+  background: var(--background);
+  padding: 24px 11px 14px 11px;
+  border-radius: 10px;
+  position: unset;
+}
+
+@media (min-width: 769px) {
+  .content :global(.SignIn.center) {
+    min-width: 700px;
+  }
+}
+
+@media (max-width: 768px) {
+  .content :global(.SignIn.center) {
+    height: 100%;
+    border-radius: unset;
+  }
+}

src/components/Pages/SignInPage/SignInPage.tsx

@@ -3,6 +3,7 @@ import { useSearchParams, useNavigate } from 'react-router-dom'
 import { default as SignIn } from 'decentraland-dapps/dist/containers/SignInPage'
 import { PageLayout } from '../../PageLayout'
 import { Props } from './SignInPage.types'
+import styles from './SignInPage.module.css'
 
 const SignInPage = (props: Props) => {
   const { isConnected, onConnect } = props
@@ -19,7 +20,9 @@ const SignInPage = (props: Props) => {
 
   return (
     <PageLayout>
-      <SignIn isConnected={isConnected} handleLoginConnect={onConnect} />
+      <div className={styles.content}>
+        <SignIn isConnected={isConnected} handleLoginConnect={onConnect} />
+      </div>
     </PageLayout>
   )
 }

src/main.tsx

@@ -12,10 +12,10 @@ import MainPage from "./components/Pages/MainPage"
 import SignInPage from "./components/Pages/SignInPage"
 import { initStore } from "./modules/store"
 import * as locales from "./modules/translation/locales"
-// These CSS styles must be defined last to avoid overriding other styles
-import "decentraland-ui/dist/themes/alternative/dark-theme.css"
-import "./index.css"
 import Conference from "./components/Pages/Conference"
+// These CSS styles must be defined last to avoid overriding other styles
+import "decentraland-ui/dist/themes/alternative/light-theme.css"
+import "./index.css"
 
 const router = createBrowserRouter([
   {

src/modules/translation/locales/en.json

@@ -1,46 +1,2 @@
 {
-  "avatar": {
-    "edit": "Edit Avatar",
-    "message": "Edit your avatar in Decentraland"
-  },
-  "profile_information": {
-    "default_name": "Unnamed",
-    "edit": "Edit Profile",
-    "copied": "Copied",
-    "copy_link": "Copy Link",
-    "share_on_tw": "Share on Twitter",
-    "tw_message": "Hey, checkout my profile in decentraland\n"
-  },
-  "worlds_button": {
-    "get_a_name": "Get an unique name",
-    "activate_world": "Activate my world",
-    "jump": "Jump to \"{domain}\" World"
-  },
-  "tabs": {
-    "assets": "Assets",
-    "creations": "Creations",
-    "dao_activity": "DAO Activity",
-    "lists": "Lists",
-    "overview": "Overview",
-    "places": "Places"
-  },
-  "friendship_button": {
-    "friends": "Friends",
-    "add_friend": "Add Friend",
-    "pending": "Pending Request",
-    "cancel_request": "Cancel Request",
-    "accept_request": "Accept Request",
-    "blocked": "Blocked",
-    "unfriend": "Unfriend"
-  },
-  "friends_modal": {
-    "friends_title": "Friends",
-    "mutuals_title": "Mutual friends"
-  },
-  "friends_counter": {
-    "friends": "{count} {count, plural, one {friend} other {friends}}"
-  },
-  "mutual_friends_counter": {
-    "mutual": "mutual"
-  }
 }

src/modules/translation/locales/es.json

@@ -1,46 +1,2 @@
 {
-  "avatar": {
-    "edit": "Editar Avatar",
-    "message": "Edita tu Avatar en Decentraland"
-  },
-  "profile_information": {
-    "default_name": "Sin nombrar",
-    "edit": "Editar Perfil",
-    "copied": "Copiado",
-    "copy_link": "Copiar enlace",
-    "share_on_tw": "Compartir en Twitter",
-    "tw_message": "Oye, revisa mi perfil en decentraland\n"
-  },
-  "worlds_button": {
-    "get_a_name": "Obtenga un nombre único",
-    "activate_world": "Activar mi mundo",
-    "jump": "Saltar al mundo \"{domain}\""
-  },
-  "tabs": {
-    "overview": "Resumen",
-    "assets": "Objetos",
-    "creations": "Creaciones",
-    "lists": "Listas",
-    "dao_activity": "Actividad DAO",
-    "places": "Places"
-  },
-  "friendship_button": {
-    "friends": "Amigos",
-    "add_friend": "Agregar amigo",
-    "pending": "Petición pendiente",
-    "cancel_request": "Cancelar petición",
-    "accept_request": "Acceptar petición",
-    "blocked": "Bloqueado",
-    "unfriend": "Dejar de ser amigo"
-  },
-  "friends_modal": {
-    "friends_title": "Amigos",
-    "mutuals_title": "Amigos en común"
-  },
-  "friends_counter": {
-    "friends": "{count} {count, plural, one {amigo} other {amigos}}"
-  },
-  "mutual_friends_counter": {
-    "mutual": "amigos en común"
-  }
 }

src/modules/translation/locales/zh.json

@@ -1,46 +1,2 @@
 {
-  "avatar": {
-    "edit": "編輯頭像",
-    "message": "在 Decentraland 中编辑您的头像"
-  },
-  "profile_information": {
-    "default_name": "未命名的",
-    "edit": "編輯個人資料",
-    "copied": "已復制",
-    "copy_link": "複製鏈接",
-    "share_on_tw": "在 Twitter 上分享",
-    "tw_message": "嘿，查看我在 decentraland 中的個人資料\n"
-  },
-  "worlds_button": {
-    "get_a_name": "取一个独特的名字",
-    "activate_world": "创造我的世界",
-    "jump": "跳转到“{domain}”世界"
-  },
-  "tabs": {
-    "overview": "概述",
-    "assets": "資產",
-    "creations": "創作",
-    "lists": "列表",
-    "dao_activity": "DAO 活動",
-    "places": "地點"
-  },
-  "friendship_button": {
-    "friends": "朋友们",
-    "add_friend": "添加好友",
-    "pending": "待处理请求",
-    "cancel_request": "取消请求",
-    "accept_request": "接受请求",
-    "blocked": "阻止",
-    "unfriend": "不朋友"
-  },
-  "friends_modal": {
-    "friends_title": "朋友们",
-    "mutuals_title": "共同的朋友"
-  },
-  "friends_counter": {
-    "friends": "{count} 朋友們"
-  },
-  "mutual_friends_counter": {
-    "mutual": "共同的朋友"
-  }
 }