Statusleiste

Klausi · 30. Oktober 2020

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 · 30. Oktober 2020

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 · 30. Oktober 2020

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 · 30. Oktober 2020

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.

Teilen