First of all thanks for this repo. I totally agree with the pro/cons about proton on README.

I added this to my local copy:

  #tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
    margin-inline-start: 0 !important;
  }

It removes the gap between pinned and unpinned tabs. Add it to the repo if you think it is a good addition.

Also, as I use a light theme I needed to tweak line 115 and change the color to var(--tabs-border-color) to get tab separators showing. I am not using any additional theme on Firefox, but with the previous value the tab separators won't show.

    background-color: var(--tabs-border-color) !important;

Thanks again and have a nice day.

Describe the bug
In the More Tools submenu, "Extensions for Developers has an eyedropper icon, while the eyedropper has a terminal icon.

Expected behavior
The eye dropper has an eye dropper!

Screenshots
Menu -> More Tools

Environment (please complete the following information):

• Firefox Version: 89.0
• OS:
  • Linux
  • Windows
  • Mac
  • Others:
• Theme:
  • Light
  • Dark
  • Alpenglow(System: Light)
  • Alpenglow(System: Dark)
  • System Default
    • GTK Theme Name(Only Linux User): [sample] Adwaita, Adwaita-Dark, Breath, Breath-Dark

Additional context
None.

Describe the bug
No spacing between menu entry and icon in main menu, see also:

Expected behavior
The same space as in all other menus, see for example the addon overflow menu:

Environment (please complete the following information):

• Firefox Version: Nightly: 90.0a1, Build 20210526094846
• OS: macOS 11
• Theme: Dark

Additional context
Love your work, I love the course Mozilla is taking with proton now.

Describe the bug
Image next to firefox sync information in the hamburger menu seems to be broken when firefox sync is active.
Happens on both lepton and photon, didn't test other branches yet

Expected behavior
The mozilla account avatar displayed

Screenshots

Before (Clean environment)	After photon

Environment (please complete the following information):

• Firefox Version: 89.0b15
• OS:
  • Linux
  • Windows
  • Mac
  • Others:
• Theme:
  • Light
  • Dark
  • Alpenglow(System: Light)
  • Alpenglow(System: Dark)
  • System Default
    • GTK Theme Name(Only Linux User): [sample] Adwaita, Adwaita-Dark, Breath, Breath-Dark

• https://bugzilla.mozilla.org/show_bug.cgi?id=1711609
• https://bugzilla.mozilla.org/show_bug.cgi?id=1713420
• https://www.reddit.com/r/firefox/comments/nqoq3t/some_of_tickets_on_bugzilla_for_new_ui/
• https://bugzilla.mozilla.org/show_bug.cgi?id=1702480

Light/Dark UI at v110 nightly

• https://bugzilla.mozilla.org/show_bug.cgi?id=1704347
• https://bugzilla.mozilla.org/show_bug.cgi?id=1806945
• https://www.reddit.com/r/firefox/comments/zsnyw9/new_default_dark_theme_looks_really_bad_in_latest/
• https://www.reddit.com/r/firefox/comments/ztecpx/new_firefox_nightly_dark_theme_does_anyone_like_it/

Describe the bug
https://www.reddit.com/r/firefox/comments/norrv6/lepton_themes_photon_styled/h0afqee

menu/panel has no icon and instead aligns itself closest to the border.

Screenshots

Additional context
Add any other context about the problem here.

the button new tab (Ctrl+t) it should be closer to the last tab.

😉

Describe the bug
Active pinned tab not displaying the favicon

Expected behavior
Active pinned tab should display the favicon
Screenshots

Environment (please complete the following information):

• Firefox Version: [89.0]
• OS: Windows
• Theme:
• Tested on those two:
  https://addons.mozilla.org/firefox/addon/quantum-system-for-proton/
  https://addons.mozilla.org/firefox/addon/arc-darker-theme-we/

Is your feature request related to a problem? Please describe.
The small line below the favicon is very discreet.
The other active container indicators, like the ones in the address bar, are not as visible in the light theme and make the extensions area even more bloated.

Describe the solution you'd like
The line could be extended to the width of the tab (as it was in the previous design), at least for the active tab.

I've installed this UI fix, but it has a really bad side effect: when a pinned tab is selected, it changes the icon to an X for closing the pinned tab. This makes it way too easy to close a pinned tab by accident, contrary to the idea that a pinned tab should be permanent.

Until you fix this, I will have to return to my previously saved profile.

Describe the bug
The width of a pinned tab is increased when selected as the active tab, visibly pushing other tabs when going between pinned and normal tabs.

Expected behavior
Pinned tabs having the same width when active, so as to not bump other tabs around.

Screenshots

Environment (please complete the following information):

• Firefox Version: 89.0
• OS: Windows
• Theme: Dark

Additional context
Compact mode is enabled.

I'm not 100% sure this deserves to be called a bug, but I wanted to report it anyway.
Thanks so much for making this fix though!

First of all, great job! The theme is REALLY beautiful!

I installed the version at 85d6d04.

I am using GNOME 40 (under Xorg with ArchLinux, didn't try Wayland). I find both dark and light themes have broken tabs. The native theme looks find though. Below are screenshots for all three cases:

This is part of the plan I have been thinking about since May, and priorities are subject to change.

Stage 1 - Project Neutrino [Attainment]

The first stage is a really light and less interactive neutrino.

Goal

By establishing an overall design and addressing various complaints arising from Proton, users should be free from friction when interacting with browsers.
The result of a CSS setup that builds natural UI/UX that is expected or better from a typical browser.

Features

Color

• Contrast improvement in default theme
• Windows/GTK default theme support
• Full dark mode and part of the full theme
• Windows7 Compatibility

Icon

• Panel
• Context Menu
• Global Menu

Padding

• Tab Bar, Toolbar, Panel, Popup Menu, Context Menu
• UI Dencity Support

Tab

• Connect
• Bottom Round Corner
• Divide line (separator)
• Separator
• Responding to Tab states
• Photon Style

Installer

• Windows
• Linux/Mac
• Network-Local-Release
• Upgrade

Others

• Pointer
• Smooth Scrolling
• Restore illustration

Stage 2 - Project Electron [Getting ready]

The second is the electron, which is light and has various chemical bonds.
Make theme optional and scalable.

Goal

It is designed in such a way that what used to be multi-source for several distributions is integrated into one source and each has a default value.
Now distros are just a convention, source management and UI customization are easy.

Various compatibility settings and customs that were difficult to apply as defaults can be easily applied with user.js.

The source changes by introducing SASS and building it.
It is structured and makes it easy to handle complex or frequently used patterns and backwards compatibility.

Features

• Compatibility Issues Solution to option
• Tips to option
• Integration of https://github.com/MrOtherGuy/firefox-csshacks
• Others

Minimalism

• One liner
• Auto Hide UI
• Hidden UI
• Centered UI
• Monospace font

Tab

• Various shape
• Various shadow
• Vertical tab addon support

Color

• Dark mode with blue accents
• More dark mode
  • PDF
  • Addon
• Blur mode

Stage 3 - Project Muon

The third is the process of creating Lepton's own UI/UX beyond Firefox itself, which is much more massive than electrons as well as neutrinos.
JS introduces dynamic features and implements UI/UX and features that cannot be done with CSS or normal add-ons.

Goal

It covers most of the features that a general user would want, and there are enough killing points to consider if you are a Firefox user or even switch to another browser.
Even if JS is introduced, there should be little performance degradation.

After providing the setting UI, build a complete modern web development environment based on TS and Noder.
Until then, there should be no mangling/compression etc. to make it easy for users to add/remove each features.

Features

UI Custom Setting

• Full Theme
• Can be selected in the settings tab

Animations

• restore Bookmark Animation [Other Photon Animations (source)]
• Reader Mode Animation
• add Sound Wave Tab
• add Reveal Effect

Bookmark Animation - Reference

Sound Wave

Component

• Restore Page Action [doorhanger, pin/unpin]
• StatusBar
• Powerful Sidebar [Like whale, opera]
• Select popup menu [Like PopClip]
• Mobile Window
• Powerful Image Viewer
• Simple Image Editor (Integrated viewer, screenshot)
• Other miscellaneous buttons

Tab Manage

• Vertical tab
  • https://github.com/piroor/treestyletab
  • https://framagit.org/ariasuni/tabcenter-reborn
  • https://github.com/mbnuqw/sidebery
  • https://git.sr.ht/~ranmaru/ff-vertical-tabs
  • https://github.com/aminomancer/uc.css.js#vertical-tabs-pane
• Tab scope(preview)
• Tab Stack
• Tab Group
• Pintab as workspace(Like Sidekick's sidebar)
• History Tree

Setting

• Table of Contents generator
• Lepton Setting
• Telemetry off setting
• Advanced mode (Like Firefox Tweaker)

Integrantions

• https://github.com/filips123/FirefoxPWA
• https://github.com/hensm/fx_cast
• https://github.com/null-dev/firefox-profile-switcher (https://github.com/null-dev/firefox-profile-switcher-connector) or https://github.com/murar8/firefox-deflector
• https://github.com/FilipePS/Traduzir-paginas-web
• https://github.com/crazy-max/firefox-history-merger

Others

• Battery saver
• Bult-In Dark mode
  • https://github.com/m-khvoinitsky/dark-background-light-text-extension
  • https://github.com/OrionBrowser/DarkMode
• Chromium Extenstion
  • Waterfox [sample1, sample2, sample3]
  • https://github.com/Noitidart/Chrome-Store-Foxified/
  • https://github.com/bnpoirier/foxify
• Mouse Gesture
• Get other browser's features (Like brave speed reader[source])

Stage 4 - Project Tau

The last fourth is Tau, which is 10 times heavier than Muon, adding features for power users and special users, which are no longer seen as light theme layers.

Goal

It can be said that almost all the needs of general users have been met through Stage2.
Now, we focus on thinking of various power users or implementing advanced features.

Features

Dedicated Programs

• Download Manager
• RSS Reader
• Ebook Reader
• Video Player
• Flash Player
  • https://github.com/ruffle-rs/ruffle
  • https://github.com/vidkidz/vidkidz.github.io/tree/master/wasm

Powerful Tools

• Cursor for touchmode, Touch Event mode
• Vim keymap like evil mode
  • https://github.com/pentadactyl/pentadactyl
  • https://github.com/tridactyl/tridactyl
  • https://github.com/akhodakivskiy/VimFx
  • https://github.com/ueokande/vim-vixen
  • https://vimium.github.io/ (https://github.com/philc/vimium)
  • https://github.com/amedama41/vvimpulation
  • https://github.com/brookhong/Surfingkeys
  • https://krabby.netlify.app/
  • https://github.com/dcchambers/vb4c
  • https://edbrowse.org/
• Minibuffer like ivy, ishell
• Tiling like xmonad, i3
• Smart Bookmark Wizard
  • https://www.reddit.com/r/firefox/comments/2i4qcy/smart_bookmarks_a_quick_guide/
  • https://www.reddit.com/r/firefox/comments/fvcw96/query_bookmarks_smart_bookmarks_a_quick_guide/
  • https://support.mozilla.org/en-US/kb/restore-default-smart-bookmarks-folders
• Macro
• Custom JS
• Any other pro features like NYXT, Qutebrowser, Stack, Responsively App

Protocol Supports

• IPFS
• Gemini [Ref: Moonlander]
• FTP

#26 (comment)

Release 1.0 after 3 high-priority issues are resolved.

• #19
• #26
• #29

Please make folders in the sidebar of the bookmarks completely flooded color, such as blue. Now their frame look is just terrible.
I also want a dedicated tab to be not just highlighted by a blue stripe from above, but there was a complete fill with color, for better visual perception and speed of finding it among a variety of open tabs.

Love the project, however, in order to become more user-friendly, can you please update the project's README.org file to become more readable?

For instance:

1. Put a space between Lepton and (old name...) "Lepton(old name: Proton Fix)"
2. Capitalize the words "proton" and "firefox" in "proton is firefox's new design."
3. Include a section of why Lepton/Photon is needed (just explain in words)
4. Include spaces in "If you prefer Photon(88 or earlier)..."

These are just minor issues. All-in-all the project is already good, I just wanted to suggest some cleanup to the README.org to make it easier to read for newcomers.

Especially the spelling suggestions (see image)

Thanks for your work, it looks better than official UI.

As the image shows, it's weird to show just a close button for selected pinned tabs, it's better to remove it.

And I suggest to removing the bottom edge for selected pinned tabs to be consistent with unpinned tabs.

Describe the solution you'd like
It would be great if you could add icons to the context menu, when right clicking on a webpage. (Save Page As, Screenshot, Search with Google etc...)

Additional context
Thank you for the great work you have done so far.

Describe the bug

https://www.reddit.com/r/firefox/comments/norrv6/lepton_themes_photon_styled/h07h7uf/
When I try to move the tabs around they all hide slightly behind the address bar. The problem doesn't occur when using "normal" Lepton theme.

Expected behavior
Tabs should always be visible.

Screenshots

https://www.reddit.com/r/FirefoxCSS/comments/nqddcj/tabs_get_pushed_down_when_dragging/

Describe the bug
With Multi-Account Containers extension installed, the menu to select new tab context doesn't display correctly (height is to low) when opened by dragging the new tab button down with left mouse button.

Expected behavior
The menu should be displayed as in the in the original proton theme or like when right-clicking the new tab button.

Screenshots
Proton - Drag down:

Lepton - Drag down:

Lepton - Right-click:

Environment (please complete the following information):

• Firefox Version: 89.0
• OS:
  • Linux
  • Windows
  • Mac
  • Others:
• Theme:
  • Light
  • Dark
  • Alpenglow(System: Light)
  • Alpenglow(System: Dark)
  • System Default

https://www.reddit.com/r/firefox/comments/n2i6fg/proton_padding_fix_quantum_proton_proton_fix/gwk5ucm

For my point of view your proposition create a readibility issue as you have now a unique content block. It complicate to easily identicate different part of the menu. Space with a gray pver a gray doesn't reach contrast ration for accessibility and can be unsee for some user, and by removing the spacing you remove the section view.
- /u/mistic_me_meat

Check it out

Is your feature request related to a problem? Please describe.
https://www.reddit.com/r/firefox/comments/nly44l/this_week_proton_fixwill_be_called_lepton_tab/h075uu4?utm_source=share&utm_medium=web2x&context=3

I prefer when all programs has similar design on the system. Windows 10 by default has light titlebars (light theme by default). But Firefox has light controls with dark titlebar (system theme), but it can be fixed by switching to the light theme. And light theme in your fix differs from original photon
u/Yoskaldyr

Describe the solution you'd like
We can consider adjusting color.

Additional context
It's just something to keep in mind.

Since some time, Firefox has the annoying feature to select the text in the URL bar, when you click it. There is a fix here:
https://github.com/SebastianSimon/firefox-selection-fix

It looks like you could merge your projects into some project that allows to select which features to restore trying to maintain several fixes to the Firefox UI, that were created when the changes were introduced.

Is your feature request related to a problem? Please describe.
I was referred to this theme as a solution to get the panel icons back and this certainly works for that, however I am wondering if there is a way to customize which features could be installed. I've manually made an icons only edition here
https://github.com/Possibly-Matt/Firefox-UI-Fix
I quite like the floating style tabs, but I like the tab dividers in this theme.

Describe the solution you'd like
A clear and concise description of what you want to happen.
I'm not too well versed on javascript/css or how other themes do this but perhaps a configuration file could be read by js and only specific css run?
My version wasn't too painful to edit because of the good commenting :) so thanks for that. So really customizing this theme should only take as long
Alternatively multiple versions of the addon but that sounds like such a pain to maintain and ultimately not worth it

Refer #17 (comment)

https://github.com/7k5x/Firefox-UI-Fix/commit/85d6d042c6739740ca08905958ffb6196f155191

I just wanted to express my gratefulness for you having created this theme.
It looks substantially better compared to the default proton ui and chrome.

Is it be possible to change the tab shape and outlining stroke information?

Describe the bug
black pixels around the selected tab bottom corners

Expected behavior
no black pixels around the selected tab bottom corners

Screenshots

Environment (please complete the following information):

• Firefox Version: [write from about:support - version]

• OS:

  • Linux --> (5.12.7-arch1-1)

• Theme:

  • Other
    • Nord Polar Night Theme

Additional context
Using Firefox Nightly --> [90.0a1 (2021-05-14) (64-bit)]

Describe the bug
The menu entry "Neues privates Fenster" is shrinked to "Neues privates Fens...".
See the attached screenshot

Expected behavior
"Neues privates Fens..." should appear as "Neues privates Fenster"

Environment (please complete the following information):

• Firefox Version: 89.0
• OS:
  • Linux
• Theme:
  • System Default
    • GTK Theme Name(Only Linux User): [sample] Adwaita, Adwaita-Dark, Breath, Breath-Dark

Hi,

Could we add this to the :root section of your userChrome.css?
--panelui-subview-transition-duration: 1ms !important;

diff --git a/userChrome.css b/userChrome.css
index 30172b6..bc259b0 100644
--- a/userChrome.css
+++ b/userChrome.css
@@ -15,6 +15,8 @@
     --arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding) !important; /* Original: 0 8px */
     --arrowpanel-menuitem-padding: 5px !important; /* Original: 8px */
     --arrowpanel-padding:        0.8em !important; /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */
+
+    --panelui-subview-transition-duration: 1ms !important; /* Disable top right corner menu sliding animation (0ms will not work!) */
   }
 
   :root[uidensity=compact] {

I just don't want to have an annoyingly animating smartphone UI in the top right corner menu. Unfortunately the sliding animation can neither be turned off by setting the OS preference regarding animations, nor by any other option as it's hardcoded into browser.css (within browser/omni.ja).

Thanks.

There used to be an option to remove/add these buttons bookmark/container on the address bar via page actions (3 dots button). Now it's gone and these buttons are forced here. I don't use these buttons at all (bookmark via drag and drop, container via shortcut). I must not be alone. I tried to play around with no success so far, any help would be really appreciated !

There is now this bottom border below the tab bar that every theme ignore hence it is colored white and that's annoying.

I can't find these elements in the UI, so if anyone knows these I would be gladly to help !

Describe the solution you'd like

• Remove the buttons
• Remove the bottom border

Describe alternatives you've considered

• Set bottom border transparent / same background color

Additional context
FF89 - Windows 10

from Reddit comment

Describe the bug
Missing the divide lines between inactive tabs.

Environment (please complete the following information):

• Firefox Version: 89 beta 13

• Lower corners of the current selected tab have random black pixels in them
  
• Tabs have gaps between their left edge and the right edge of the tab adjacent to them, both when selected and when highlighted.
  
• However, some tabs have the opposite problem, making the border between the tabs appear to be 2 pixels wide instead of 1:
  
• The "new tab" button looks like it's been vertically stretched by 1 pixel
  
  Please please please fix these, they're positively driving me mad. I'm using Firefox 89.0, by the way.

Is your feature request related to a problem? Please describe.

The close button for a pinned tab is shown instead of the favicon

Describe the solution you'd like

The close button should be replaced by the favicon for the website for aesthetic reasons. Just like in Photon:

https://i.imgur.com/vLcN3rW.png

The current pinned tab situation in Lepton:

https://i.imgur.com/e6JAFJ3.png

Describe alternatives you've considered
N/A

Additional context
This issue is a feature request, and the fix is merely for aesthetic reasons

Is your feature request related to a problem? Please describe.
The default Firefox close-button behaviour is awkward when more than 9 tabs are visible: the close button only appears after you select one of the tabs (when >9 tabs). In addition, your current userChrome.css shows the close button whenever a pinned tab is active, thereby hiding the pinned tab's favicon.

Describe the solution you'd like
I have long been using the following in my own userChrome.css and I respectfully recommend that you include the following code, or its equivalent, in your own userChrome.css file:

.tabbrowser-tab:not([pinned="true"]):hover .tab-close-button:not([selected="true"]) {
display: -moz-box !important;
}

Currently, just adding the above code to your userChrome.css doesn't work as it should. However, I'd like to request that you replicate (in your own userChrome.css) the behaviour of the above code.

Describe alternatives you've considered
The userChrome.css file included in your otherwise excellent package follows the standard Firefox behaviour described above. I believe that my solution is better.

Describe the bug
When a pinned tab is selected and active, the close button hides the tab's favicon.

Expected behavior
A pinned tab should not have a close button; this goes against the principle of pinning a tab.

Screenshots
See screenshots attached.

Environment (please complete the following information):

• Firefox Version: 89.0
• OS: Windows 10
• Theme: Photon Colors

Additional context
I've suggested an alternative approach in a separate feature request: #45

Screenshot 1 (Pinned tab not selected):

Screenshot 2 (Pinned tab selected):

Describe the bug
A clear and concise description of what the bug is.

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Environment (please complete the following information):

• Firefox Version: [write from about:support - version]
• OS:
  • Linux
  • Windows
  • Mac
  • Others:
• Theme:
  • Light
  • Dark
  • Alpenglow(System: Light)
  • Alpenglow(System: Dark)
  • System Default
    • GTK Theme Name(Only Linux User): [sample] Adwaita, Adwaita-Dark, Breath, Breath-Dark

Additional context
Add any other context about the problem here.

Is your feature request related to a problem? Please describe.
No.

Describe the solution you'd like
Either a version that puts the tabs bar below the address and bookmarks bar OR a piece of code I can plop into the css to do it on my own.

Describe alternatives you've considered
Rolling back firefox.

The favicon in the tab disappears when said tab is playing audio.

It reappears when you hover over the tabs with the mouse.

Compact Mode Firefox Css

• Sound Icon Hover
• Container color line under icon

looks good.

Thanks for your work！ this is more straightful ui.
anyway i wonder is there a way to change Context Menu color？
『context menu color will auto correct depend on Background Tab Text Color your theme used』
https://i.imgur.com/7mqFSic.png

the different color just feel strange, is there a way to change it？thanks！

The popup menus of folders in bookmarks toolbar have different style from the popup menu of the bookmarks menu toolbar button.

Is your feature request related to a problem? Please describe.
On Windows 7 the header bar is always in lightmode style. Even when using the darkmode it is also white.
Bugzilla issue for that: https://bugzilla.mozilla.org/show_bug.cgi?id=1702480
Possibly an browser selector can be used, so other designs are not affected.

Describe the solution you'd like
Have a workaround for that, so we can see i can see it in dark again.

Describe alternatives you've considered
Wait until mozilla is fixing it.

I'm using FF on several machines, work, home, notebook, ...
I love the FF feature, that syncs addons across machines. I install a new machine, login to my FF account, and have all addons installed, including AdBlocker,...

If this were an addon, I wouldn't have to see this ugly proton UI at all :)

Describe the bug
The following menu items don't have spacing that accounts for the icons, resulting in the icons starting in the icon gutter:

1. More Tools > Task Manager
2. More Tools > Remote Debugging
3. More Tools > Browser Console
4. More Tools > Responsive Design Mode
5. More Tools > Page Source
6. Help > Submit Feedback

Expected behavior
The text for menu items without an icon should be aligned with the text for menu items with icons.

Environment (please complete the following information):

• Firefox Version: 89.0 (Release)
• OS:
  • Linux
  • Windows
  • Mac
  • Others:
• Theme:
  • Light
  • Dark
  • Alpenglow(System: Light)
  • Alpenglow(System: Dark)
  • System Default
    • GTK Theme Name(Only Linux User): [sample] Adwaita, Adwaita-Dark, Breath, Breath-Dark

Feature request.
First and foremost, thank you very much for this black7375! It's a very nice layout and redesign tweaking + blending of Photon and Proton. The bookmarks icon has changed to an outline of the folder instead of the fill in coloured version I had previously. Is there a relatively pain free fix for this?

Describe the solution you'd like
Revert back to filled in bookmarks folder icon, as opposed to the outlined version introduced in Proton.

Describe the bug
A clear and concise description of what the bug is.
Please describe how to get the "compact" menus, with smaller vertical spacing.
Expected behavior
A clear and concise description of what you expected to happen.
I expected the menus to be fixed to look like before release 89.0. They are still too spread out vertically. The toolbars look better, though.
Screenshots
If applicable, add screenshots to help explain your problem.

Environment (please complete the following information):

• Firefox Version: [ 89.0]
• OS:
  • Linux
  • Windows: 10 Home
  • Mac
  • Others:
• Theme:
  • Light
  • Dark
  • Alpenglow(System: Light)
  • Alpenglow(System: Dark)
  • System Default
    • GTK Theme Name(Only Linux User): [sample] Adwaita, Adwaita-Dark, Breath, Breath-Dark

Additional context
Add any other context about the problem here.
Also, there is no background color difference between the three toolbars, hard to see. Also, the active tab is not well highlighted--my eyes are not that good.