firefox-gx icon indicating copy to clipboard operation
firefox-gx copied to clipboard

Opera GX Skin for Firefox

Opera-Gx Theme to Firefox Css

  • (ES) Tema para los amantes de la skin GX de Opera. Compatibilidad - Versión estable del navegador.
  • (EN) Theme to Opera GX Skin Lovers. Complete Compatibility with stable version of the browser.

finalanimated

¿Cómo instalar? - How to install?

    (ES) Pasos para configurar el tema:
  1. Descarga el tema con el gran botón verde: Code >> Download.zip
  2. 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.
    (EN) Steps to config the theme:
  1. Download the theme with the big green button: Code >> Download.zip
  2. Copy the chrome folder and the user.js file into your Firefox profile directory.
  3. Install and use a compatible theme.
  4. Restart the browser.
  • (ES) Para encontrar el directorio de tu perfil ve a about:support or about:profiles.
  • (EN) To find out your profile directory go to about:support or about:profiles.

Temas - Themes

Extras

Personalizar - Customize

    Personalizaciones Varias - Various customizations
  • The file --> chrome --> components --> ogx_root-personal.css contain a very useful config rules to a better an easy custom of the wallpaper, height tabs, Menu button's width, etc. There are descriptions on the right of each rule to you know what you can custom.

    Fondo Nueva Pestaña - NewTab Wallpaper
  • (Option 1) Into the directory: chrome >> images >> newtab there is a set of wallpapers , the image that the theme will select by default is the one with the name: "wallpaper.png", you could rename the image you want with that name and the theme will select that one, you could add your own images. If you don't want a wallpaper just delete the file with that name. You could find more images in >>This Galery. A restart of the browser is necessary!!!.

  • (Option 2) You could edit the file --> chrome --> components --> ogx_root-personal.css line 18

    Color Principal - Accent Color
  • It has manual customization of the accent color for userContent.css (new-tab, preferences and add-ons page). The file in --> chrome --> components --> ogx_root-personal.css has the variable: " --general-color " to set the color, you could choose whatever you like. 💙💚💜🤎💛🧡❤ --> A restart of the browser is necessary!!!.

Captura de pantalla 2022-06-05 155840

Compatibilidad - Compatibility

  • Windows 10 (Tested - Probado) ✔ - Preview
  • Windows 11 (Tested - Probado) ✔ - Preview
  • Linux - Manjaro (tested - Probado) ✔ - Preview
  • Windows 7 (Not tested - No probado)
  • MacOS (Not tested - No probado)

Example of about:support

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