FLOORP-ONE - Opera ONE Style for Floorp Browser.

• (ES) Tema para los amantes de la skin de Opera-ONE.
• (EN) A theme for Opera-ONE Skin Lovers.

¿Cómo instalar? - How to install?

(ES) Pasos para configurar el tema:

1. Descarga el tema desde el botón code -> download zip
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. Para encontrar el directorio de tu perfil de usuario ve a about:support or about:profiles.
3. Instala y usa un tema compatible.
4. Reinicia el navegador.

(EN) Steps to configure the theme:

1. Download the theme from the button: code -> download zip
2. Unzip the file and copy the 👉chrome👈 folder and the 👉user.js👈 file into your Firefox profile directory. To find out the location of your profile directory go to about:support or about:profiles.
3. Install and use a compatible theme.
4. Restart the browser.

Temas - Themes

• Temas Principales - Main Themes: 🧿light/dark adaptive Theme
• Otros Colores - Other Colors: 🔴Fuchsia 🔵Blue 🟢Green🖍 Poison 🎑 Swamp🌈Red-Blur 🌆 Purple-Sky 💜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 if necessary.

Important Information 💎

Notice:

• For users that use floorp-bar in right side you have to add too this preference in about:config page.

floorpone.sidebar-on-right

true

Optional Features

For the next features you need to create the rules in about:config page.

• Default colors disabled

floorpone.without-default-colors

true

• Tree-tabs-style (e.g. Tab-center-reborn)

floorpone.tree-tabs

true

• Selected tab gradient border

floorpone.selected-tab-gradient-border

true

• Image in menus

floorpone.image-in-menus

true

• Main-image

floorpone.main-image

true

• Rhythm image for tab with sound

floorpone.rhythm-sound-tab

true

Personalizar - Customize

Personalizaciones Varias - Various customizations

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

  • Wallpaper.
  • Height of the tabs and toolbar.
  • Width of the left-sidebar
  • Hide or show the firefox logo or the search bar in the new-tab page.

  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 in: This Gallery. Restarting the browser after changing the wallpaper is required.

• (Option 2) Editing the code chrome/components/one_root-personal.css lines: 19 and 24.

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/one_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

• Linux - Manjaro KDE (Not tested - No probado) ❌
• Windows 10 (Tested - Probado) ✔ - Preview
• Windows 11 (Not tested - No probado) ⚠ Could work well for compatibility with windows 10.
• Windows 7 (Not tested - No probado) ❌
• MacOS (Not tested - No probado) ❌

Known Issues - Problemas Conocidos

• Not compatibility for RTL(right-to-left) languages.

Related Topic - Tema relacionado

Available Floorp-GX theme

Example of about:support