Skip to content

Latest commit

 

History

History
105 lines (77 loc) · 10.5 KB

README.es.md

File metadata and controls

105 lines (77 loc) · 10.5 KB

Opera-GX Theme for Firefox Css

en fr

  • Tema para los amantes de la skin GX de Opera. Compatibilidad - Versión estable del navegador.

GX-Animated

¿Cómo instalar?

Pasos para configurar el tema:

  1. Descarga el tema desde la sección << Releases >> en el lado derecho de esta página.
  2. Descomprime el archivo y copia la carpeta 👉chrome👈 y el archivo 👉user.js👈 dentro de la carpeta de perfil de tu usuario de firefox.
  3. Instala y usa un tema compatible.
  4. Reinicia el navegador.
  • Para encontrar el directorio de tu perfil de usuario ve a about:support o about:profiles.


Notice:

⚠ El último código actualizado en el repositorio (code > download zip) puede funcionar bien sólo en versiones beta o nightly.

Temas

Puedes usar la extensión "GX Theme Styles" para cambiar facilmente los temas y colores, essta extensión funciona para temas sólidos y para usuarios que usan la configuración "Main-image". Para cambiar la imagen de la página Nueva Pestaña y su color de acento debes hacerlo manualmente como de costumbre. Esta extensión fue creado por mi.

imagen

Aquí un "Video Explicativo" de cómo cambiar al modo claro y oscuro su contenido web.


    También puedes usar la extensión "Firefox Color" para cambiar el color de acento al que tú quieras.

  1. Instala la extensión Firefox Color.
  2. Abre el tema que quieres aplicar: ⚫ Tema Oscuro o ⚪ Tema Claro.
  3. Ve a la pestaña "Advanced colors" y cambia el color en "icons attention", este color cambiará el color de acento del tema.

Extras

Dentro de la carpeta "Extras" encontrarás las siguientes características adicionales:

  • OneLine - La barra de pestañas se muestra al lado de la barra de navegación.
  • Tab Shapes - Da a las pestañas otro estilo.
  • Main-Image - Esta configuración simula una imagen tras todo el navegador.
  • Left Side-Bar - La barra de marcadores se desplegará en el lado izquierdo del navegador.
  • Tree Style Tabs - Compatibilidad con extensiones que ponen las pestañas verticalmente.
  • Classic-Sound-icon - Las pestañas con sonido mostrarán una imagen rítmica.
  • Night tab extension -Nuevo estilo de la página -Nueva Pestaña- usando la extensión Nighttab [external partner]
  • Play/Pause icon button extension - Permite reproducir/pausar pestañas dando clic en el botón de sonido.

Personalizar

Personalizaciones Varias

  • El archivo chrome/components/ogx_root-personal.css contiene variables útiles para cambiar lo siguiente:

    • Fondo en la pagina Nueva Pestaña y su brillo.
    • Altura de las pestañas y altura de la barra de navegación.
    • El ancho y la etiqueta del botón Menú.
    • Ocultar o mostrar el logo o barra de búsqueda en la pagina de Nueva Pestaña.

    Cada variable tiene una descripción a su derecha para que puedas editar sin romper el archivo.

Fondo Nueva Pestaña

  • (Opción 1) En el directorio: chrome/newtab hay 12 wallpapers (6 para temas claros y 6 para temas oscuros), esas imágenes se mostraran en las opciones de la página Nueva Pestaña para que puedas elegirlas, puedes renombrar tus imágenes con esos nombres y el tema va a desplagarlas. Encuentra más imágenes en: Esta Galería.

  • (Opción 2) Edita el archivo chrome/components/ogx_root-personal.css, las lineas de la 18 a la 31.


Other 'about' pages Wallpaper

  • Por defecto el wallpaper seleccionado es wallpaper-dark1.png and wallpaper-light1.png en el directorio: chrome/newtab, recombra las imagenes con esos nombres y el tema desplegará esa imagen en esas páginas, o también puedes cambiar los nombres de tus imágenes en el archivo chrome/components/ogx_root-personal.css en las lineas 35 y linea 40.

Color de Acento

  • Debes editar el archivo chrome/components/ogx_root-personal.css lineas de la 18 a la 31, puedes cambiar el color para cada wallpaper de la página Nueva Pestaña. Para otras páginas (NuevaPestaña sin wallpaper, Ajustes and página de complementos) el archivo chrome/components/ogx_root-personal.css tiene la variable: --general-color para definir el color, puedes elegir el color que prefieras. 💙💚💜🤎💛🧡❤ Se requiere que reinices el navegador.

Captura de pantalla 2022-06-05 155840

Compatibilidad

Problemas Conocidos

  • En temas con imágenes se mostrará un mal fondo en la pestaña que estes moviendo.
  • No es compatible con lenguajes RTL(right-to-left).

Tema relacionado

Disponible Firefox-ONE

SplashPromocionalFirefoxONE

Ejemplo de about:support

120349392-b372f980-c2c3-11eb-904d-b088168fd849