Godiesc/Chameleons-Beauty

Some simple questions

Closed this issue ยท 4 comments

Hi

Really really awesome thing you wrote here!!!!
Love it!

A bit sade that the code comments are mostly spanish, but I oculd mostly change what I wanted to adapt for me.

But now I've got some questions,

  1. How do I change the color of the active tab?
    grafik
    I'd like the default to be a shade of green similar to "Beautiful GX Green" but I use "Beautiful GX Proton" with userChome, I literally changed every single blue color var to be green and that thing is still blue ๐Ÿ™„.

  2. How do I change the color of the first google search result?
    grafik

  3. How may I change the thickness of the searchbar?
    grafik

The other things I could find out myself.

Huge thanks for this awesome theme!

Hi,

  1. How do I change the color of the active tab?

that color is taken from the theme "Beautiful GX Proton" and you can change it with the variable in the css of the extension, I guess you are using the code for Tab-center-reborn:

--identity-color: #ff0000;

imagen

you can change too with my extension: GX-theme-styles and the color for Accent color.

2. How do I change the color of the first google search result?

the theme display a gradient background and if you have just blue I guess you edited the file ch_urlbar-searchbar.css line 34, but with the next code you delete the gradient and add the color you want:

.urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner, .urlbarView-row-inner[selected] {
    background-image: none !important;
    background-color: #10af20 !important;
}

3. How may I change the thickness of the searchbar?

if you mean all the toolbar height you have the option in ch_root_personal.css line 34.
if you want to change the urlbar height you can change that in the ch_urlbar-searchbar.css file line 101-103 with a bigger number:

imagen

Huuge thanks!!
And even thant quick ๐Ÿ˜Š

Got both 1 and 2 to work.

With 3 I actually meant the borderline, make the borderline a bit thicker.
I tried with adding a border property, but that broke on selected function, so it has a different color when it's selected.
grafik

you can use this code to get 2px and the color you want too:

#urlbar-background, #searchbar {
  border: 2px solid var(--toolbar-field-border-color) !important;
}

Thanks!

Worked wonders :)