Hanyafei-lanzhou / firefox-gx

Firefox Theme CSS to Opera GX Lovers

Opera-GX Theme for Firefox Css

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

¿Cómo instalar? - How to install?

(ES) 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 or about:profiles.

(EN) Steps to configure the theme:

1. Download the theme from the << Releases >> section, in the right side of this page
2. Unzip the file and 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.

• To find out the location of your profile directory go to about:support or about:profiles.

⚠ 🛑 ‼ The latest code updated in the repository (code > download zip) would work well only on beta o nightly versions.

Temas - Themes

• Temas Principales - Main Themes: 🔴Fuchsia 🔵Blue 🟢Green🖍 Poison 🎑 Swamp🌈Red-Blur 🌆 Purple-Sky
• Otros Colores - Other Colors: 💜Purple 💚Aquamarine 🦧Orange 💠Cyan 🍏GreenLight 💛Yellow 🗻Gray
• Temas Claros - Light themes: ⚪🔴 Fuchsia ⚪🔵 Waves

Here a "Video Explanation" to how switch into light and dark mode.

---

You can also use the "Firefox Color" extension to change the accent color to your preference.

1. Install the extension.
2. Open the theme you want to set: ⚫ Dark Theme or ⚪ Light Theme.
3. Go to "Advanced colors" tab and change the color in "icons attention", this color will set the accent color to the theme.

Extras

• OneLine - The tabs-bar will be next to the navbar.
• Tab Shapes - Give the tabs other style.
• Main-Image - This configuration will simulate a image behind all the browser.
• Left Side-Bar - The bookmark-bar will display on the left of the window.
• Tree Style Tabs - Compatibility to the extension that put the tabs vertically.
• Classic-Sound-icon - The tabs with sound will show a rhythm image.
• Night tab extension - Simple OperaGX style Newtab using the Nighttab extension. [external partner]
• Play/Pause icon button extension - Enables the possibility to play or pause tabs with a click on the sound icon.

Personalizar - Customize

Personalizaciones Varias - Various customizations

• The file --> chrome --> components --> ogx_root-personal.css contains very useful and easy to use variables, so it is easier to change:

  • Wallpaper and its brightness.
  • Height of the tabs and toolbar.
  • The width and label of the menu button.
  • The label of your account replacing the email in the hamburger-menu.
  • Hide or show the firefox logo or the search bar.

  Every variable has a description on the right, so you know what to customize without breaking the file.

Fondo Nueva Pestaña - NewTab Wallpaper

• (Option 1) In the directory: chrome >> images >> newtab there is a set of wallpapers, the images that the theme will select by default are: "wallpaper-light.png" and "wallpaper-dark.png", you could rename the images you want with that names and the theme will select them, you can add your own images. If you don't want a wallpaper just delete the files with the specified names. You can find more images here: >>This Gallery<< . Restarting the browser after changing the wallpaper is required.

• (Option 2) Editing the code --> chrome --> components --> ogx_root-personal.css lines: 19 and 23.

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. 💙💚💜🤎💛🧡❤ --> Restarting the browser is required.

Compatibilidad - Compatibility

• Windows 7 (Not tested - No probado) ❌
• Linux - Manjaro KDE (Tested - Probado) ✔ - Preview
• Windows 10 (Tested - Probado) ✔ - Preview
• Windows 11 (Tested - Probado) ✔ - Preview
• MacOS (Tested - Probado) ✔ - Preview
  Thanks to FormalSnake for helping to test the theme in this OS.

Known Issues - Problemas Conocidos

• When using a theme that use more that one image, the theme will display a bad background in the selected tab, for example the alpenglow theme from firefox.
• In themes with images, when moving a tab it will display a bad background.

Example of about:support