Making Photonic Toolbars Grey

Anything about browser themes, both Full Themes and Lightweight Themes (personas) should go here.

Moderators: FranklinDM, Lootyhoof

Locked
User avatar
MoonMadness
Moonbather
Moonbather
Posts: 66
Joined: 2017-06-13, 12:42
Location: Burlington, Ontario

Making Photonic Toolbars Grey

Post by MoonMadness » 2019-10-28, 18:30

Hey there:

If I am using Photonic, and I want to place my tabs below the address bar, how do I stop the whole top portion from going the same colour as the OS titlebar? So right now, my titlebar, address and navigation bar, plus the tab bar are all blue.

The Maxi 4 theme does the colour scheming the way I prefer, but I love the look of Photonic.

User avatar
Lootyhoof
Themeist
Themeist
Posts: 1455
Joined: 2012-02-09, 23:35
Location: United Kingdom

Re: Making Photonic Toolbars Grey

Post by Lootyhoof » 2019-10-29, 14:58

What OS are you using?

User avatar
MoonMadness
Moonbather
Moonbather
Posts: 66
Joined: 2017-06-13, 12:42
Location: Burlington, Ontario

Re: Making Photonic Toolbars Grey

Post by MoonMadness » 2019-10-29, 15:08

Windows 8.1 x64 Pro

User avatar
Lootyhoof
Themeist
Themeist
Posts: 1455
Joined: 2012-02-09, 23:35
Location: United Kingdom

Re: Making Photonic Toolbars Grey

Post by Lootyhoof » 2019-10-29, 15:40

You could try this:

Code: Select all

#navigator-toolbox:not(:-moz-lwtheme) {
  background-color: rgb(227, 228, 230) !important;
}

:root:not(:-moz-lwtheme) {
  --titlebar-text-color: #000 !important;
}
This uses the same background styling as the bookmarks toolbar, in tabs on bottom mode. You will need to unfocus/focus the window to reset the toolbar icons' brighttext element once this has been applied (only for the first time).

User avatar
MoonMadness
Moonbather
Moonbather
Posts: 66
Joined: 2017-06-13, 12:42
Location: Burlington, Ontario

Re: Making Photonic Toolbars Grey

Post by MoonMadness » 2019-10-29, 15:46

You .... You Sir are the cat's meow. That's PERFECT!!!!
Thank you so much!

Locked