Autor Thema: Dark Theme für die Fritzbox (Firefox)  (Gelesen 476 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline kisun

  • Neuling
  • *
  • Beiträge: 48
  • Dankeschön: 6 mal
  • Desktop: XFCE
  • Grafikkarte: nVidia GeForce GTX 960
  • Grafikkartentreiber: nonfree
  • Kernel: 5.2.8-1-MANJARO
  • Prozessor: i5-4690K
  • Skill: Anfänger
  • Zweig: stable
Dark Theme für die Fritzbox (Firefox)
« am: 30. August 2019, 21:01:17 »
Da mir bei der nächtlichen Arbeit am Rechner die Fritzbox-Router Seite zu sehr geblendet hat, hab ich das Farbschema mal ein wenig angepasst.

Die Anleitung ist für Firefox, aber unter Chromiun sollte ähnliches gehen ... Google ist dein Freund.
Des weiteren ist es bei mir eine Fritzbox 7530 mit Firmware 7.10, uU arbeitet es bei anderen Boxen und anderen Firmwares anders.

Wenn noch nicht vorhanden, folgende Datei erstellen:
~/.mozilla/firefox/manjaro.default/chrome/userContent.css
In die erstellte Datei kommt dann folgender css-code:
@-moz-document domain(192.168.178.1) {

header,
.dialog_head_box,
.btn_form_foot button,
.logoBox,
.menu_item.selected,
.tab_menu a.show,
.tab_menu div.tab.show,
main button.icon
{
background-color: #39383e !important;
}

#btn_form_foot button,
#btn_form_foot button:first-child,
div.btn_form_foot button,
div.btn_form_foot button:first-child,
.bottomMenu div
{
background-color: #39383e !important;
}

html,
body,
#userMenuBox,
#menuBox,
.breadcrumb,
.header
.title,
.tab_menu.show 
{
background-color: #454649 !important;
}

main table.zebra tr:nth-child(2n+1) th,
main table.zebra tr:nth-child(2n+1) td,
.flexTable .flexTableHeader,
main button.icon,
ul.onPageTabs li,
.flexTable .flexGroupHeader,
.flexTable .flexHead
{
color: #7b90a0 !important;
background-color: #52595d !important;
}

button
{
color: #d5aa44 !important;
background-color: #52595d !important;
}

main,
.dialog_inner,
.menuArea,
.menue.foot,
.row .header .more,
ul.onPageTabs li.active 
{
background-color: #626269 !important;
}

.stickyBottom #btn_form_foot,
.stickyBottom div.btn_form_foot,
.stickyBottom .bottomMenu~
{
background-color: rgba(82, 89, 93, 0.8) !important;
}

main table.zebra_reverse th,
main table.zebra_reverse td
{
background-color: #6f6d75 !important;
}

a
{
color: #d5aa44 !important;
}


a:hover
{
color: #ffb000 !important;
}

.header
{
border-bottom-color:  #454649 !important;
}

}

Die bei "@-moz-document domain( )" eingegeben IP muss noch an die bei euch genutzte IP anpassen, oder auch in "fritzbox.ip" ändern, falls ihr damit auf die Fritzbox zugreift.

Andere Webseiten lassen sich über die "userContent.css" natürlich auch anpassen. Für Fehler, Anregungen und Vorschläge hab ich immer ein offenes Ohr.

Viel Spaß damit. Ich hoffe jemanden findet einen Nutzen darin.  ;)
« Letzte Änderung: 30. August 2019, 21:03:36 von kisun »