Statusleiste

Klausi

Um die Leiste unten ging es doch garnicht bei dem Problem, sondern um den Linkhintergrund der tiefschwarz war

Ich hab noch einige Stunden dran gebastelt um es hinzubiegen aber ja, alle Änderungen hatten nichts gebracht, so dass ich am Ende das komplette Theme inkl den ganzen Dateien und co, gelöscht habe. Ich vermute mal, in der usercontent.css war wohl irgendwas noch drin, keine Ahnung.

Mit einer leeren userchrome.css und ohne eine usercontent.css ging es dann ohne Probleme und aktuell ist zumindest bei der Leiste alles wie gewüscht. Danke dafür

Ich habe mir dann per Google und co, verschiedene Codes für meine Änderungen rausgesucht und zu 90% bin ich auch fertig mit meinem persönlichen (Full) Dark theme nun. 1-2-3 Probleme bestehen noch aber die Versuche ich erstmal selber zu lösen und wenn nicht, melde ich mich (es sei denn, jemand hat z.B eine schnelle Lösung für die blaue Umrahmung im Suchfeld neben der Adressbar und bei Strg+f Suche)

Ansonsten würde ich gerne mal meine userchrome.css posten und vielleicht kann ja mal einer drüber schauen, ob der verwendete Code gut und effizent ist

CSS

@import url(userChrome_Fx56_bookmark_icons.css);
/* Disables resizing of the URLbar completely */
#urlbar[breakout-extend] {
  width: 100% !important;
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0 !important;
}

#urlbar[breakout-extend] > #urlbar-input-container {
  min-height: var(--urlbar-height) !important;
  height: 100% !important;
  padding-inline: 0 !important;
  padding-block: 0 !important;
}

#urlbar[breakout-extend] > #urlbar-background {
  box-shadow: none !important;
}
/* Gruenes Pluszeichen Suche */
.searchbar-search-button[addengines="true"] > .searchbar-search-icon-overlay { display: none; }
/* Linie ueber dem Tab */
.tab-line { display: none !important; }
/* Enlarge Search Bar Suggestions */
#PopupSearchAutoComplete .autocomplete-richlistbox {
  font-size: 1.1em !important;
}
/* Statusleiste unten Aussehen */
#statuspanel {
-moz-box-ordinal-group: 100 !important;
border: white !important;
margin-top: -35px !important;
}

#statuspanel-label {
margin-bottom: -20px !important;
border: white !important;
background: transparent !important;
}
/* Tabs unter Lesezeichen */
@-moz-document url(chrome://browser/content/browser.xhtml) {

#TabsToolbar {
    position: absolute !important;
    display:block !important;
    bottom: 0 !important;
    width: 100vw !important;
    }

#tabbrowser-tabs {
    width: 100vw !important;
    }

#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: var(--tab-min-height) !important;
    }

:root {
    --tab-min-height: 35px !important;
    }

:root #tabbrowser-tabs {
    --tab-min-height: 35px !important;
    }
}
/* Blaue Umrahmung Url / Search box */
#urlbar-background,
#urlbar-container,
.urlbar-input-box {
border: none !important;
}
/* Lautsprechersymbol */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

.tab-icon-overlay[soundplaying][pinned],
.tab-icon-overlay[muted][pinned],
.tab-icon-overlay[activemedia-blocked][pinned] { display:none!important; }

.tab-icon-sound[pinned] { display:none !important; }
.tab-icon-sound { display:none !important; }
/* Top Bar Display or Not */
:root {
  --mbarstyler-top-bar-display: none; /* [block,none] */
 }
/* Blaues Feld URL */
.urlbarView-row:first-of-type {
  display: var(--mbarstyler-top-bar-display) !important;
}
/* Dark context menus */

  :root {
    --uc-menu-bkgnd: rgb(46, 46, 46);
    --uc-menu-color: rgb(249, 249, 250);
    --uc-menu-dimmed: rgba(249, 249, 250, 0.1);
    --uc-menu-disabled: rgba(249, 249, 250, 0.5);
    --uc-menu-separator: rgba(249, 249, 250, 0.1);
    --uc-menu-border: rgba(249, 249, 250, 0.1);
    --arrowpanel-background: rgb(46, 46, 46) !important;
    --arrowpanel-dimmed: rgba(249,249,250,.1) !important;
    --arrowpanel-dimmed-further: rgba(249,249,250,.15) !important;
    --arrowpanel-dimmed-even-further: rgba(249,249,250,.20) !important;
    --arrowpanel-border-color: rgba(249, 249, 250, 0.1) !important;
  }

  .subviewbutton.panel-subview-footer, .panel-footer {
    background: var(--arrowpanel-background) !important;
  }

  menuitem.panel-subview-footer:not(:is([disabled], :active))[_moz-menuactive],
  .subviewbutton.panel-subview-footer:not(:is([disabled], [open], :active)):is(:hover, :focus) {
    background: var(--arrowpanel-dimmed) !important;
  }

  menuitem.panel-subview-footer:not([disabled])[_moz-menuactive]:active,
  .subviewbutton.panel-subview-footer:not([disabled]):is([open], :hover:active) {
    background: var(--arrowpanel-dimmed-further) !important;
    box-shadow: none !important;
  }

  menupopup,
  menu,
  menuitem,
  menucaption {
    -moz-appearance: none !important;
  }

  menu,
  menuitem,
  menucaption {
    min-height: 1.8em;
  }

  .bookmark-item,
  .menu-iconic,
  .menuitem-iconic {
    max-height: 24px !important;
    line-height: 16px !important;
    border: none !important;
  }

  .menu-accel,
  .menu-iconic-accel,
  .menu-text,
  .menu-iconic-text,
  .menu-iconic-highlightable-text {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  #context-navigation .menuitem-iconic {
    max-height: none !important;
  }

  menupopup:not(.PanelUI-subView),
  #main-menubar>menu>menupopup,
  #context-navigation,
  menucaption {
    color: var(--uc-menu-color) !important;
    background: var(--uc-menu-bkgnd) !important;
    border-color: var(--uc-menu-border) !important;
  }

  .menu-iconic-left,
  .menu-iconic-text,
  .menu-iconic-highlightable-text {
    color: var(--uc-menu-color) !important;
  }

  menu:hover:not(.panel-subview-footer),
  menu[_moz-menuactive]:not(.panel-subview-footer),
  menu[open]:not(.panel-subview-footer),
  menuitem:hover:not(.panel-subview-footer),
  menuitem[_moz-menuactive]:not(.panel-subview-footer) {
    background-color: var(--uc-menu-dimmed) !important;
    color: inherit !important;
  }

  menu:not(.subviewbutton)>.menu-right {
    filter: invert(1);
  }

  menu:not(.subviewbutton)[disabled="true"]>.menu-right {
    filter: none;
    color: var(--uc-menu-disabled) !important;
  }

  .menu-iconic-left[disabled="true"],
  .menu-iconic-text[disabled="true"],
  .menu-iconic-highlightable-text[disabled="true"],
  .bookmark-item[disabled="true"],
  .menu-iconic[disabled="true"],
  .menuitem-iconic[disabled="true"],
  menu[disabled="true"],
  menuitem[disabled="true"],
  menucaption[disabled="true"],
  .menu-iconic-left[disabled="true"][_moz-menuactive],
  .menu-iconic-text[disabled="true"][_moz-menuactive],
  .bookmark-item[disabled="true"][_moz-menuactive],
  .menu-iconic[disabled="true"][_moz-menuactive],
  .menuitem-iconic[disabled="true"][_moz-menuactive],
  menu[disabled="true"][_moz-menuactive],
  menucaption[disabled="true"][_moz-menuactive],
  menuitem[disabled="true"][_moz-menuactive] {
    color: var(--uc-menu-disabled) !important;
  }

  menupopup:not(.PanelUI-subView) {
    padding: 4px 0px !important;
  }

  menupopup menuitem:not(.subviewbutton),
  menupopup menu:not(.subviewbutton),
  #contentAreaContextMenu menuitem,
  #contentAreaContextMenu menu {
    padding: 4px 8px !important;
  }

  #context-navigation {
    padding: 0px !important;
  }

  #BMB_bookmarksPopup menupopup[placespopup="true"] {
    background: transparent !important;
  }

  menuseparator:not(.PanelUI-subView) {
    -moz-appearance: none !important;
    margin: 4px 10px !important;
    height: 1px !important;
    border: none !important;
    background: var(--uc-menu-separator) !important;
    padding: 0 !important
  }

  treechildren::-moz-tree-separator {
    border-color: var(--uc-menu-separator) !important;
    border-bottom: none !important;
  }

  .PanelUI-subView menuseparator,
  #context-sep-navigation {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .PanelUI-subView menuseparator.small-separator {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .panel-subview-body {
    padding: 4px 0 !important;
  }

  #widget-overflow-mainView>.panel-subview-body>toolbarseparator,
  .PanelUI-subView menuseparator,
  .PanelUI-subView toolbarseparator,
  .cui-widget-panelview menuseparator,
  .cui-widget-panel toolbarseparator {
    margin: 4px 0 !important;
  }

  .PanelUI-subView toolbarseparator[orient="vertical"] {
    margin-inline-start: 6px !important;
    margin-inline-end: 7px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  toolbaritem#appMenu-fxa-container.toolbaritem-combined-buttons {
    margin-inline-end: 0px !important;
  }

  .customization-uidensity-menuitem {
    max-height: none !important;
  }

  toolbarbutton.subviewbutton.highlight.subviewbutton-iconic.bookmark-item {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  /* Remove Page Actions Menu */
#pageActionButton {
  display: none !important;
}

Alles anzeigen

2002Andreas

Zitat von Klausi

Umrahmung im Suchfeld neben der Adressbar und bei Strg+f Suche)

Meinst du das so?

CSS

input.findbar-textbox:focus-within {
    border-color: grey !important; 
    border-width: 1px !important; 
}

#searchbar:focus-within {
    border-color: transparent !important; 
    border-width: 1px !important; 
}

Klausi

Japp, perferkt. Danke

Restlichen Sachen versuche ich aber wie geschrieben erstmal selber zu lösen^^ Ich melde mich wieder wenn es ich nicht schaffe

Danke nochmal für eure tolle Hilfen hier

2002Andreas

Zitat von Klausi

Ich melde mich wieder wenn es ich nicht schaffe

Mach das...viel Erfolg dann

Edit:

Dann aber bitte einen neuen eigenen Thread erstellen.

Boersenfeger

Moin, mit der Version 118.0 funktioniert das Script der Statusleiste nicht mehr korrekt. Diese wird zwar angezeigt aber am falschen Platz..

Im aktuellen Nightly 120 erscheint sie da, wo sie sein soll, nämlich unten

Für beide Browser-Versionen nutze ich das selbe Script:

JavaScript

/* Statusleiste für Firefox */

// https://www.camp-firefox.de/forum/viewtopic.php?p=1052187&sid=d4e33b574226439c26dfb45629b71369#p1052187
// entwickelt von aborix 

(function() {

  if (location != AppConstants.BROWSER_CHROME_URL)
    return;
  
  var css =`
    #new-toolbar {
        height: 28px; 
        direction: rtl;
        -moz-window-dragging: no-drag;
        /* border-top: 1px solid black !important; 
        background-color: rgba(0,0,0,0) !important;
        color: black !important; */
    }
    
    #statuspanel {
        bottom: -3px !important;
        left: 0 !important;
        height: 24px !important;
        max-width: 75% !important;
        transition: none !important;
    }
    
    #statuspanel-label{
        background:#7598ff!important;
        border: none !important;
        font: 17px Arial Rounded MT Bold !important;
        font-weight: normal !important;
        color: black !important;
    }
  `;
  
  var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
  var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
  sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);
  
  var tb = document.createXULElement('toolbar');
  tb.id = 'new-toolbar';
  tb.setAttribute('customizable', true);
  tb.setAttribute('mode', 'icons');

  var vbox  = document.createXULElement('vbox');
  document.getElementById('navigator-toolbox').parentNode.insertBefore(
  vbox, document.getElementById('browser-bottombox'));
  vbox.style.backgroundColor = '#ffe4c4';
  vbox.appendChild(tb);

  CustomizableUI.registerArea('new-toolbar', {legacy: true});
  CustomizableUI.registerToolbarNode(tb);  
   
})();

setTimeout(function() {
    if (window.__SSi == 'window0')
      return;
    let tabbar = document.getElementById('TabsToolbar');     
    let tab = gBrowser.selectedTab;
    tabbar.style.display = '-moz-box';
    duplicateTabIn(tab, 'tab');
    gBrowser.moveTabTo(gBrowser.selectedTab, tab._tPos);
    gBrowser.removeTab(tab);
    tabbar.style.display = ''; 
  }, 1500);

Alles anzeigen

Muss da ggf. für die 118.0 was verändert werden?

2002Andreas

Zitat von Boersenfeger

Muss da ggf. für die 118.0 was verändert werden?

Teste bitte:

JavaScript

/* Statusleiste für Firefox */

// https://www.camp-firefox.de/forum/viewtopic.php?p=1052187&sid=d4e33b574226439c26dfb45629b71369#p1052187
// entwickelt von aborix 

(function() {

  if (location != AppConstants.BROWSER_CHROME_URL)
    return;
  
  var css =`
    #new-toolbar {
        height: 28px; 
        direction: rtl;
        -moz-window-dragging: no-drag;
        /* border-top: 1px solid black !important; 
        background-color: rgba(0,0,0,0) !important;
        color: black !important; */
    }
    
    #statuspanel {
        bottom: -3px !important;
        left: 0 !important;
        height: 24px !important;
        max-width: 75% !important;
        transition: none !important;
    }
    
    #statuspanel-label{
        background:#7598ff!important;
        border: none !important;
        font: 17px Arial Rounded MT Bold !important;
        font-weight: normal !important;
        color: black !important;
    }
  `;
  
  var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
  var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
  sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);
  
  var tb = document.createXULElement('toolbar');
  tb.id = 'new-toolbar';
  tb.setAttribute('customizable', true);
  tb.setAttribute('mode', 'icons');

  var vbox  = document.createXULElement('vbox');
  document.getElementById('navigator-toolbox').parentNode.parentNode.insertBefore(
  vbox, document.getElementById('browser-bottombox'));
  vbox.style.backgroundColor = '#ffe4c4';
  vbox.appendChild(tb);

  CustomizableUI.registerArea('new-toolbar', {legacy: true});
  CustomizableUI.registerToolbarNode(tb);  
   
})();

setTimeout(function() {
    if (window.__SSi == 'window0')
      return;
    let tabbar = document.getElementById('TabsToolbar');     
    let tab = gBrowser.selectedTab;
    tabbar.style.display = '-moz-box';
    duplicateTabIn(tab, 'tab');
    gBrowser.moveTabTo(gBrowser.selectedTab, tab._tPos);
    gBrowser.removeTab(tab);
    tabbar.style.display = ''; 
  }, 1500);

Alles anzeigen

2002Andreas

Zitat von Boersenfeger

Für beide Browser-Versionen nutze ich das selbe Script:

Und das der Fehler

Bis einschl. Fx 118 heißt es:

document.getElementById('navigator-toolbox').parentNode.parentNode.insertBefore(

Und ab Fx 119:

document.getElementById('navigator-toolbox').parentNode.insertBefore(

Boersenfeger

Passt perfekt, Danke!

2002Andreas

Zitat von Boersenfeger

Danke!

Gerne wie immer

mkpcxxl

Hallo,

habe das Script jetzt farbmäßig angepasst, dass es zu meinem FF passt, nur hätte ich gerne anstatt des Fortschrittbalkens (siehe "Ist Screenshot") lieber wieder den Text wie auf dem "So soll es sein Screenshot" zu sehen in der Statusleisete. Wäre schön, wenn das ginge.

Gruß

mkpcxxl

2002Andreas

Zitat von mkpcxxl

lieber wieder den Text

Welchen Text?

Meinst du diesen Hinweis:

mkpcxxl

Nein, nicht den Hinweistext, schau meine beiden Screenshots an und ich hoffe du verstehst, was ich meine.

2002Andreas

Zitat von mkpcxxl

nicht den Hinweistext

Teste bitte, Farbe wieder anpassen:

JavaScript

/* Statusleiste für Firefox */

// https://www.camp-firefox.de/forum/viewtopic.php?p=1052187&sid=d4e33b574226439c26dfb45629b71369#p1052187
// entwickelt von aborix 

(function() {

  if (location != AppConstants.BROWSER_CHROME_URL)
    return;
  
  var css =`
    #new-toolbar {
        height: 28px; 
        direction: rtl;
        -moz-window-dragging: no-drag;
        /* border-top: 1px solid black !important; 
        background-color: rgba(0,0,0,0) !important;
        color: black !important; */
    }
    
    #statuspanel {
        bottom: -3px !important;
        left: 0 !important;
        height: 24px !important;
        max-width: 75% !important;
        transition: none !important;
    }
    
    #statuspanel-label{
        background:#ffe4c4!important;
        border: none !important;
        font: 17px Arial Rounded MT Bold !important;
        font-weight: normal !important;
        color: black !important;
    } 
  `;
  
  var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
  var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
  sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);
  
  var tb = document.createXULElement('toolbar');
  tb.id = 'new-toolbar';
  tb.setAttribute('customizable', true);
  tb.setAttribute('mode', 'icons');

  var vbox  = document.createXULElement('vbox');
  document.getElementById('navigator-toolbox').parentNode.parentNode.insertBefore(
  vbox, document.getElementById('browser-bottombox'));
  vbox.style.backgroundColor = '#ffe4c4';
  vbox.appendChild(tb);

  CustomizableUI.registerArea('new-toolbar', {legacy: true});
  CustomizableUI.registerToolbarNode(tb);  
   
})();

setTimeout(function() {
    if (window.__SSi == 'window0')
      return;
    let tabbar = document.getElementById('TabsToolbar');     
    let tab = gBrowser.selectedTab;
    tabbar.style.display = '-moz-box';
    duplicateTabIn(tab, 'tab');
    gBrowser.moveTabTo(gBrowser.selectedTab, tab._tPos);
    gBrowser.removeTab(tab);
    tabbar.style.display = ''; 
  }, 1500);

Alles anzeigen

mkpcxxl

Nein, keine Änderung, nur der Fortschrittsbalken. Kann auch zwischen deinem und meinem Script keinen Unteschied sehen.

2002Andreas

Zitat von mkpcxxl

keine Änderung

JavaScript

/* Statusleiste für Firefox */

// https://www.camp-firefox.de/forum/viewtopic.php?p=1052187&sid=d4e33b574226439c26dfb45629b71369#p1052187
// entwickelt von aborix 

(function() {

  if (location != AppConstants.BROWSER_CHROME_URL)
    return;
  
  var css =`
    #new-toolbar {
        height: 28px; 
    }
    
    #statuspanel {
        bottom: -3px !important;
        left: 0 !important;
        height: 24px !important;
        max-width: 75% !important;
        transition: none !important;
    }
    
    #statuspanel-label{
        background-color: black !important;
        border: none !important;
        font: 17px Arial Rounded MT Bold !important;
        font-weight: normal !important;
        color: white !important;
    } 
  `;
  
  var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
  var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
  sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);
  
  var tb = document.createXULElement('toolbar');
  tb.id = 'new-toolbar';
  tb.setAttribute('customizable', true);
  tb.setAttribute('mode', 'icons');

  var vbox  = document.createXULElement('vbox');
  document.getElementById('navigator-toolbox').parentNode.parentNode.insertBefore(
  vbox, document.getElementById('browser-bottombox'));
  vbox.style.backgroundColor = 'black ';
  vbox.appendChild(tb);

  CustomizableUI.registerArea('new-toolbar', {legacy: true});
  CustomizableUI.registerToolbarNode(tb);  
   
})();

setTimeout(function() {
    if (window.__SSi == 'window0')
      return;
    let tabbar = document.getElementById('TabsToolbar');     
    let tab = gBrowser.selectedTab;
    tabbar.style.display = '-moz-box';
    duplicateTabIn(tab, 'tab');
    gBrowser.moveTabTo(gBrowser.selectedTab, tab._tPos);
    gBrowser.removeTab(tab);
    tabbar.style.display = ''; 
  }, 1500);

Alles anzeigen

mkpcxxl

Ja, der Balken ist weg nur wird kein text a la: "Übertrage daten von..." angezeigt.

2002Andreas

Zitat von mkpcxxl

nur wird kein text a la: "Übertrage daten von..." angezeigt.

Siehe meinen Screenshot, da wird doch Text angezeigt

Evtl. Zeile 17 mal etwas anpassen.

mkpcxxl

Ja, jetzt vestehe ich, meine aber wohl was anderes. Wenn ich meinen Mauszeiger über einen Link bewege, wird der Link in der Statusleiste angezeigt. Wenn ich aber einen Link lade, wird nichts angezeigt.

Lade ich einen Link im Firefox ohne das Statusleistenscript, wird angezeigt: Verbinde mit..., übertrage Daten von...

Und genau dieser Text wird mit dem Script nicht angezeigt.

milupo

mkpcxxl Der Text hat nichts mit dem Skript zu tun. Der kommt von Firefox.

2002Andreas Wozu dient denn eigentlich der Code unter setTimeOut? Der betrifft die Tableiste und ist außer bei den wenigen Leuten, die die Tableiste ganz unten haben, wohl doch gar nicht notwendig. Jedenfalls habe ich ihn nicht.

mkpcxxl

milupo : Ja gut, kann man den Text auf der Statusleiste anzeigen lassen oder nicht ? Das ist meine Frage.