[go: up one dir, main page]

Skip to content

Godiesc/firefox-one

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Firefox-ONE Theme for Opera One skin Lovers

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

Light_dark_splash

¿Cómo instalar? - How to install?

(ES) Pasos para configurar el tema:

  1. Descarga el tema desde la sección Releases.
  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 Releases section.
  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.

⚠ Notice: The latest code updated in the repository (code > download zip) may work well only on beta or nightly versions.

Temas - Themes

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

Important Information 💎

Notice:

  • You can use flexible spaces to create separatos in the tabs-bar.
  • For Left-sidebar the theme use the bookmarks bar, so it should be always on.
  • The social extensions used to put in the left-sidebar are: Twitch Whatsapp Telegram Facebook Messenger Twitter Instagram Chat Discord Ublock Panorama Tab Groups

Optional Features

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

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
    • Wordmark color from the new-tab page.
    • 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 are 12 wallpapers (6 for dark theme and 6 for light theme), those images will display in the NewTab options for you to choose, you could rename the images you want with those names and the theme will display them, you can add your own images. You can find more images in: This Gallery.

  • (Option 2) Editing the code chrome/components/one_root-personal.css lines from 19 to 32. With this method you can change too the accent color for each wallpaper.


Other 'about' pages Wallpaper

  • For default the wallpaper selected is wallpaper-dark1.png and wallpaper-light1.png In the directory: chrome/newtab, you could rename the image you want with those names and the theme will display them in those pages, you can change the names in the chrome/components/one_root-personal.css file in the line 36 and the line 41 to the image you want.

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.

Captura de pantalla 2022-06-05 155840

Compatibilidad - Compatibility

  • Linux - Manjaro KDE (Tested - Probado) ✔ - Preview
  • Windows 10 (Tested - Probado) ✔ - Preview
  • Windows 11 (Tested - Probado) ✔ - Preview
  • Windows 7 (Not tested - No probado) ❌
  • MacOS (Tested - probado) ⚠ - Preview
    • Left-sidebar active ❌
    • Tree-tab configuration ❌

PD: Tested in Windows 11 and MacOS by: Bali10050

Known Issues - Problemas Conocidos

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

Related Topic - Tema relacionado

Example of about:support

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