Cómo personalizar la apariencia de tu panel

(Categoría: Cuenta)

¿Qué es y para qué sirve?

Es donde eliges cómo se ve Vecipp: el color de acento de tu marca, la fuente, el modo claro u oscuro y si el contenido de las pantallas va a todo el ancho o centrado. Lo tienes a mano en el menú «Apariencia» de la barra de arriba (el ícono de la paleta), en tu panel, POS, Contabilidad, Nómina y Restaurante.

¿En qué te beneficia?

• Vecipp se ve como tu negocio, no como un software genérico.
• Trabajas más cómodo: el modo oscuro cansa menos la vista si pasas el día en el panel.
• Lees mejor en pantallas grandes: con el contenido centrado, los formularios y las tablas no se estiran de borde a borde en un monitor ancho.
• Le da identidad a tu equipo: todos ven la herramienta con los colores de la empresa.

¿Cómo funciona?

El color de acento es el que pinta botones, enlaces y el menú lateral. Se guarda como una preferencia y se aplica en todo el panel al instante, sin recargar.

No se queda solo en tu panel: también pinta el sitio de Vecipp y este Centro de ayuda, para que la experiencia sea la misma en todos lados.

Lo que elijas vale en todos tus sistemas: si pones el modo oscuro en POS, Contabilidad, Nómina y tu panel también se ven oscuros, y lo mismo con la fuente, la barra de arriba y el menú lateral.

Cómo está organizada la barra de arriba. A la izquierda está «Buscar…» (en el celular, además, las tres rayitas que abren el menú). A la derecha, en círculos: la pantalla completa (las cuatro flechitas: esconde la barra del navegador para que el sistema ocupe todo el monitor; se sale con el mismo botón o con Esc); dos rectángulos que muestran u ocultan el menú lateral y la columna de soluciones; después, el tema (luna, sol o pantallita), la paleta de Apariencia, la campana de avisos, las acciones rápidas que hayas agregado y el «+» de «Personalizar barra», donde eliges qué íconos ves y agregas acciones rápidas (lo explicamos en Cómo personalizar la barra de arriba y agregar acciones rápidas). Luego va tu empresa y, al final, el círculo con tu foto, donde están Mi cuenta, Soporte y Cerrar sesión. El menú lateral marca la pantalla en la que estás con el color de acento, y al pasar el mouse por cualquier opción también se pinta de ese color. Al pie del menú está Soporte, para escribirle al equipo de Vecipp. Debajo está Forma del menú (el rectángulo con la franja a la izquierda): ahí eliges cómo quieres el menú, con un dibujito de cada forma — Se abre al pasar el mouse (así viene: plegado, y al pasar por encima muestra los nombres), Solo íconos (plegado y quieto: el nombre de cada opción sale en un globo) o Siempre abierto (con los nombres a la vista). Lo que elijas vale en todos tus sistemas.

La columna de soluciones. Pegada al borde derecho, debajo de la barra de arriba, hay una columna angosta con tus soluciones Vecipp: Panel, POS, Contabilidad, Nómina y Restaurante y, anclada abajo del todo, Ayuda, que abre este Centro de ayuda. Funciona como el menú de la izquierda: el sistema en el que estás va en tu color de acento, y al pasar el mouse por otro también se pinta de ese color; toca cualquier otro y se abre en una pestaña nueva, sin perder lo que tenías abierto. La columna no se mueve cuando bajas por la pantalla. Si prefieres más espacio, en Apariencia → «Columna de soluciones» eliges Oculta, y tus soluciones vuelven a la cuadrícula (el ícono de cuatro cuadritos) de la barra de arriba. En el celular no hay columna: ahí siempre está la cuadrícula.

El estilo cambia cómo se ven las tarjetas, las tablas, los campos y los botones. Plano (así viene tu cuenta) usa un fondo gris azulado con tarjetas blancas que flotan sobre él con una sombra suave, sin línea alrededor, y el texto en tonos de gris azulado bien legibles —más oscuro en los títulos y las tablas, más suave en lo secundario—; el menú lateral y la barra de arriba también se separan del fondo con esa sombra. Los campos van en un gris muy suave con una línea fina, que se pone blanca y toma tu color de acento cuando escribes, y los botones secundarios son blancos, con la línea y una sombra mínima. Todo es un poco más compacto, para que quepa más en la pantalla. Clásico es el diseño de antes: fondo casi blanco, campos con borde y controles un poco más grandes. Vale en todos tus sistemas y en los dos modos: en oscuro, Plano es el mismo diseño con la luz al revés —un fondo pizarra oscuro, tarjetas, menú y barra un tono más claros y sin líneas, y el texto en grises claros bien legibles—, y Clásico es el oscuro de siempre.

La pantalla de carga. La primera vez que entras a un sistema en una pestaña (o justo después de iniciar sesión) verás por un par de segundos el logo con el nombre del sistema —Vecipp POS, Vecipp Contabilidad, Vecipp Nómina…— y frases de lo que se está preparando, en los mismos colores que el resto de tu panel. Después ya no aparece mientras sigas en esa pestaña. Y cuando pasas de una pantalla a otra y la nueva tarda un momento en llegar, verás su silueta en bloques grises que laten suavemente: es la pantalla preparándose, no hace falta volver a pulsar.

El ancho del contenido decide cuánto espacio ocupan las pantallas. Ancho completo (así viene tu cuenta) usa todo lo que hay a la derecha del menú, y Centrado las acomoda en una columna en el medio. Solo se mueve el contenido: el menú lateral y la barra de arriba se quedan siempre en su lugar. Y vale igual para todas las pantallas, así que ninguna se ve más angosta que otra. Lo eliges una vez en tu panel y se aplica también en POS, Contabilidad y Nómina.

Videotutorial de Aprendizaje

¿Qué aprenderás en esta guía?

A elegir el color de acento que usan los botones y el sidebar de tu cuenta, y a personalizar otras preferencias de diseño: fuente, modo claro/oscuro, ancho del contenido y más. El color que elijas no se queda solo en tu panel: también pinta el sitio de Vecipp y este Centro de ayuda cuando los visitas desde el mismo navegador.

Paso a paso para usar la función

1. Para cambiar entre claro y oscuro, toca el ícono de la luna en la barra de arriba, entre la pantalla completa y la paleta. Cada toque pasa al siguiente: claro → oscuro → el de tu sistema, y el ícono te muestra en cuál estás (luna, sol o una pantallita).
2. Para todo lo demás, abre el menú «Apariencia»: es el ícono de la paleta, justo a la derecha de la luna.
   Si prefieres una pantalla completa, ve a "Configuración" → "Apariencia" en el menú lateral de tu panel, o toca "Ir a la página de Apariencia" al pie del menú: tiene las mismas opciones.
   Si no ves la sección del color de acento (o ves un aviso que dice que el color lo define Vecipp), es porque está fijado para todas las cuentas. El resto de las preferencias de diseño siguen siendo tuyas.
3. Elige un color de acento entre los 8 que ya vienen listos (Naranja, Azul, Negro, Verde, Rojo, Morado, Rosa, Turquesa) — haz clic en el círculo que quieras y se aplica al instante, sin recargar la página. Tu cuenta viene en Naranja, el color de Vecipp.
4. ¿Quieres un color exacto? Usa la rueda de color de "Personalizado" (en el menú de la barra, toca "Personalizado" para desplegarla): arrastra dentro del círculo para elegir el tono y qué tan intenso es, y usa la barra vertical de al lado para aclararlo u oscurecerlo. También puedes escribir el código de color directamente si ya lo conoces.
5. En el mismo menú (o en la página, dentro de "Preferencias de diseño") puedes ajustar: el estilo (Plano o Clásico), la fuente de letra (de fábrica es Inter), el modo de color (Claro/Oscuro/Sistema), cómo se comporta la barra superior al hacer scroll, si el sidebar se colapsa a solo íconos o se oculta del todo (para plegarlo o abrirlo usa el rectángulo con la franja izquierda, justo después de la pantalla completa, o Ctrl + B; con el menú plegado, basta pasar el mouse por encima para verlo entero), el "Ancho del contenido": Ancho completo o Centrado, y la "Columna de soluciones" de la derecha: Visible u Oculta. Todo se ve al instante y se aplica también cuando entras a POS, Contabilidad, Nómina y Restaurante.
6. Mira vecipp.com o este Centro de ayuda desde el mismo navegador: el color que elegiste también se aplica ahí — botones, enlaces, íconos y el panel grande de la portada. No hay nada que configurar, es automático.
7. Mira la pestaña del navegador: el iconito de Vecipp que aparece ahí arriba también toma tu color, en tu panel y en los demás sitios de Vecipp. Cambia al instante, sin recargar la página.
8. ¿Te arrepentiste de algún cambio? El botón "Restaurar valores predeterminados" vuelve todo (incluido el color de acento) a como viene la cuenta por defecto: el naranja de Vecipp.

¿Sabías que...? Todo lo que elijas acá queda guardado en tu navegador — si entras desde otro dispositivo o navegador, vas a ver la apariencia por defecto hasta que la ajustes ahí también. Eso también aplica al color del sitio y del Centro de ayuda: siguen tu color en el navegador donde lo elegiste, y se ven en el naranja de Vecipp en los demás.

Errores comunes y cómo solucionarlos

• En el celular no veo el buscador, la columna de soluciones ni la pantalla completa: el buscador queda como una lupa (tócala para buscar), y los otros sistemas están en la cuadrícula de la barra de arriba (el ícono de cuatro cuadritos). La pantalla completa es solo para computador.
• Ya no encuentro el botón para plegar el menú: desde el 21 de septiembre de 2026 es el rectángulo con la franja izquierda, justo después de la pantalla completa (o Ctrl + B). Las tres rayitas de la izquierda quedaron solo en el celular.
• Ya no veo la cuadrícula de soluciones en la barra de arriba: desde el 21 de septiembre de 2026, en el computador tus soluciones están en la columna de la derecha. Si la ocultaste en Apariencia, la cuadrícula vuelve a la barra.
• No veo la columna de soluciones a la derecha: revisa en Apariencia que «Columna de soluciones» esté en Visible. En el celular no aparece nunca: usa la cuadrícula de la barra.
• Ya no encuentro «Centro de ayuda» al pie del menú: desde el 21 de septiembre de 2026 está abajo del todo en la columna de soluciones de la derecha, como «Ayuda». Al pie del menú de la izquierda quedó Soporte. Si ocultaste la columna, lo encuentras también en ayuda.vecipp.com.
• Los avisos de «guardado» o de error se ven de colores: desde el 21 de septiembre de 2026, cuando algo sale bien el aviso de abajo a la derecha es verde, y cuando algo no se pudo hacer es rojo, siempre con el texto en blanco. Si antes a veces no se leía el texto del aviso, era porque tomaba el modo oscuro de tu computador en vez del de Vecipp; eso ya no pasa.
• Las barras de desplazamiento se ven distintas: desde esa misma fecha todas son iguales: planas, sin flechas, un pelo más delgadas que las de antes, y se aclaran solas en modo oscuro. La de la pantalla principal va sobre un fondo blanco, para que se funda con la columna de soluciones.
• Los botones y los campos se ven más pequeños que antes: es el estilo Plano, que desde el 21 de septiembre de 2026 es más compacto (36 px en vez de 40). Si los prefieres más grandes, elige Clásico en el menú «Apariencia».
• Puse el modo oscuro en POS y mi panel también se volvió oscuro: es lo esperado. Lo que eliges vale en todos tus sistemas.
• Elegí "Centrado" pero el chat o la caja del POS siguen a todo el ancho: es a propósito. Esas pantallas funcionan como una aplicación completa y necesitan todo el espacio, así que nunca se centran.
• Elegí "Centrado" y no noto la diferencia: si tu pantalla es pequeña o la ventana está a medio tamaño, el contenido ya cabe en la columna del medio y se ve igual. La diferencia aparece en monitores anchos.
• Elegí un color pero no se aplicó: revisa que hayas soltado el clic dentro de la rueda de color o sobre uno de los 8 círculos — mientras arrastras fuera del área del selector, el cambio no se guarda.
• El color no se ve igual en modo oscuro: es normal, cada color de acento tiene una versión pensada para modo claro y otra para modo oscuro, para que siempre se vea bien y con buen contraste.
• Cambié de dispositivo y ya no veo mi color elegido: la apariencia se guarda por navegador, no en tu cuenta en la nube — tienes que elegirlo de nuevo en el dispositivo nuevo.
• Ya no me aparece el selector de colores: significa que el color de acento quedó fijado para todas las cuentas de Vecipp, y el que elegiste antes se descartó. No es un error ni algo de tu cuenta: pasa igual para todos. Si más adelante se vuelve a habilitar, podrás elegir de nuevo (habrá que volver a escogerlo, no se recupera el anterior).
• El iconito de la pestaña sigue naranja: algunos navegadores guardan ese icono con mucha insistencia. Cierra la pestaña y ábrela de nuevo, o entra desde una ventana nueva. Si usas un navegador viejo, puede que no soporte el formato que cambia de color y siempre lo veas naranja — no afecta nada más.
• El sitio o el Centro de ayuda siguen en naranja: pasa si los abriste en otro navegador o dispositivo del que usaste para elegir el color, o si borraste los datos de navegación. Vuelve a elegir el color desde "Configuración" → "Apariencia" en ese mismo navegador y los tres se ponen de acuerdo.

Qué no hace todavía

• La apariencia se guarda en tu navegador, no en tu cuenta: cada persona de tu equipo elige la suya, y si entras desde otro dispositivo verás la de fábrica hasta que la ajustes ahí.
• El color del ticket del POS se configura aparte, en Configuración → Ticket POS.