godiesc / chameleons-beauty Goto Github PK

View Code? Open in Web Editor NEW

98.0 3.0 5.0 28.08 MB

Adapted "Beautiful" Themes

License: Mozilla Public License 2.0

CSS 99.65% JavaScript 0.35%

firefox css theme chameleon beauty solid tema solido

chameleons-beauty's Introduction

Chameleons-Beauty to Firefox CSS

Theme to "Beautiful" Themes Lovers.

(ES) Compatibilidad completa con la versión estable del navegador.
(EN) Complete Compatibility with stable version of the browser.

Características Adicionales- Additional Features

Adapted to "Beautiful" Themes

You should install the themes from firefox add-ons web page: Here

Extras

Main-Image - This configuration will simulate a image behind all the browser.
OneLine - The tabs-bar will be next to the navbar.
Left-sidebar - The bookmark-bar will display on the left of the window.
Tree-tabs - Perfect match if you use tree-tabs extensions.
Play/Pause icon button extension. - Enables the possibility to play or pause tabs with a click on the sound icon.

¿Cómo instalar? - How to install?

(ES) Pasos para configurar el tema:

Descarga el tema con el gran botón verde: Code >> Download.zip
Copia la carpeta chrome y el archivo user.js dentro de la carpeta de perfil de tu usuario de firefox.
Usa el tema Beautiful GX Proton.
Reinicia el navegador.

Para encontrar el directorio de tu perfil ve a about:support or about:profiles.

(EN) Steps to config the theme:

Download the theme with the big green button: Code >> Download.zip
Copy the chrome folder and the user.js file into your Firefox profile directory.
Use the theme Beautiful GX Proton.
Restart the browser.

To find out your profile directory go to about:support or about:profiles.

Personalizar - Customize

Personalizaciones Varias - Various customizations

The file chrome >> components >> ch_root-personal.css contain a very useful config rules to a better an easy custom of the wallpaper, height tabs, etc. There are descriptions on the right of each rule to you know what you can change.

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-dark.png" for dark themes, and "wallpaper-light.png" for light themes, you could rename the image you want with that name and the theme will select that one, you could add your own images. You can find more images in: This Gallery. If you don't want a wallpaper just delete the file with that name. A restart of the browser is necessary!.
(Option 2) You could edit the file chrome >> components >> ch_root-personal.css lines 5 and 11 for dark and light wallpaper.

Compatibilidad - Compatibility

Windows 10 (Tested - Probado) ✔
Linux - ManjaroKDE (Tested - Probado) ✔
Windows 7 (Not tested - No probado) ⚠️
Windows 11 (Not tested - No Probado) ⚠️
MacOS (Not tested - No Probado) ⚠️

Example of about:support

chameleons-beauty's People

Contributors

Stargazers

Watchers

Forkers

grosbourrin web3hq tosunkaya carlosgolivas bad-music

chameleons-beauty's Issues

Update?

Hi,

Will you update this theme or are you more focused on your new theme?

Icon has a glitch on right side for the "Firefox" icon for the theme

Please see here for an example of this, i believe it's related to 4K display, i've got it sized to 250% as i'm on a laptop.

https://imgur.com/a/1L32NLe

Gradient not being applied

Hello! I recently got this theme, but the beautiful gradient that, for example, the active tab should have, isn't there.

I'm pretty sure I have correctly installed Chameleon's Beauty - I have customized the wallpaper of my new tab using it, also, so that's proof that it works.
I also have installed and enabled the Beautiful GX Proton theme.

What am I doing wrong? Why is there no gradient?

Scroll Wheel looks... weird.

Well, my problem is that when I use the scroll wheel, the graphics look all weird. How do I fix this? Thanks. (Embeded image related)

Add a dark only (and if u want white only) option for the theme "Beautiful Focused Tab"

If I have my system set to light theme and want my browser to be dark theme there is no way to have the "Beautiful Focused Tab" extension work on the dark theme as it will be white (same as the system). Truly the best theme for excelent highlighting of the current active tab. But this is the one last thing missing from perfection of your work.

Or you can also add a full color of active tab option in your GX Theme Styles extension. It is a really good implementation.
Thank you! Muchas Gracias mi amigo, muy bonito.

FF117 Black Icons

Hi,

With FF117, some icons are black, so in a dark seem they are invisible.
1-Back and security:

2- Open application menu:

3- Add to bookmarks icon:

Also there is a bug from earlier versions, in the Library/Bookmarks window, selecting text from the name or the tags of selected bookmark does not have a highlight, while selecting URL or keywords have a highlight:

Thank you.

Right side of the search bar outline dissapears

Thank you so much for addressing the search bar color with this version :)

A few hours ago, I added the new update to my browser. Everything was functioning properly until I noticed the right side of the popup search bar didn't have the blue outline anymore. I restarted the browser, but it still didn't show back up. Then I played around with the width of the search bar and moved it all the way to left, which fixed the outline. But after resetting the width in the settings, the same thing happened again.

If you could investigate this, it would be much appreciated.

<option> or bookmarks get broken.

by default any option in input will be fully white as the text inside of it gets whited because of
.menupopup-arrowscrollbox
and menupopup>menuitem:not([disabled="true"]), menupopup>menu (ch_contextual-menu.css)

even after fixing some css there there's an issue with menupopup>menuitem:not([disabled="true"]):hover, menupopup>menu:where([_moz-menuactive]:not([disabled="true"]))

as on hover the text gets white