Firefox 57+ hat ein dunkles Theme, das man unter "
Anpassen…" auswählen kann. Leider aber sind das Seitenpanel, die Startseite und die Neuer-Tab-Seite nicht daran angepasst, was ich ergänzt/geändert habe.
Anpassungen an das dunkle Theme von Firefox 57+
Seitenpanels (Lesezeichen, Chronik):
~/.mozilla/firefox/<Profilname>/chrome/userChrome.css
/* Do not remove the @namespace line – it's required for correct functioning */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@namespace html url("http://www.w3.org/1999/xhtml"); /* namespace for HTML elements */
/* =============================== Sidebar ============================ */
/* :::::::::::::::::::::::::: Version 2017-12-11 :::::::::::::::::::::: */
#sidebar, #sidebar-header, #bookmarksPanel, #bookmarks-view,
#history-panel, #historyTree, #viewButton {
background: #2e2e2e !important;
color: #f7f7f7 !important;
}
#sidebar-header,
.sidebar-header {
font-size: 1.15em !important;
font-weight: normal !important;
}
.sidebar-placesTreechildren::-moz-tree-cell(hover),chrome://browser/content/history/history-panel.xul
.sidebar-placesTreechildren::-moz-tree-row(selected),
.sidebar-placesTreechildren::-moz-tree-cell-text(hover),
.sidebar-placesTreechildren::-moz-tree-cell-text(selected),
#viewButton:hover {
background: #474749 !important;
color: #d1d1d1 !important;
}
#sidebar-splitter {
opacity: 0.2 !important;
width: 1px !important;
border: 0 !important;
}
treechildren::-moz-tree-image(title, container),
treechildren::-moz-tree-image(title, open) {
list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QwLFwAK+oFUbAAAAKZJREFUOMvtk7EJw0AMRV+CVbgKXHO7ZIC0LryD5/AQ17twfa0H0AyewgTcGFy4UIoQcCCESy5lPqgRvCeQEOSmaZoTYI/y3lvf9+dkgYhch2EwVTVVtRCCOees67pLCn8ATFWfmuM40rYt0zS9G8y2ba8FKVmWhaqq7oKcHRYAMcav4LquOeZe8S/4gaAQEeZ5pizLj8B1XRERAExEbP9QKbVj8nIDQYtGe9TGy2QAAAAASUVORK5CYII=') !important;
}
@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"),
url("chrome://browser/content/history/history-panel.xul") {
#search-box > hbox {
height: 1.9em !important;
color: #d1d1d1 !important;
background: #474747 !important;
}
textbox {
-moz-appearance: none !important;
cursor: text !important;
margin: 2px 4px !important;
padding: 2px 2px 3px !important;
padding-inline-start: 4px !important;
background-color: #474747 !important;
color: #474747 !important;
border: 1px solid #111111 !important;
}
textbox:hover {
border: 1px solid #4AA6D7 !important;
box-shadow:0 1px 2px rgba(12, 12, 13, 0.6) !important;
}
}
Startseite und Neuer Tab:
~/.mozilla/firefox/<Profilname>/chrome/userContent.css
/* ======================= about:newtab about:home ====================== */
/* ::::::::::::::::::::::::: Version 2017-12-13 ::::::::::::::::::::::::: */
@-moz-document url(about:newtab), url(about:home) {
body {
background-size: cover !important;
background-color: #262626 !important;
overflow: auto !important;
color: #d1d1d1 !important;
}
#newtab-customize-overlay {
background: #2e2e2e !important;
}
.card,
.prefs-pane .sidebar {
background: #2e2e2e !important;
color: #f7f7f7 !important;
}
.prefs-pane .actions {
background: #2e2e2e !important;
border-left: 1px solid #ededed;
}
.prefs-pane-button button {
border: 1px solid #ededed !important;
}
.prefs-pane-button button:hover {
background-color: none !important;
fill: rgba(12, 12, 13, 0.6) !important;
}
.prefs-pane .prefs-modal-inner-wrapper .options {
background: none !important;
}
.context-menu, .section-top-bar .info-option {
background: #444 !important;
color: #ededed !important;
font-size: 13px !important;
}
#onboarding-notification-bar.onboarding-opened {
display: none !important; /* Keine Reklame auf der Startseite */
}
#snippets-container {
background: #bababa !important;
opacity: 1 !important;
}
.section-title span {
color: #d1d1d1 !important;
fill: #737373 !important;
vertical-align: middle !important;
}
.icon,
.icon.icon-topsites,
.icon.icon-pocket,
.info-option-icon,
.icon.icon-highlights {
fill: #d1d1d1 !important;
}
.card {
background: #474747 !important;
}
.topic,
.card-host-name,
.card-context,
.data-reactid,
.empty-state-message,
.card-outer,
.card-text,
.card-title {
color: #d1d1d1 !important;
}
.card-outer .card-text:not(.no-description) .card-title {
color: inherit !important;
}
.modal {
background: #535353 !important;
}
.tile {
background: #d1d1d1 !important;
}
.actions button:not(.done) {
background: #777777 !important;
border: 1px solid #B1B1B3;
border-radius: 4px;
color: #d1d1d1 !important;
cursor: pointer;
white-space: nowrap;
}
.section-top-bar .info-option-manage button,
.section-top-bar .info-option-manage button::after,
.edit-topsites-wrapper .edit-topsites-button button,
.topic .topic-read-more,
.topic .topic-read-more::after,
.data-reactid,
.info-option-link,
.topic-link {
color: #4AA6D7 !important;
fill: #4AA6D7 !important;
background: transparent !important;
}
.search-wrapper input {
border: 1px solid #111111 !important;
background: #474747 !important;
}
.search-wrapper:active input,
.search-wrapper input:focus {
border-color: #4AA6D7 !important;
box-shadow: none !important;
}
.search-wrapper .search-label,
.search-wrapper .search-button {
fill: #919191 !important;
}
}
Ein ergänzender Tipp:
Ich weiß ja nicht, wie‘s euch damit geht – ich jedenfalls finde den Pocketkram und "Wichtigste Seiten" auf der Startseite ebenso unnütz wie störend. Aber das Anpinnen von Seiten als Schnellstart finde ich durchaus brauchbar.
Die Anzahl der angezeigten Schnellstartkästchen läßt sich beliebig erhöhen: Shift+F2 (Entwickler-Symbolleiste), Wert reinkopieren, Leerzeichen, Enter
pref set browser.newtabpage.activity-stream.topSitesCount 42
Wenn die automatisch nachrückenden Seiten der zahlenden Kundschaft stören:
pref set browser.newtabpage.activity-stream.default.sites https://forum.archlinux.de/,https://www.archlinux.de/packages
(Damit eine Scrollbar eingeblendet wird, falls die erweiterte Schnellstartseite nicht mehr in‘s Fenster passt, habe ich in
userContent.css auf "overflow: auto;"" korrigiert.)