~/ember$cat customize.md

Haz Ember tuyo

Temas, fondos de chat, fondos de pantalla animados y un aspecto distinto para cada chat. Esta es la guía completa, con los menús exactos que tocar y una galería de códigos que puedes copiar y pegar directamente en la app.

válido para la alfa actual

Todo lo de aquí es privado, solo para ti. Tu aspecto se guarda con tus ajustes privados cifrados y te acompaña entre tus dispositivos. Las fotos y los vídeos se cifran en tu dispositivo antes de subirse, así que el servidor solo guarda un bloque ilegible. Los códigos para compartir contienen solo colores y números, nunca código.

La mayoría de las opciones están en Ajustes (el icono del engranaje en la app). Las dos pantallas que importan aquí son Ajustes → Apariencia y Ajustes → Fondos de chat. ¿No quieres leer? Ve a la galería, copia un código y pégalo en la app.

01Temas

Un tema da color a toda la app: paneles, texto, botones y burbujas de mensajes.

Elige un tema predefinido

  1. Abre Ajustes → Apariencia.
  2. En Tema, toca una muestra: Oscuro, Claro, Violeta, Océano, AMOLED, Bosque o Rosa. La vista previa de arriba se actualiza al instante.
  3. Afina lo que quieras: Color de acento, Colores de mensajes (enviados y recibidos), Estilo de burbuja (Redondeada, Con cola, Plana, Contorno), Redondez de esquinas, tamaño y fuente del Texto, y Densidad. Estos cambios se mantienen al cambiar de tema predefinido.

Seguir el sistema o un horario

  1. En Ajustes → Apariencia, busca Modo del tema.
  2. Manual mantiene el tema que elegiste. Sistema cambia con el ajuste claro/oscuro de tu dispositivo. Horario pasa a oscuro entre dos horas.
  3. Para los dos últimos, elige un Tema claro y un Tema oscuro. Con Horario, define Oscuro desde y hasta. Un rango como de 20:00 a 07:00 cruza la medianoche, y horas iguales significan “nunca oscuro”.

Crea el tuyo con seis colores

  1. En Ajustes → Apariencia → Temas personalizados toca Nuevo tema personalizado (hasta 10).
  2. Ponle un nombre (24 caracteres como máximo) y elige seis colores: Fondo del chat, Paneles, Texto, Acento, Burbuja enviada, Burbuja recibida.
  3. Ember deriva todos los demás tonos. Se elige una base oscura o clara según el brillo del fondo del chat, y si el color de tu texto fuera difícil de leer sobre él, Ember lo sustituye por uno seguro.
  4. Toca Guardar y usar. Más tarde puedes reabrirlo con editar bajo su muestra.

Compartir e importar con códigos ember-theme:

Un código de tema es el texto ember-theme: seguido de tus seis colores y el nombre, empaquetados como base64url. Tiene unos 250 caracteres.

  1. Copiar: abre tu tema personalizado y toca Copiar código del tema.
  2. Pegar: en el otro dispositivo, abre Ajustes → Apariencia → Temas personalizados, pega en el cuadro (“Pega aquí un código de tema (ember-theme:…)”) y toca Importar tema. Se añade a tu lista y se activa.

Los códigos se comprueban al importar: todo lo que no sean colores estrictos #rrggbb, o supere los 2048 caracteres, se rechaza con un mensaje. Prueba los ya hechos en la galería.

02Fondos de chat

Abre Ajustes → Fondos de chat. En Fondo del chat, alterna entre Color, Foto o vídeo y Animado. Una animación tapa una foto, y una foto tapa un color, así que solo hay uno activo a la vez.

Un color liso

  1. Elige Color.
  2. Toca la muestra junto a Color de fondo. Toca predeterminado para volver al del tema.

Una foto, GIF, WebP o vídeo corto

  1. Elige Foto o vídeo y toca Subir foto o vídeo.
  2. Elige un JPEG, PNG, GIF o WebP (los animados se mueven) o un vídeo MP4 o WebM.
  3. Para reemplazarlo, toca Cambiar foto o vídeo. Para quitarlo, toca quitar.
LímiteValor
Tamaño del archivo10 MB como máximo
Duración del vídeo30 segundos como máximo
Tamaño del vídeo1920 px como máximo en el lado largo
FormatosJPEG, PNG, GIF, WebP, MP4, WebM

Privacidad: las fotos grandes se reducen y luego se cifran en tu dispositivo. Solo se sube texto cifrado, así que el servidor guarda un bloque ilegible y no puede ver cuál es tu fondo de pantalla.

Consejo: Ajustar el acento al fondo y luego Usar este acento elige un color de acento a partir de tu fondo.

03Generador de fondos animados

  1. Abre Ajustes → Fondos de chat y elige Animado.
  2. Toca una de las ocho teselas ya hechas. Pasa el cursor por una tesela (o enfócala) para verla moverse.
  3. Cambia el Tipo, los Colores (los botones + y - añaden o quitan colores, de 2 a 5) y los controles deslizantes de abajo.
  4. Toca Copiar código para compartirlo, o Pegar código para aplicar uno. Quitar animación la borra.

Los tipos

TipoQué obtienes
BrasasChispas incandescentes que suben desde un brillo cálido. El último color es el fondo, los demás son las chispas.
AuroraSuaves cintas de luz ondulantes. El último color es el cielo, los demás son las cintas.
DegradadoUna mezcla suave de todos tus colores que se mece despacio, con un suave destello que se desplaza por encima.
EstrellasEstrellas que titilan y derivan despacio. El último color es el cielo nocturno. Con tres o más colores, el segundo tiñe el horizonte.
BurbujasAnillos translúcidos que flotan hacia arriba. El último color es el agua, y con tres o más colores el segundo la aclara cerca de la superficie.
KeyframesTú defines los colores a lo largo del tiempo. Consulta los keyframes avanzados.

Los controles deslizantes

AjusteRangoEfecto
Velocidadde 0,2x a 3xQué tan rápido se mueve todo.
Densidaddel 10% al 100%Cuántas chispas, estrellas o burbujas. En Aurora, qué altas son las ondas.
Intensidaddel 10% al 100%Brillo y opacidad de las luces.
Ángulode 0 a 360 gradosDirección. 0 es arriba, 90 es a la derecha, en el sentido de las agujas del reloj. Las brasas y las burbujas suben con 0, las estrellas derivan con 90 y los degradados se inclinan según el ángulo.

04Avanzado: keyframes y códigos

Un fondo de keyframes anima dos colores de degradado y un ángulo a lo largo de un bucle que tú describes. En Ajustes → Fondos de chat → Animado toca Avanzado y luego Convertir en fotogramas clave. Ahora tienes:

Una especificación de ejemplo

Un fondo son solo datos. Este es “Slow tide” de la galería:

{
  "v": 1,
  "kind": "keyframes",
  "colors": ["#0ea5e9", "#1e1b4b"],
  "speed": 1,
  "density": 0.5,
  "intensity": 0.8,
  "angle": 180,
  "keyframes": [
    { "at": 0,   "colors": ["#0c4a6e", "#020617"], "angle": 180 },
    { "at": 0.5, "colors": ["#1e3a8a", "#0f172a"], "angle": 200 },
    { "at": 0.8, "colors": ["#155e75", "#082f49"], "angle": 160 }
  ],
  "duration": 20
}

Cómo se crea el código ember-bg:

El código es el prefijo ember-bg: más base64url(JSON): la especificación anterior como JSON compacto en UTF-8, codificado en base64 con - y _ en lugar de + y /, y sin relleno =. En la consola del navegador:

const spec = { v: 1, kind: "gradient", colors: ["#f97316", "#4c1d95"], speed: 0.6, density: 0.5, intensity: 0.8, angle: 160 };
const bytes = new TextEncoder().encode(JSON.stringify(spec));
const b64 = btoa(String.fromCharCode(...bytes)).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
console.log("ember-bg:" + b64);

Pega un código en Pegar código (o en el cuadro etiquetado “Pegar un código”) para aplicarlo. Los códigos se validan y nunca se ejecutan:

05Aspecto por chat, apodos, carpetas y fijados

En la lista de chats, haz clic derecho en un chat (en el móvil, mantenlo pulsado). El menú ofrece Fijar arriba (o Desfijar), Añadir a carpeta…, Poner apodo (chats directos) y Personalizar chat.

Personalizar chat

  1. Elige Personalizar chat. El cuadro de diálogo se titula “Personalizar chat” e incluye el nombre del chat.
  2. Define un Color de acento, un Tema (por defecto Igual que la app, o cualquier tema predefinido o personalizado), un Color de fondo, un Fondo (Subir foto o vídeo) o un Fondo animado (Elegir animación, el mismo generador de arriba).
  3. La vista previa de abajo muestra el resultado. Restablecer este chat lo devuelve al aspecto de toda la app.

El aspecto propio de un chat siempre prevalece sobre el de toda la app. Solo tú lo ves y se guarda cifrado junto con tus ajustes privados. Un fondo de foto se guarda bajo un hash anónimo de la conversación, así que el servidor no sabe a qué chat pertenece.

Apodos

Elige Poner apodo para renombrar a un contacto solo para ti y, si quieres, darle un color a su nombre. Nadie más lo ve.

Carpetas

  1. Sobre la lista de chats, junto a Todos, Directos y Grupos, toca el chip + (Gestionar carpetas) e introduce un Nombre de la carpeta nueva.
  2. Mete un chat en una carpeta con Añadir a carpeta… en su menú. La carpeta aparece como una pestaña junto a las demás.

Fijados

Fijar arriba mantiene un chat por encima del resto, en el orden en que los fijaste. Puedes fijar hasta 10.

06Pestaña de perfil y estado

Abre la pestaña Perfil: entre las pestañas de la columna izquierda (Chats, Amigos, Perfil) en una pantalla ancha, o en la barra inferior en el móvil.

  1. La tarjeta grande de arriba es cómo te ven los demás y se actualiza en directo mientras editas.
  2. En Estado, toca un chip para uno rápido: En el trabajo, No molestar, Concentrado, Teletrabajando, De vacaciones. Dura hasta el final del día. Borrar lo quita.
  3. En Editar perfil define un Nombre visible (32 caracteres), una Biografía (160), un Color del perfil y tu propio emoji y texto de estado (60). Elige Borrar el estado después de: 1 hora, 4 horas, Hoy o Nunca, y luego Guardar perfil.
  4. Tu ID tiene Copiar y Compartir para que tus amigos puedan añadirte. Personalizar apariencia → al final abre Ajustes → Apariencia.

07Rendimiento y batería

Toca Copiar código, abre la app y pega. Los códigos de tema van en Ajustes → Apariencia → Temas personalizados. Los códigos de fondo van en Ajustes → Fondos de chat → Animado → Pegar código.

Temas

Fondos animados