Полезная информация

В мире Mozilla происходит много интересных событий. Но вам не нужно постоянно посещать новостные сайты, чтобы быть в курсе всех изменений. Зайдите на ленту новостей Mozilla Россия.

№610119-06-2019 16:08:38

momo2000
Участник
 
Группа: Members
Зарегистрирован: 03-09-2015
Сообщений: 71
UA: Firefox 67.0

Re: Настройка внешнего вида Firefox в userChrome.css

anywho
не то(
на win 10 тема оформления делает такие меню, в самой системе ещё ничего, а вот в фоксе неудобно

https://www.upload.ee/image/10114631/2019-06-19_180531.jpg

Вроде нашел

menubar, menupopup > * {
  background: #E7EBEE !important;
  color: #000000 !important;
}

https://www.upload.ee/image/10119608/2019-06-20_224737.jpg

Отредактировано momo2000 (23-06-2019 11:10:30)

Отсутствует

 

№610219-06-2019 20:02:55

pohunohi
Участник
 
Группа: Members
Зарегистрирован: 02-09-2009
Сообщений: 673
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

Как убрать эту тень? Firefox 69.
https://snag.gy/Q5Z3Cj.jpg

Отсутствует

 

№610320-06-2019 21:24:01

OmTatSat
Участник
 
Группа: Members
Зарегистрирован: 25-06-2015
Сообщений: 70
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

Здравствуйте, подскажите пожалуйста возможно ли и куда копать чтобы в заголовок окна добавить наличие отсутствие истории для кнопки назад? По сути кнопка назад меняет цвет при наличии\отсутствии истории, подошло бы если бы этот цвет(текстом) показывался в заголовке или любые другие варианты.

Просто использую дополнение Back to Close WE для закрытия вкладки когда нет истории назад, но оно работает не на всех вкладках, по этому хочу сделать эту функцию через strokeit и написать какой-то AHK скрипт. Но AHK скрипту нужно знать есть ли история или нет.

Буду признателен за любое содействие.

Отсутствует

 

№610421-06-2019 10:37:54

Alex_one
Участник
 
Группа: Members
Зарегистрирован: 27-09-2015
Сообщений: 95
UA: Firefox 67.0

Re: Настройка внешнего вида Firefox в userChrome.css

anywho
А возможно с этим меню проделать тоже самое?

с этим
https://i.paste.pics/5VDET.png

это

Выделить код

Код:

menupopup menuitem, menupopup menucaption, menupopup menu {
    -moz-appearance: none !important;
    padding-left: 4px !important;
    min-height: 24px !important; 
    height: 24px !important;  
}
menupopup menu[disabled="true"][_moz-menuactive],
menupopup menuitem[disabled="true"][_moz-menuactive] {
    background-color: #444 !important;
}

menupopup menu:not([disabled="true"])[_moz-menuactive],
menubar > menu[_moz-menuactive="true"],
menupopup menuitem:not([disabled="true"])[_moz-menuactive] {
    background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;
    color: #00ffff !important; 
}


Пост

Отсутствует

 

№610521-06-2019 15:14:08

anywho
Забанен
 
Группа: Members
Зарегистрирован: 21-05-2019
Сообщений: 54
UA: Firefox 67.0

Re: Настройка внешнего вида Firefox в userChrome.css

Alex_one
У меня так , весь Chrome.css

скрытый текст

Выделить код

Код:

/* DO NOT DELETE THIS LINE */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml");

#toolbar-menubar > spacer[ordinal="1000"] {
    max-width: 0px !important;
    margin-left: 8px !important;
}

#toolbar-menubar toolbarpaletteitem[place="toolbar"][id^="wrapper-customizableui-special-spring"], 
#toolbar-menubar toolbarspring {
    max-width: none !important;
    
}
@-moz-document url("chrome://browser/content/browser.xul") {
:root {
    --v-titlebar-button-vert-padding: 2px;
    --v-titlebar-button-horizont-padding: 5px;
    --v-svg-filter-fill: url("data:image/svg+xml;charset=utf-8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='fill'><feComposite in='FillPaint' in2='SourceGraphic' operator='in'/></filter></svg>#fill");
    --v-titlebar-min-image: url("data:image/svg+xml;charset=utf-8,<svg width='11' height='11' xmlns='http://www.w3.org/2000/svg'><line stroke='black' stroke-width='1.4' fill='none' shape-rendering='crispEdges' x1='1.2' y1='6.9' x2='10' y2='6.9'/></svg>");
--v-titlebar-max-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black' stroke-width='1.5' fill='none' shape-rendering='crispEdges'><rect x='1.5' y='1.5' width='10' height='10'/></svg>");
    --v-titlebar-maximized-image: url("data:image/svg+xml;charset=utf-8,<svg width='12' height='12' xmlns='http://www.w3.org/2000/svg' stroke='black'  fill='none' shape-rendering='crispEdges'><rect x='1.5' y='3.5' width='7' height='7'/><polyline points='3.5,3.5 3.5,1.5 10.5,1.5 10.5,8.5 8.5,8.5'/></svg>");
   --v-titlebar-close-image: url("data:image/svg+xml;charset=utf-8,<svg width='16' height='16' xmlns='http://www.w3.org/2000/svg'><path stroke='black' stroke-width='2.9' d='M3,1 l 11,11 M3,12 l 11,-11'/></svg>");
    --v-titlebar-button-image-height: 11px;
    --v-titlebar-button-image-width: 12px;
    --v-titlebar-button-background-hover: rgba(0,0,0,.12);
    --v-titlebar-button-background-active: rgba(0,0,0,.22);
    --v-titlebar-close-background-hover: rgb(215,0,34);
    --v-titlebar-close-background-active: rgb(178,0,28);
    --v-windows-glass-default-background: ActiveCaption;
    --v-windows-glass-default-background-inactive: InactiveCaption;
}


:root:-moz-lwtheme-brighttext,
toolbar[brighttext] {
    --v-titlebar-button-background-hover: rgba(255,255,255,.22);
    --v-titlebar-button-background-active: rgba(255,255,255,.12);
}

@media (-moz-windows-glass) {
    #main-window[sizemode="normal"] > #titlebar {
        -moz-appearance: none !important;
        margin-bottom: calc(-1 * (var(--v-titlebar-button-vert-padding) * 2 + var(--v-titlebar-button-image-height))) !important;
    }

    #main-window[sizemode="normal"] > #titlebar > #titlebar-content {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    #main-window[sizemode="normal"] > #navigator-toolbox {
        border-top: none !important;
        padding-top: 0 !important;
        box-shadow: 0 1px 0 rgba(12,12,13,0.3) inset !important;
    }

    #titlebar-buttonbox,
    .titlebar-buttonbox {
        -moz-appearance: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #main-window {
        -moz-appearance: none !important;
        background-color: var(--lwt-accent-color, var(--v-windows-glass-default-background)) !important;
    }

    #main-window:-moz-window-inactive {
        background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color, var(--v-windows-glass-default-background-inactive))) !important;
    }

    #TabsToolbar:-moz-lwtheme-darktext {
        color: inherit !important;
        --lwt-toolbarbutton-icon-fill: currentColor !important;
    }

    #TabsToolbar:not(:-moz-lwtheme) {
        color: inherit !important;
    }

    #TabsToolbar:not(:-moz-lwtheme) .tabbrowser-tab {
        background-color: transparent !important;
    }

    vbox#appcontent {
        -moz-appearance: none !important;
    }
}

#titlebar-buttonbox > .titlebar-button,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close),
#minimize-button, #restore-button, #close-button {
    display: -moz-box !important;
    -moz-appearance: none !important;
    margin: 0 !important;
    cursor: pointer !important;
    padding: var(--v-titlebar-button-vert-padding) var(--v-titlebar-button-horizont-padding) !important;
    color: var(--lwt-toolbarbutton-icon-fill, inherit) !important;
}

@media not all and (-moz-os-version: windows-win7) {
    #titlebar-buttonbox,
    .titlebar-buttonbox {
        -moz-appearance: none !important;
        -moz-box-align: start !important;
        -moz-box-pack: end !important;
    }
}

#titlebar-buttonbox > .titlebar-button > .toolbarbutton-icon,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max,.titlebar-close) > .toolbarbutton-icon,
:-moz-any(#minimize-button,#restore-button,#close-button) > .toolbarbutton-icon {
    filter: var(--v-svg-filter-fill) !important;
    fill: currentColor !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    height: var(--v-titlebar-button-image-height) !important;
    width: var(--v-titlebar-button-image-width) !important;
}
#titlebar-buttonbox > #titlebar-min,
.titlebar-buttonbox > .titlebar-min,
#minimize-button {
    list-style-image: var(--v-titlebar-min-image) !important;
    -moz-image-region: auto !important;
    background: linear-gradient(#00EA3A,#00A653) !important;
    color: white !important;
    border: 1px solid #675 !important;
}

#titlebar-buttonbox > #titlebar-max,
.titlebar-buttonbox > .titlebar-max {
    list-style-image: var(--v-titlebar-max-image) !important;
    background: linear-gradient(#00EA3A,#00A653) !important;
    color: white !important;
    border: 1px solid #675 !important;
    
}

#main-window[sizemode="maximized"] #titlebar-buttonbox > #titlebar-max,
#main-window[sizemode="maximized"] .titlebar-buttonbox > .titlebar-max,
#restore-button {
    list-style-image: var(--v-titlebar-maximized-image) !important;
    
    
}

#titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):hover,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max):hover,
:-moz-any(#minimize-button,#restore-button):hover {
    border: 1px solid #675 !important;
    background: linear-gradient(#00ffff,#00A653) !important;
}

#titlebar-buttonbox > :-moz-any(#titlebar-min,#titlebar-max):active,
.titlebar-buttonbox > :-moz-any(.titlebar-min,.titlebar-max):active,
:-moz-any(#minimize-button,#restore-button):hover:active {
   background: linear-gradient(red,brown) !important;
   border: 1px  solid #675 !important;
   color: #FFF !important; 
}

#titlebar-buttonbox > #titlebar-close,
.titlebar-buttonbox > .titlebar-close,
#close-button {
    list-style-image: var(--v-titlebar-close-image) !important;
    color: #FFF !important;
    background: linear-gradient(red,brown) !important;
    margin-right: 1px !important;
    border: 1px  solid #675 !important;
  
}

#titlebar-buttonbox > #titlebar-close:hover,
.titlebar-buttonbox > .titlebar-close:hover,
#close-button:hover {
   background: linear-gradient(red,#DF0000) !important;
   border: 1px  solid #675 !important; 
   
}

#titlebar-buttonbox > #titlebar-close:active,
.titlebar-buttonbox > .titlebar-close:active,     
#close-button:hover:active {
    background: linear-gradient(#800000,#660000) !important;
    border: 1px  solid #675 !important;
    
}
}



@-moz-document url("chrome://browser/content/browser.xul") {
#main-window:not([inFullscreen]) #navigator-toolbox {
    position: relative !important;
    --v-toolbar-button-inner-padding: var(--toolbarbutton-inner-padding, 6px);
}

#main-window:not([inFullscreen]) #navigator-toolbox > #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    margin-bottom: 0 !important;
    box-shadow: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar !important;
}

#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] > #navigator-toolbox {
    -moz-appearance: -moz-window-titlebar-maximized !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox {
    visibility: hidden !important;
}
#main-window:not([inFullscreen])[tabsintitlebar]:-moz-lwtheme > #navigator-toolbox > *:not([collapsed="true"]) {
    visibility: visible;
}
#navigator-toolbox > #titlebar {
    -moz-appearance: none !important;
    -moz-box-ordinal-group: 100 !important;
    --v-control-buttons-left: auto;
    --v-control-buttons-right: 0;
    position: static !important;
}
#navigator-toolbox > #titlebar:-moz-locale-dir(rtl) {
    --v-control-buttons-left: 0;
    --v-control-buttons-right: auto;
}
#main-window:not([inFullscreen]) #navigator-toolbox::after,
#main-window:not([inFullscreen]) #TabsToolbar::after {
    display: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    border: none !important;
    background: grey !important;
    box-sizing: content-box !important;
    min-height: 0 !important;
    height: calc(2 * var(--v-toolbar-button-inner-padding) + 16px) !important;
    overflow: hidden !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbaritem,toolbarbutton) {
    align-self: center !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(#menubar-items,#wrapper-menubar-items,.titlebar-buttonbox-container) {
    align-self: flex-start !important;
}
#main-window[inFullscreen] #toolbar-menubar {
    visibility: collapse !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar[autohide="true"][inactive="true"]:not([customizing="true"]) > * {
    opacity: 0 !important;
    pointer-events: none !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > * > * {
    vertical-align: middle;
}
#main-window:not([inFullscreen]) #toolbar-menubar > #menubar-items > * {
    vertical-align: top;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    position: absolute !important;
    top: 0px !important;
    left: var(--v-control-buttons-left) !important;
    right: var(--v-control-buttons-right) !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0px !important;
}
@media (-moz-windows-classic) {
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar] #toolbar-menubar[autohide="true"] {
    min-height: 4px !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"]:-moz-lwtheme #toolbar-menubar {
    background-image: linear-gradient(to bottom, ThreeDLightShadow 0, ThreeDLightShadow 1px, ThreeDHighlight 1px, ThreeDHighlight 2px, ActiveBorder 2px, ActiveBorder 4px, transparent 4px) !important;
}
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="normal"] #nav-bar {
    margin-top: calc(2 * var(--v-toolbar-button-inner-padding) + 20px) !important;
    
}
}
@media (-moz-windows-compositor), (-moz-os-version: windows-win7) and (-moz-windows-default-theme) {
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar,
#main-window:not([inFullscreen])[tabsintitlebar][sizemode="maximized"] #toolbar-menubar[autohide="true"] ~ #TabsToolbar .titlebar-buttonbox-container {
    padding-top: 8px !important;
}
}
#main-window:not([inFullscreen]) #toolbar-menubar > *[ordinal="1000"],
#main-window:not([inFullscreen]) #toolbar-menubar > .titlebar-buttonbox-container {
    order: 1000 !important;
}
#main-window:not([inFullscreen]) #toolbar-menubar > :-moz-any(toolbarspring,spacer,[id^="wrapper-customizableui-special-spring"]) {
    flex-grow: 1 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    
    position: static !important;
}
#main-window:not([inFullscreen]) #TabsToolbar #tabbrowser-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#main-window:not([inFullscreen]) #TabsToolbar > .toolbar-items {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#main-window:not([inFullscreen]) #TabsToolbar .titlebar-spacer:-moz-any([type="pre-tabs"],[type="post-tabs"]) {
    display: none !important;
}
}

#BMB_bookmarksPopup .subviewbutton:active > .menu-iconic-text,
.bookmark-item:active:not([disabled="true"]),
#PanelUI-history .subviewbutton:not(#appMenuRestoreLastSession):active .toolbarbutton-text {
  
  color: #FF0080 !important;
} 

#BMB_bookmarksPopup menupopup[placespopup=true] > hbox {
   margin-bottom: -5px !important;
   margin-top: -3px !important;
}
#BMB_bookmarksPopup menupopup[placespopup=true] {
   padding-inline-start: 1px !important;
   margin-top: -3px !important;
   margin-bottom: -3px !important; 
}

.subviewbutton:not([disabled="true"]) {

  color: #ccc;
}
.subviewbutton:not([disabled="true"]):active {
  background: none !important;
  color: #FF0080 !important;
}

#customization-lwtheme-menu-recommended, 
#customization-lwtheme-menu-header { display: none !important; }

menupopup > menu > menupopup {
  -moz-appearance: none !important;
  margin-top: -2px !important;
  margin-left: -1px !important;
  border: 1px solid #444 !important}
  
menupopup { 
   
  border: 1px solid #444 !important} 

#customization-titlebar-visibility-checkbox {
   -moz-appearance: none !important;
   background: #555 !important;
   color: #fff !important;
}

#customization-titlebar-visibility-checkbox:hover {
  background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;
  color: #00ffff !important;
}

#viewButton > .button-box > .button-menu-dropmarker {
 
  display: none !important;
}

#customization-extra-drag-space-checkbox { 
    display: none !important;
}

treechildren::-moz-tree-cell(selected) {
  border-top: 1px dotted #F3D982 !important;
  border-bottom: 1px dotted #F3D982 !important;
  border-left: none  !important;
  border-right: none  !important;
}

treechildren::-moz-tree-cell-text(selected) {
  color: #00ffff !important;
  
}

treechildren::-moz-tree-cell(selected)

{background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;} 

treechildren::-moz-tree-cell-text(hover) {
  color: #00ffff !important;
  background: none !important;
  border: none !important;
}

treechildren::-moz-tree-cell(hover) 
  {background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;} 
   



#BMB_bookmarksPopup .subviewbutton > .menu-iconic-left {
  margin-inline-end: 3px !important;
  
}  
#appMenuViewHistorySidebar:hover {color: #fff !important}
#appMenuViewHistorySidebar {color: #ccc !important}
toolbarbutton.subviewbutton:not(:-moz-any([disabled],[open],:active)):-moz-any(:hover,:focus),
.toolbaritem-combined-buttons:-moz-any(:not([cui-areatype="toolbar"]), [overflowedItem=true]) > 
toolbarbutton:not(:-moz-any([disabled],[open],:active)):-moz-any(:hover,:focus) {
  color: #fff !important;
  background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;
}

/* This changes the text color of the hint text on the bookmarks popup menu */
.menu-accel-container .menu-iconic-accel {margin-right: 6px !important}

#BMB_bookmarksShowAllTop {color: #ccc !important; margin-top: -3px !important; margin-bottom: -5px !important;}
#BMB_bookmarksShowAllTop:hover {color: #fff !important;}
#BMB_unsortedBookmarks {color: #ccc !important; margin-top: -4px !important; margin-bottom: -6px !important;}
#BMB_unsortedBookmarks:hover {color: #fff !important}
#PanelUI-historyMore:hover {color: #fff !important;}
#appMenuClearRecentHistory:hover {color: #fff !important;}
#appMenuClearRecentHistory {color: yellow; margin-top: -5px !important; margin-bottom: -5px !important;}
#PanelUI-historyMore {color: #ccc !important; margin-top: -5px !important; margin-bottom: -5px !important;}

#appMenuRestoreLastSession, #appMenuRestoreLastSession + toolbarseparator {display: none !important;}
#appMenu-logins-button {display: none !important;}
#PanelUI-history .subviewbutton:not(#appMenuRestoreLastSession):not(#appMenuClearRecentHistory):not(#appMenuViewHistorySidebar):not(#PanelUI-historyMore):hover {
  
  color: #00ffff !important;
  
} 
#appMenu-popup {margin-top: -3px !important;}
 
#downloadsPanel {padding-right: 2px !important; margin-top: -3px !important;} 

.search-panel-header:hover {
  color: #00FFFF !important;
  
}

.search-panel-header:not(:hover) {
  color: #FFF  !important;
  
}
/* This root class will modify the colors of toolbar background color (by default is transparent white 
without this change) */
:root:-moz-lwtheme {
  --toolbar-bgcolor: rgba(0,0,0,.6) !important;

  
  /* You can change the lightweight theme header and footer images with this. Delete the final /* to use -> *//*
  --lwt-header-image: url("file:///") !important;
  --lwt-footer-image: url("file:///") !important;

  /* Url and search bars */
  --url-and-searchbar-color: #0000FF;
  --urlbar-separator-color: #fff}

#urlbar, .searchbar-textbox {
  background-color: #222 !important;
}

#urlbar[pageproxystate="valid"] > #identity-box.verifiedIdentity > #identity-icon-labels {
  color: highlight !important;
}

menupopup menuitem, menupopup menucaption, menupopup menu {
    -moz-appearance: none !important;
    padding-left: 4px !important;
    min-height: 24px !important; 
    font-size: 14px !important;
    height: 24px !important;  
}
menupopup menu[disabled="true"][_moz-menuactive],
menupopup menuitem[disabled="true"][_moz-menuactive] {
    background-color: #444 !important;
}

menupopup menu:not([disabled="true"])[_moz-menuactive],
menubar > menu[_moz-menuactive="true"],
menupopup menuitem:not([disabled="true"])[_moz-menuactive] {
    background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;
    color: #00ffff !important; /* Цвет текста при наведении */
}

/* These rules will modify most highlight (background on hover) colors inside Firefox (except sidebar items, which are 
in the rule below) */

  

  /* These ones are used for the read/unread tabs styling. For italic rules use 
  either "normal" or "italic" without the quotes for either no italics or using italics, 
  and for bold, use either "bold" or "normal" in the same way */
  --Loaded-and-selected-text: #eee;
  --Loaded-and-selected-italic: normal;
  --Loaded-and-selected-bold: normal;
  --Loaded-and-selected-background: transparent;

  --Loaded-but-unread-text: #fff;
  --Loaded-but-unread-italic: italic;
  --Loaded-but-unread-bold: normal;
  --Loaded-but-unread-background: transparent;

  --Not-loaded-text: #fff;
  --Not-loaded-italic: italic;
  --Not-loaded-bold: normal;
  --Not-loaded-background: transparent;

  --Loading-text: #0088ff;
  --Loading-italic: normal;
  --Loading-bold: normal;
  --Loading-background: transparent;
}

/* This changes the color of the sidebar panel text */
#bookmarks-view treechildren, #historyTree treechildren {color: #fff !important}


/* v Fix to make the pre-render loading page dark instead of white v */
#tabbrowser-tabpanels, tabbrowser#content, .browserContainer > .browserStack > browser {
        -moz-appearance: none !important;
        background: #222 !important;
    }

}
/* You can also add an image of your choice in the pre-render loading page if you want 
Delete the final /* to use -> *//*
browser[type="content-primary"], tabbrowser tabpanels, #appcontent > #content {
  background-image: url("file:///C:/Users/") !important;
  background-size: cover !important;
  background-position: center !important}


/* END OF GENERAL COLORS */

/* Max, min and close buttons */

/* This prevents any custom windows theme to change the background color
of the minimize, maximize and close buttons */
#titlebar-min:not(:hover), #titlebar-max:not(:hover), 
#main-window[sizemode="maximized"] #titlebar-max:not(:hover),
#titlebar-close:not(:hover) 
{background-color: transparent !important}

/* This changes the color on hover of the minimize and maximize buttons */
#titlebar-min:hover, #titlebar-max:hover, 
#main-window[sizemode="maximized"] #titlebar-max:hover 
{background-color: var(--Min-max-buttons-hover-bg) !important}

/* This changes the close button hover color */
#titlebar-close:hover {background-color: #FF0000 !important}


/* Bookmark toolbar text color */
#PersonalToolbar {background-color: #555 !important; min-height: 26px !important; height: 26px !important;}

/* Nav bar button color */


/* Search bar inside the content area */
findbar {
  background-color: #666 !important; 
  color: #fff !important;
  border-top: 1px solid #333 !important;}

findbar .findbar-textbox {
  background: #444 !important;
  color: #fff !important;
  border: 1px solid #333 !important}

findbar .findbar-textbox[focused="true"], findbar .findbar-textbox:hover {
  border-color: highlight !important}

.findbar-textbox[status="notfound"] {background: #FF8080 !important}

.findbar-textbox[flash="true"] {
  background-color: yellow !important;
  color: #444 !important}

findbar .findbar-find-previous, findbar .findbar-find-next {
  background-color: linear-gradient(#333,#555) !important;
  border-top: 1px solid #333 !important;
  border-right: 1px solid #333 !important;
  border-bottom: 1px solid #333 !important;
  border-left: none !important}

/* Color for most dialogs */
dialog, dialog caption, dialog select, #clientBox  {
  -moz-appearance: none !important;
  background-color: #333 !important;
  color: #fff !important}

#printPageSetupDialog caption {background-color: #444 !important}

dialog #openHandlerBox menulist {
  -moz-appearance: none !important;
  border: 1px solid #111 !important;
  background: linear-gradient(#555,#333) !important;
  color: #ddd !important}

dialog #openHandlerBox menulist:hover {
  background: linear-gradient(#333,#555) !important;
  color: #fff !important}

dialog groupbox {
  -moz-appearance: none !important; 
  border: 1px solid #666 !important}

/* This is the "about this addon..." dialog */
#clientBox {
  background-color: #444 !important}

#clientBox label:not(#extensionName):not(#extensionCreator):not(.contributor):not(#extensionVersion):not(.sectionTitle) {
  color: var(--About-addon-text) !important}

#clientBox label:not(#extensionName):not(#extensionCreator):not(.contributor):not(#extensionVersion):not(.sectionTitle):hover {
  color: var(--About-addon-text-hover) !important}

#extensionName {color: var(--About-addon-extension-name) !important}

#groove {border-color: #222 !important}

/* This is aimed for notification popups */
window:not(#main-window):not(#CookiesDialog):not(#SignonViewerDialog) > * {
  background-color: #444 !important; 
  color: #fff !important}

/* Color for most buttons */
dialog button, toolbar[printpreview="true"] button {
  -moz-appearance: none !important;
  border-radius: 3px !important;
  background: #555 !important;
  color: #ddd !important;
  padding: 2px !important}

dialog button:hover, toolbar[printpreview="true"] button:hover {
  background: #444 !important;
  color: #fff !important}

dialog textbox, toolbar[printpreview="true"] textbox {
  transition: all 0.25s ease-in-out !important;
  -moz-appearance: none !important; 
  border: 1px solid #666 !important;
  background-color: #444 !important;
  color: #aaa !important}

dialog textbox[focused="true"], toolbar[printpreview="true"] textbox[focused="true"],
#bookmarkproperties #editBMPanel_namePicker[focused="true"], #bookmarkproperties #editBMPanel_tagsField[focused="true"] {
  box-shadow: var(--Input-field-focus-shadow) !important;
  
  background-color: #555 !important;
  color: #fff !important}

/* CUSTOMIZATION PAGE */

/* The windows default theme colors will mainly affect the customizing page (when
you aren't using the default dark theme of mozilla, that is) */
:root {
  --toolbar-bgcolor: #444 !important;
  --toolbar-non-lwt-bgcolor: #444 !important;
  --toolbar-non-lwt-textcolor: #fff !important}

/* The customization page button colors */
.customizationmode-button {
  -moz-appearance: none !important;
  border-radius: 3px !important;
  background: #555 !important;
  color: #fff !important;
  border: none !important}

.customizationmode-button:hover {
  background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;
  color: #00ffff !important}

.customization-lwtheme-menu-footeritem {
 
  color: #fff !important}

.customization-lwtheme-menu-footeritem:hover {
  background: linear-gradient(#555,#333) !important;
  color: #00ffff !important}

#customization-done-button {
  -moz-appearance: none !important;
  border-radius: 3px !important;
  background: #2050AA !important;
  color: #fff !important;
  border: none !important}

#customization-done-button:hover {
  color: #00ffff !important;
  background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important}

#customization-lwtheme-menu-footer {border-top: none !important}

/* This is a fix for systems with a custom OS theme */
.customizationmode-button {padding: 0.5em !important}
#customization-done-button {padding: 0.5em 3em 0.5em 3em !important}

/* CONTEXT MENUS */

/* Main menu colors */
/* Main menu colors */
:root {
  --panel-separator-color: rgba(255, 255, 255, 0.25) !important;
  --arrowpanel-background: #444 !important;
  --arrowpanel-color: #ccc !important;
  --arrowpanel-dimmed: rgba(255, 255, 255, 0.1) !important;
  --arrowpanel-dimmed-further: rgba(255, 255, 255, 0.25) !important;
  --arrowpanel-dimmed-even-further: rgba(255, 255, 255, 0.4) !important}


/* Little fix in case there is some addon popup text that you don't see because 
of the background (delete the /* in the end to use ->) *//*
#customizationui-widget-panel .panel-arrow {fill: #fff !important}
.webextension-popup-browser {background: #fff !important}

/* Zoom reset button on the main menu */
#appMenu-zoom-controls, #appMenu-edit-controls, #appMenu-edit-controls + toolbarseparator, #appMenu-zoom-controls + toolbarseparator, #appMenu-fxa-container, #appMenu-fxa-container + toolbarseparator {display: none !important;}

 
#urlbar-zoom-button:hover {
  background-color: none;
  color: #00ffff !important;
}

#urlbar-zoom-button {
  background-color: none;
  color: #fff !important;
}
/* This one changes the letters color of all context menus */
menu, menuitem {
  color: #fff !important;
  background: #444 !important}

/* Padding for all menu items (do NOT change unless you want an spaced or indented upon 
selection effect). The open in tabs bookmark item is added here since it also needs the 
padding that we remove in the next rule */ 
menuitem, .bookmark-item .openintabs-menuitem,
#history-menu menupopup > menu, #view-menu menupopup > menu {
  padding-top: 3px !important;
  padding-bottom: 2px !important}

/* This removes the unnecesary padding from the bookmark items */
.bookmark-item menuitem {
  padding-top: 0px !important;
  padding-bottom: 0px !important}

/* Context menu separator color override */

/* Context menu navigation tools (back, forward, reload) background color */
#context-navigation {
  -moz-appearance: none !important;
  background-color: #444 !important;
  color: #FFF !important;
  padding-bottom: 0px !important}

/* This removes the borders for the bookmark menu button next to the url bar */
#BMB_bookmarksPopup, #BMB_bookmarksPopup menupopup {border: none !important}


/* Bookmark context menu > icon color and popup allow > icon color */
.bookmark-item .menu-right, menu .menu-right, 
#identity-popup-popup-menulist .menulist-dropmarker {filter: brightness(600%) !important; margin-right: -3px !important; padding-bottom: 1px !important}

/* Drop indicator that appears when moving a bookmark in a bookmark folder color */
.menupopup-drop-indicator {background-color: #fff !important;}

/* Color of default icons on bookmark bar and bookmark popup (folder icons mainly) */
.bookmark-item > .toolbarbutton-icon[type="menu"], 
.bookmark-item[container="true"] .menu-iconic-icon {fill: var(--Bookmark-folder-icon) !important}

/* Color of default icons on bookmark bar and bookmark popup (world icon, aka not-favicon-found icon) */
.bookmark-item[scheme="http"], .bookmark-item[scheme="http"] .menu-iconic-icon {fill: var(--Bookmark-favicon-icon) !important}

/* Fix for the space above the "save as" option after the navigation buttons have been eliminated. Change 
if necessary depending on if you are using a custom OS theme (which may mess up the padding of the separators) */
#context-savepage {padding-top: 3px !important}

/* LIBRARY MENU */

/* These change top bar background color */
#placesToolbar {background-color: #555 !important}

/* These change the lists background color */
#placesView, #placesView .scrollbox-innerbox,
#infoPane, #placesList, #placeContent, 
#editBMPanel_folderTree {
  -moz-appearance: none !important; 
  background: #555 !important; 
  color: #fff !important}


/* These change the list header background and text colors */
#placeContent treecol {
  -moz-appearance: none !important; 
  background: #555 !important;
  padding: 3px !important;
  color: #fff !important;
  border-left: solid transparent !important;
  border-bottom: 0px solid #111 !important}

#placeContent treecol:hover {
  -moz-appearance: none !important; 
  background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;
  color: #00ffff !important}

/* This changes the right border on the left list panel */
#placesView > splitter {border-inline-end: 1px solid #ccc !important}

/* These change the even rows of the lists */
#placeContent tree {background-color: var(--in-content-box-background) !important}

#placeContent > splitter {border: 1px solid #222 !important}

/* This changes the forward and back buttons opacity when disabled */
#placesToolbar > toolbarbutton[disabled] > .toolbarbutton-icon {
  opacity: .25 !important}

/* This changes the forward and back buttons color */
#back-button > .toolbarbutton-icon,
#forward-button > .toolbarbutton-icon {fill: #aaa !important; opacity: 1 !important}

/* This deletes the leftover border when clicking one of the top buttons */
#placesMenu > menu {border: none !important}


/* This themes the search box */
#searchFilter {
  transition: all 0.25s ease-in-out !important;
  -moz-appearance: none !important; 
  border: 1px solid #ccc !important;
  background-color: #222 !important;
  color: #00ffff !important}

/* This themes the search box on hover */
#searchFilter[focused="true"] {
  box-shadow: var(--input-field-focus-shadow) !important;
  background-color: #222 !important;
  color: #00ffff !important} 

/* This themes the information box on the lower part of the library menu */
#detailsDeck {
  
  border-top: 1px solid #222 !important}

/* This changes the text boxes inside the library bottom information box */
#infoBox textbox, #infoBox listbox, 
/* This changes the text boxes on the popup when bookmarking a page from the url box */
#editBMPanel_namePicker, #editBMPanel_tagsField,
#editBMPanel_tagsSelector {
  transition: all 0.25s ease-in-out !important;
  -moz-appearance: none !important; 
  border: 1px solid #ccc !important;
  background-color: #444 !important;
  color: #fff !important}

/* A fix for bookmark preferences... so that some boxes won't appear brighter than others */
#bookmarkproperties #editBMPanel_namePicker, 
#bookmarkproperties #editBMPanel_tagsField,
#bookmarkproperties #editBMPanel_tagsSelector {
  background-color: #444 !important}

/* This changes the same text boxes on hover */
#infoBox textbox[focused="true"], #infoBox listbox[focused="true"],
/* This changes the same url bookmarking popup text boxes on hover */
#editBMPanel_namePicker[focused="true"], #editBMPanel_tagsField[focused="true"],
#infoBox #bookmarkproperties #editBMPanel_namePicker[focused="true"],
#infoBox #bookmarkproperties #editBMPanel_tagsField[focused="true"] {
  box-shadow: var(--Input-field-focus-shadow) !important;
  background-color: #444 !important;
  color: #fff !important}

/* This changes the buttons inside the bookmarking popup at the url star */
#editBMPanel_newFolderButton, #editBookmarkPanelDoneButton, 
#editBookmarkPanelRemoveButton, #tracking-action-unblock-private, 
#identity-popup-popup-menulist, #tracking-action-block, #tracking-action-unblock {
  -moz-appearance: none !important;
  border-radius: 3px !important;
  background: #444 !important;
  color: #fff !important;
  padding: 0.3em !important;
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important}

#editBMPanel_newFolderButton:hover,#editBookmarkPanelDoneButton:hover, 
#editBookmarkPanelRemoveButton:hover, #tracking-action-unblock-private:hover, 
#identity-popup-popup-menulist:hover, #tracking-action-block:hover, 
#tracking-action-unblock:hover { 
  background: #444 !important;
  color: #fff !important}

/* These change the expander buttons on the library and bookmarking popup */
#editBMPanel_folderMenuList, #editBMPanel_tagsSelectorExpander,
#editBMPanel_foldersExpander, #detailsDeck button {
  -moz-appearance: none !important;
  border: 1px solid #222 !important;
  background: linear-gradient(#555,#333) !important;
  color: #fff !important}

#editBMPanel_folderMenuList:hover, #editBMPanel_tagsSelectorExpander:hover, 
#editBMPanel_foldersExpander:hover, #detailsDeck button:hover {
  background: linear-gradient(#333,#555) !important;
  color: #fff !important}

#editBMPanel_folderMenuList {padding: 1px !important; color: #ddd !important}

/* PAGE INFORMATION WINDOW */

/* This themes the top bar and it's buttons */
#topBar, #certDetails {
  background: #333 !important; 
  color: #fff !important;
  border-bottom: 1px solid #222 !important}

#viewGroup > radio:hover {
  -moz-appearance: none !important;
  background-color: rgba(255,255,255,0.15) !important; 
  color: #fff !important}

#viewGroup > radio[selected="true"] {
  background-color: rgba(255,255,255,0.25) !important; 
  color: #fff !important}

/* This themes the base of the windows for all page information dialogs */
#mainDeck, #mainDeck caption, #CookiesDialog,
#SignonViewerDialog {
  -moz-appearance: none !important;
  background: #444 !important; 
  color: #fff !important}

#mainDeck textbox, #cookieInfoBox textbox {color: #aaa !important}

#mainDeck groupbox, #cookieInfoBox {
  -moz-appearance: none !important; 
  border: 1px solid #666 !important}

/* This changes the feeds items links */
#mainDeck richlistitem .text-link {-moz-appearance: none !important; color: #00aaff !important}
#mainDeck richlistitem .text-link:hover {-moz-appearance: none !important; color: #0ff !important}
#mainDeck richlistitem .text-link:active {-moz-appearance: none !important; color: #0050aa !important}
#mainDeck richlistitem .text-link:visited {-moz-appearance: none !important; color: #0050dd !important}

/* This changes the feeds items background color */
#mainDeck richlistitem {
  background: blue !important;
  color: #fff !important;
  border-bottom: 1px solid rgba(0,0,0,0.15) !important}

#mainDeck richlistitem:hover {
  background: rgba(255,255,255,0.15) !important}

/* A fix for certificates textboxes */
#certDetails textbox {
  border: none !important;
  box-shadow: none !important;
  background: #444 !important}

/* This changes the lists with a header on all windows related to the page info one */
#mainDeck tree, #imagecontainerbox, #brokenimagecontainer,
#mainDeck richlistbox, #certDetails tree, #removalList,
#certPrettyPrint textbox, #signonsTree {
  -moz-appearance: none !important;
  background: #555 !important;
  color: #fff !important;
  border: 1px solid #222 !important}

#removalList > listitem {color: #fff !important}

#removalList > listitem:hover {
  background: var(--Lists-treechildren-hover-bg) !important;
  border: var(--Lists-treechildren-hover-border) !important}

#removalList > listitem[selected="true"], #removalList > listitem[focused="true"] {
  background: var(--Lists-treechildren-selected-bg) !important;
  border: var(--Lists-treechildren-selected-border) !important}

#mainDeck treechildren::-moz-tree-row(odd), #cookiesList treechildren::-moz-tree-row(odd),
#certDetails treechildren::-moz-tree-row(odd), #signonsTree treechildren::-moz-tree-row(odd) {
  background-image: linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.25)) !important}

#nameCol, #certDetails {border: none !important}

/* These theme the header of the lists on all windows related to the page info one */
#mainDeck treecol, #cookiesList treecol, #signonsTree treecol {
  -moz-appearance: none !important; 
  background: #333 !important;
  padding: 3px !important;
  color: #fff !important;
  border-right: 1px solid #222 !important;
  border-bottom: 1px solid #222 !important}

#mainDeck treecol:hover, #cookiesList treecol:hover, 
#signonsTree treecol:hover {
  -moz-appearance: none !important; 
  background: rgba(255,255,255, 0.15) !important;
  color: #00ffff !important}

#mediaPanel treecols *, #signonsTree treecols * {-moz-appearance: none !important}
#mediaPanel treecols, #signonsTree treecols {background: #333 !important}

/* This themes the buttons on the main information window */
#mainDeck button, #certDetails button {
  -moz-appearance: none !important;
  border-radius: 3px !important;
  background: #555 !important;
  color: #fff !important;
  padding: 0.3em !important}

#mainDeck button:hover {
  background: #333 !important;
  color: #00ffff !important}

#certDetails button:hover {
  background: #555 !important;
  color: #00ffff !important}

/* This themes the permissions list */
#permList {
  -moz-appearance: none !important; 
  border: 1px solid #222 !important;
  background: #505050 !important;
  color: #ddd !important}

#permList vbox:hover {
  -moz-appearance: none !important;
  background: rgba(0,0,0, 0.15) !important;
  color: #fff !important}

/* This themes the cookies and the passwords window search box */
#CookiesDialog #filter, #SignonViewerDialog #filter {
  transition: all 0.25s ease-in-out !important;
  -moz-appearance: none !important; 
  border: 1px solid #666 !important;
  background-color: #555 !important;
  color: #aaa !important}

/* This themes the search box on hover */
#CookiesDialog #filter[focused="true"], #SignonViewerDialog #filter[focused="true"] {
  box-shadow: var(--input-field-focus-shadow) !important;
  background-color: #666 !important;
  color: #fff !important}

/* This themes the buttons on the cookies and passwords window */
#CookiesDialog button, #SignonViewerDialog button {  
  -moz-appearance: none !important;
  border-radius: 3px !important;
  background: #666 !important;
  color: #ddd !important;
  padding: 0.3em !important}

#CookiesDialog button:hover, #SignonViewerDialog button:hover {
  background: #333 !important;
  color: #fff !important}

textbox *|input::-moz-selection {
    color: #fff !important;
    background-color: blue !important;
}

textbox *|input {
    color: #00FFFF !important;
    
}
/* These are the certificates window tabs */
#certDetails tabpanels, #certDetails tab, #printPageSetupDialog tab, 
#printPageSetupDialog tabpanels {
  -moz-appearance: none !important;
  background: #444 !important;
  color: #ddd !important;
  border-left: 1px solid #555 !important;
  border-right: 1px solid #555 !important}

#certDetails tab {border-top: 1px solid #555 !important}
#certDetails tabpanels {border-bottom: 1px solid #555 !important}

/* The certificate window text boxes*/
#certDetails tabpanels textbox {color: #aaa !important}

#verify_info_box textbox {
  -moz-appearance: none !important; 
  background: #555 !important;
  border: 1px solid #666 !important}

/* Sanitizer window */
#itemList, #sanitizeEverythingWarningBox {
  -moz-appearance:none !important;
  background-color: #333 !important;
  border-color: transparent !important}

#itemList listitem {color: #fff !important}
#itemList listitem[selected="true"] {
  background: #555 !important;
  border-color: transparent !important}
  
/* AUTOCOMPLETE COLORS */

/* This changes the autocomplete popup borders */
#PopupAutoCompleteRichResult, #PopupSearchAutoComplete, #PopupAutoComplete
{border: 1px solid highlight; margin-top: -1px !important; cursor: pointer !important;}

/* This changes the autocomplete background color of the URL bar */
.autocomplete-richlistbox,
/* Changes the color of searchbox  old searches (Continues from above) */
.search-panel-tree {background-color: #222 !important}

/* Changes the color of the highlighted item (only the selected one) on the url and searchbar */
.autocomplete-richlistitem[selected="true"], 
.search-panel-tree > .autocomplete-treebody::-moz-tree-cell(fromhistory, selected)
{background-color: blue !important; border: none !important; cursor: pointer !important;}

.autocomplete-richlistitem[selected="true"]:hover
{background: linear-gradient(#FF0, #0000E8, #FF0) !important;}

/* Changes the color of the autocomplete on the URL bar */
#PopupAutoCompleteRichResult .ac-title-text,
#PopupAutoCompleteRichResult .ac-tags-text,
#PopupAutoCompleteRichResult .ac-action-text,

/* Changes the color of the autocomplete on web area inputs (Continues from above) */
.autocomplete-richlistbox .ac-action-text, 
.autocomplete-richlistbox .ac-tags-text,
.autocomplete-richlistbox .ac-title-text,

/* Changes the color of search old searches (Continues from above) */
.search-panel-tree 
{color: #fff !important; cursor: pointer !important;}


/* The search autocomplete "-" lines */
.ac-separator {color: #fff !important}


/* Changes the color of header of the search option */
.search-panel-header, .addengine-item {
  background-color: #222 !important;
  color: #fff !important}



/* SIDEBAR */
#customization-panelWrapper > .panel-arrowcontent .toolbarbutton-1 {
    fill: white !important;
}
#customization-panelWrapper > .panel-arrowcontent {
    color: white !important;
    cursor: pointer !important;
    background-color: #333 !important;
    border: 1px solid #ccc !important; 
    border-radius: 1px !important;
}

#viewButton:hover {
  color: #00ffff !important;
  -moz-appearance: none !important;
  background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;
}
/* These change the color of the sidebar */
#sidebar-header {
  color: #fff !important;
  background-color: #555 !important;
  -moz-appearance: none !important;
  border-bottom: none !important} 

#sidebar-header:hover {
  color: #00ffff !important;
  background: linear-gradient(rgb(72, 85, 108),rgb(20, 25, 34)) !important;
  -moz-appearance: none !important;
  border-bottom: none !important} 

#sidebar-search-container, #sidebar, .sidebar-placesTree {
  -moz-appearance: none !important;
  cursor: pointer !important;
  background-color: #555 !important;
  color: #fff !important}

.sidebar-splitter {
  border-inline-end: 2px solid blue !important;
  -moz-appearance: none !important}

treechildren::-moz-tree-separator {border-color: var(--arrowpanel-dimmed-further) !important}


/* Items inside the sidebar (treechildren) are located in the general colors section of this file now */

/* This changes the sidebar searchbar */
#sidebar-search-container #search-box {
  -moz-appearance: none !important;
  background-color: #222 !important;
  border: 1px solid #ccc !important}



toolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active) > .toolbarbutton-icon,
toolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active) > .toolbarbutton-text,
toolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active) > .toolbarbutton-badge-stack {

    color: inherit;
    fill: orange !important;
    fill-opacity: 1 !important;
}

toolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-icon,
toolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-text,
toolbar .toolbarbutton-1:not([disabled=true]):not([checked]):not([open]):not(:active):hover > .toolbarbutton-badge-stack {
  
  fill: blue !important;
  fill-opacity: 1 !important;
  color: inherit;                                                    
}

#clearDownloadsButton:not([disabled="true"]) {
  color: white !important;
}
#clearDownloadsButton:not([disabled="true"]):hover {                           
  color: #00ffff !important;
}

#downloadsHistory:not([disabled="true"]):hover {                           
  color: #00ffff !important;
}
#downloadsRichListBox:empty {
  -moz-appearance: none !important;
  
  color: #00fff !important;
  background-color: #555 !important;
}

.downloadButton:not([disabled="true"]):hover,
.downloadButton:not([disabled="true"]):hover:active,
.downloadButton:not([disabled]):hover:active {
  background-color: #444 !important;
  color: #00ffff !important;
}

#downloadsRichListBox > richlistitem[selected] {
    margin-right: 1px !important;
    margin-left: -1px !important;
    border: 1px solid #ccc !important;
    color: yellow !important;
    background-color: #444 !important;
)
)

Отсутствует

 

№610623-06-2019 00:40:59

usalex
Участник
 
Группа: Members
Зарегистрирован: 17-05-2016
Сообщений: 47
UA: Firefox 67.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Использую (с огромной благодарностью) ваш стиль для боковой панели закладок и для меню закладок.
В текущем лисе 67.04 всё работает замечательно, но в 69 стиль применяется только к боковой панели, а для меню закладок (которое вызывается нажатием подчеркнутой звездочки) не срабатывает мой кастомный шрифт.
Не могли бы посмотреть и подправить?
Вот этот стиль, которым я пользуюсь:

скрытый текст

Выделить код

Код:

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url("chrome://browser/content/browser.xhtml"), url("chrome://browser/content/browser.xul") {
#sidebar-box {
    --v-sidebar-min-width: 2px;
    --v-sidebar-min-width-normal: 5px;
    --v-sidebar-max-width: 30em;
    --v-sidebar-transition-delay-show: .0s;
    --v-sidebar-transition-delay-hide: .0s;
    --v-sidebar-transition-duration: .0s;
    /* ********************************************** */

    position: relative !important;
    z-index: 2 !important;
    min-width: var(--v-sidebar-max-width) !important;
    width: var(--v-sidebar-max-width) !important;
    max-width: var(--v-sidebar-max-width) !important;
    overflow: hidden !important;
    opacity: 0 !important;
    --v-sidebar-margin-max-width: calc(-1 * var(--v-sidebar-max-width));
    --v-sidebar-margin-left-locale-dir: 0;
    --v-sidebar-margin-right-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-transform-locale-dir: -1;
    margin-left: var(--v-sidebar-margin-left-locale-dir) !important;
    margin-right: var(--v-sidebar-margin-right-locale-dir) !important;
    transform: translateX(calc(var(--v-sidebar-transform-locale-dir) * (var(--v-sidebar-max-width) - var(--v-sidebar-min-width)))) !important;
    transition-timing-function: linear, step-start !important;
    transition-delay: var(--v-sidebar-transition-delay-hide), calc(var(--v-sidebar-transition-delay-hide) + var(--v-sidebar-transition-duration)) !important;
    transition-duration: var(--v-sidebar-transition-duration), 0s !important;
    transition-property: transform, opacity !important;
    -moz-binding: url("data:text/xml;charset=utf-8,<bindings xmlns='http://www.mozilla.org/xbl'><binding id='sidebar'><handlers><handler event='dragenter'><![CDATA[ if (!this.hasAttribute('sidebardrag')) this.setAttribute('sidebardrag', 'true'); ]]></handler><handler event='drop'><![CDATA[ if (this.hasAttribute('sidebardrag')) this.removeAttribute('sidebardrag'); ]]></handler><handler event='dragexit'><![CDATA[ var boxObj = this.boxObject; if ((!event.relatedTarget || event.screenY <= (boxObj.screenY + 5) || event.screenY  >= (boxObj.screenY + boxObj.height - 5) || event.screenX <= (boxObj.screenX + 5) || event.screenX >= (boxObj.screenX + boxObj.width - 5)) && this.hasAttribute('sidebardrag')) this.removeAttribute('sidebardrag'); ]]></handler></handlers></binding></bindings>#sidebar") !important;
}

#sidebar-box[ordinal][positionend="true"],
#sidebar-box:-moz-locale-dir(rtl) {
    --v-sidebar-margin-left-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-margin-right-locale-dir: 0;
    --v-sidebar-transform-locale-dir: 1;
}

#sidebar-box[ordinal][positionend="true"]:-moz-locale-dir(rtl) {
    --v-sidebar-margin-left-locale-dir: 0;
    --v-sidebar-margin-right-locale-dir: var(--v-sidebar-margin-max-width);
    --v-sidebar-transform-locale-dir: -1;
}

#main-window[sizemode="normal"] #sidebar-box {
    --v-sidebar-min-width: var(--v-sidebar-min-width-normal) !important;
}

#browser > *:not(#appcontent):hover ~ #sidebar-box[ordinal]:not([positionend="true"]),
#sidebar-box:hover,
#sidebar-box[sidebardrag] {
    transform: translateX(0) !important;
    opacity: 1 !important;
    transition-delay: var(--v-sidebar-transition-delay-show) !important;
}

#main-window #browser > #sidebar-splitter {
    -moz-appearance: none !important;
    visibility: collapse !important;
    padding: 0 !important;
    border: none !important;
    width: 0 !important;
}

#sidebar-box > #sidebar {
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    -moz-box-flex: 1 !important;
}
}

@-moz-document url("chrome://browser/content/browser.xul") {

@font-face {
    font-family: "Custom";
    src: url("./fonts/Lucida.ttf");
}

#BMB_bookmarksPopup, #bookmarksMenuPopup,
#BMB_bookmarksPopup menupopup, #bookmarksMenuPopup menupopup {
    font-family: "Custom" !important;
    font-size:  16px !important;
}

#BMB_bookmarksPopup .subviewbutton {
    min-height: 18px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

}

@-moz-document url-prefix("chrome://browser/content/places/") {

@font-face {
    font-family: "Custom";
    src: url("./fonts/Lucida.ttf");
}

#bookmarksPanel {
    font-family: "Custom" !important;
    font-size:  16px !important;
}

}

Отсутствует

 

№610723-06-2019 01:35:11

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1096
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

usalex пишет:

}

@-moz-document url("chrome://browser/content/browser.xul") {

Удалите это, и должно заработать

Отсутствует

 

№610823-06-2019 03:00:59

usalex
Участник
 
Группа: Members
Зарегистрирован: 17-05-2016
Сообщений: 47
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V. пишет:

должно заработать

Да!
Теперь полный порядок в 69
Спасибо большое!

Отсутствует

 

№610924-06-2019 14:25:22

dreamkz
Uchastnik
 
Группа: Members
Зарегистрирован: 04-03-2009
Сообщений: 590
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

1) Воспользовался стилем по обводке открытой вкладки, но почему-то на пару пикселей обводка вылазит за границы вкладки с правой стороны. Помогите, пожалуйста, исправить. Какие только параметры не ставил, всё равно обводка по вылазит за правую границу:

Изменить цвет активной вкладки, где рх перед солид это пиксели ширина этой обводки
tab{
-moz-appearance: none !important;
}
tab[selected="true"] {
background-color: transparent !important;
border-radius: 2px 2px 2px 2px !important;
border: 2px solid #9494b8 !important;
}

http://www.fastpic.info/image/20190624/386982d2fa_tn.gif

2) Сломался стиль, который убирал превьюшки страниц при перетаскивании вкладок.

Отсутствует

 

№611025-06-2019 09:55:06

OmTatSat
Участник
 
Группа: Members
Зарегистрирован: 25-06-2015
Сообщений: 70
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

Здравстуйте, подскажите пожалуйста как редактировать about:addons в Firefox 68?
пробую через usercontent

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xul), url-prefix(about:addons) {
.addon.card {
    margin-bottom: 0px!important;
}
 
}

не работает

Отсутствует

 

№611125-06-2019 10:02:23

Acid Crash
Участник
 
Группа: Members
Зарегистрирован: 03-11-2013
Сообщений: 277
UA: Firefox 67.0

Re: Настройка внешнего вида Firefox в userChrome.css

OmTatSat пишет:

Здравстуйте, подскажите пожалуйста как редактировать about:addons в Firefox 68?
пробую через usercontent

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xul), url-prefix(about:addons) {
.addon.card {
    margin-bottom: 0px!important;
}
 
}
не работает

Приветствую.
68 под рукой нет, в 69 у меня вот это работет (через userContent.css).

Выделить код

Код:

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xul), url-prefix(about:addons), url-prefix(chrome://mozapps/content/extensions/aboutaddons.html), url-prefix(chrome://mozapps/content/extensions/shortcuts.html) {

}

Отредактировано Acid Crash (25-06-2019 10:02:52)

Отсутствует

 

№611227-06-2019 10:56:45

OmTatSat
Участник
 
Группа: Members
Зарегистрирован: 25-06-2015
Сообщений: 70
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

Приветствую.
68 под рукой нет, в 69 у меня вот это работет (через userContent.css).

Выделить код

Код:

@-moz-document url-prefix(chrome://mozapps/content/extensions/extensions.xul), url-prefix(about:addons), url-prefix(chrome://mozapps/content/extensions/aboutaddons.html), url-prefix(chrome://mozapps/content/extensions/shortcuts.html) {

}

Круто! Спасибо огромное, заработало!)

Отредактировано OmTatSat (27-06-2019 10:57:58)

Отсутствует

 

№611327-06-2019 11:43:25

OmTatSat
Участник
 
Группа: Members
Зарегистрирован: 25-06-2015
Сообщений: 70
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

del

Отредактировано OmTatSat (01-07-2019 16:30:22)

Отсутствует

 

№611428-06-2019 10:59:40

sandro79
Участник
 
Группа: Members
Откуда: Гиперборея
Зарегистрирован: 15-11-2017
Сообщений: 601
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Доброго Здравия! В очередной раз перестал работать стиль выпадающего списка адресной строки. Да, не хватило надолго, к сожалению, опять что-то поменяли. Проверял также и на чистом профиле один только этот код - безрезультатно. Подскажите пожалуйста, где и что заменить может, если возможно, буду признателен.
Виталий и подскажите пожалуйста, как немного уменьшить отступы по краям строки поиска, выделено на снимке ниже прямоугольниками. До недавнего времени использовал часть кода взятого из стиля на форуме #urlbar, .searchbar-textbox { margin: 1.5px !important; }, может это было не совсем правильно, но работало. Заранее Спасибо.

скрытый текст
Вообще не могу понять, как такое могло придти в голову разработчикам, может и есть какой-то непонятный простым пользователям профит от списка на всё окно браузера, но даже ни в одном хромоклоне не додумались реализовать такое чудо. Ну им видней конечно. Хорошо ещё поддержку стилей не выкинули, не зря мы видимо голосовали.https://a.radikal.ru/a18/1906/bf/915431ca6075.pngabout:addons в 69 тоже здорово перелопатили, стили от Ариса отвалились, список дополнений растянулся, ну не страшно туда захожу не часто.https://c.radikal.ru/c18/1906/8b/c898a47b0467.png


Включение поддержки стилей в 69+ toolkit.legacyUserProfileCustomizations.stylesheets — true

Отсутствует

 

№611528-06-2019 17:59:21

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1096
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

sandro79 пишет:

перестал работать стиль

Пока ничего серьёзного всего лишь селектор, изменил на #urlbar > .urlbar-history-dropmarker

sandro79 пишет:

как немного уменьшить отступы по краям строки

скрытый текст

Выделить код

Код:

#urlbar-search-splitter {
    min-width: 4px !important;
    width: 4px !important;
    margin: 0 -2px !important;
}

#urlbar, #searchbar {
    margin-left: 1px !important;
    margin-right: 1px !important;
}

#searchbar .searchbar-textbox {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

Отсутствует

 

№611628-06-2019 19:38:18

sandro79
Участник
 
Группа: Members
Откуда: Гиперборея
Зарегистрирован: 15-11-2017
Сообщений: 601
UA: Firefox 69.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Виталий, Огромное Вам Спасибо! :beer: Теперь всё в порядке.

Фотоотчёт
https://d.radikal.ru/d27/1906/b4/7bd6b7f46714.png


Включение поддержки стилей в 69+ toolkit.legacyUserProfileCustomizations.stylesheets — true

Отсутствует

 

№611728-06-2019 23:11:52

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 211
UA: Firefox 67.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.

Пока ничего серьёзного всего лишь селектор, изменил на #urlbar > .urlbar-history-dropmarker

Виталий, а в FF 68 этот стиль с измененным селектором работать будет? Разумеется, у меня есть Ваш стиль для 68-ой версии, но работать лучше на упреждение.

Отсутствует

 

№611828-06-2019 23:29:12

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1096
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

ofizer
Да конечно для 68+, иначе бы я сделал пост с новым стилем, а не исправлял его

Отредактировано Vitaliy V. (28-06-2019 23:29:30)

Отсутствует

 

№611929-06-2019 01:19:25

ofizer
Участник
 
Группа: Members
Зарегистрирован: 17-08-2013
Сообщений: 211
UA: Firefox 67.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Вас понял, Виталий. Спасибо!

Отсутствует

 

№612029-06-2019 01:56:19

AlAvis
Участник
 
Группа: Members
Зарегистрирован: 16-06-2014
Сообщений: 333
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
А можно ли уменьшить панельку урлбара "искать в" и кнопками поисковиков до пространства занятого иконками и шестерёнкой ? По ширине . Подсказки отключены . Пустые иконки скрыты .
Фокс 68й .

Отредактировано AlAvis (29-06-2019 02:10:24)

Отсутствует

 

№612129-06-2019 13:37:54

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1096
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

AlAvis
Панель "искать в" хотите сделать в один ряд с панелью поисковиков, так что ли?
Или я не понял.

Отсутствует

 

№612229-06-2019 16:11:07

AlAvis
Участник
 
Группа: Members
Зарегистрирован: 16-06-2014
Сообщений: 333
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

Vitaliy V.
Панелька .search-panel-one-offs по длине что бы равна была иконкам поисковиков + шестерёнка , а не во всю длину .

Отсутствует

 

№612329-06-2019 18:33:34

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1096
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

AlAvis
Не вижу смысла, ну допустим панель не во всю длину, какая разница место все равно займет.
Лучше скрыть её всё равно толку от неё мало.

Отсутствует

 

№612429-06-2019 22:49:54

OmTatSat
Участник
 
Группа: Members
Зарегистрирован: 25-06-2015
Сообщений: 70
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

AlAvis пишет:

Vitaliy V.
Панелька .search-panel-one-offs по длине что бы равна была иконкам поисковиков + шестерёнка , а не во всю длину .

Вот, у меня работает

Выделить код

Код:

#search-container{
    min-width:5px!important;
    max-width:40px!important;
    padding:0px!important;

}
#search-container:hover,
#search-container:focus-within {
    min-width:5px!important;
    max-width:200px!important;
    padding:0px!important;
}
#search-container .searchbar-textbox .searchbar-search-icon{
border: none !important;
border-radius: 2px !important;
margin: 0px !important;
padding: 1px !important;
}
#search-container:hover .searchbar-textbox .searchbar-search-icon,
#search-container .searchbar-textbox[focused] .searchbar-search-icon {
margin: 0px !important;
}

#search-container .searchbar-textbox {
    min-width:5px!important;
    overflow:hidden!important;
    transition: min-width .1s !important;
}
#search-container:hover .searchbar-textbox, #search-container .searchbar-textbox[focused] {
    min-width:100px!important;
    -moz-transition-delay:100ms!important;
    padding:0px!important;
}

Отсутствует

 

№612529-06-2019 23:54:19

Vitaliy V.
Участник
 
Группа: Members
Зарегистрирован: 19-09-2014
Сообщений: 1096
UA: Firefox 68.0

Re: Настройка внешнего вида Firefox в userChrome.css

OmTatSat пишет:

Вот, у меня работает #search-container{...

речь совсем не об этом

Отсутствует

 

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2011 Mozilla Russia
Язык отображения форума: [Русский] [English]