Создайте текстовый файл со следующим содержимым и переименуйте его в userChrome.css. Поместите созданный файл в C:\Users\пользователь\AppData\Roaming\Mozilla\Firefox\Profiles\имя_профиля.default\Chrome. Последней папки может не быть — создайте ее.
Код:
#main-window { background-color: transparent !important; -moz-appearance: -moz-win-glass !important; }
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
color: white !important;
text-shadow: 1px 1px 1px black !important;
}
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button {
fill: white !important;
color: white !important;
}
/* remove default tab colors */
#TabsToolbar .tabbrowser-tab[visuallyselected="true"],
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .tabbrowser-tab .tab-background {
background: unset !important;
border: unset !important;
}
/* tab border color */
#TabsToolbar .tabbrowser-tab:not(:-moz-lwtheme):not([selected]) .tab-content,
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {
border-top: 1px solid rgba(255,255,255,.0) !important;
border-left: 1px solid rgba(255,255,255,.0) !important;
border-right: 1px solid rgba(255,255,255,.0) !important;
}
/* transparent tabs */
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content {
background-image: linear-gradient(to top,rgba(255,255,255,.0),rgba(255,255,255,.2)) !important;
}
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab .tab-content[selected="true"] {
background-image: linear-gradient(to top,rgba(255,255,255,.0),rgba(255,255,255,.7)) !important;
}
#TabsToolbar:not(:-moz-lwtheme) .tabs-newtab-button:hover,
#TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab:hover .tab-content:not([selected="true"]) {
background-image: linear-gradient(to top,rgba(255,255,255,.1),rgba(255,255,255,.3)) !important;
}
#main-window #titlebar-buttonbox .titlebar-button {
list-style-image: none !important;
padding: 9px 17px 9px 16px !important;
transition: background-color linear 100ms !important;
}
#browser-bottombox, #status-bar, #status-bar > *, #nav-bar, #PersonalToolbar, #addon-bar, #main-window[tabsontop="false"] ,
#main-window[tabsontop="false"] #PersonalToolbar[collapsed="false"] + #TabsToolbar,
#main-window[tabsontop="false"] [id^="__customToolbar"]:not([collapsed="true"]) ~ #TabsToolbar
{
background: transparent !important; -moz-appearance: -moz-win-glass !important;
color: #FFFFFF !important;
-moz-appearance: none !important;
}
#urlbar
{
background: transparent !important; -moz-appearance: -moz-win-glass !important;
color: #FFFFFF !important;
font-weight: normal!important;
text-shadow: grey 1px 1px 5px !important;
border: none !important;
border-radius: 2px 0 0 0 !important;
margin: 0 !important;
box-shadow: inset 0px 0px 3em 0px rgba(255,255,255,.5) !important;
}
#urlbar:hover
{
background: transparent !important; -moz-appearance: -moz-win-glass !important;
color: #FFFFFF !important;
text-shadow: #000000 1px 1px 5px !important;
font-weight: bold!important;
box-shadow: inset 0px 0px 5em 0px rgba(255,255,255,.5) !important;
}
popup:not(#autoscroller), menupopup, context-menu {
-moz-appearance: -moz-win-glass !important;
background: white !important;
padding: 0 0 6px 0 !important;}
menubar > menu, menupopup > menu, popup > menu, menuitem, toolbarbutton {
color: #FFFFFF !important;
text-shadow: black 1px 1px 5px !important;}
menuseparator {
-moz-appearance: none !important;
padding: 0 1px 1px 1px !important;
opacity: 0.3 !important;
background: black !important;}
#identity-popup {
background-color: transparent !important;
text-shadow: black 3px 3px 5px !important;}
#identity-popup-container {
border: 1px solid threedshadow !important;
color: black !important;
background-color: white !important;}
#identity-popup:hover {
background-color: transparent !important;}
#bookmarks-view :-moz-tree-row(hover){
background: black !important;}