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. ⚠⚠ Always at the start of floorp you should open 'Firefox sidebar' to get all the element placed correctly.

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/newtab there is a set of wallpapers for dark and light scheme, you could rename the images you want with those names and the theme will show them in NewTab preferences ready to choose, you can add your own images. 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: 20 and 32.

Color Principal - Accent Color

• It has manual customization of the accent color for userContent.css (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