Farbe des Scrollbalkens ändern

pascallo

Zitat von 2002Andreas

Hast du denn die neue Anpassung schon gemacht für die Version 62?
In dem Unterordner \defaults\pref im Firefox-Installationsordner in der Datei config-prefs.js muss zusätzlicher dieser Eintrag gemacht werden:
pref("general.config.sandbox_enabled", false);
Und danach der Firefox neu gestartet werden.

Ich kopiere mal den Tipp von 2002Andreas....Hoffentlich passt es so, da muss ich es nicht neu eintippern. :wink:
Nach diesem Tipp ging bei mir noch kein script. Ich habe dann einfach mal ein bissel probiert.

Erst habe ich die Schritte von hier oben durchgeführt.
Dann gibt es, wenn man nen Rechtsklick auf die Symbolleise macht und dann auf Anpassen klickt ja den Eintrag "Vergessen." Habe den an nen freien Platz gezogen und mal den Browser-Verlauf gelöscht. Nach Neustart des FF funzten alle Scripte plötzlich wieder... :-??:klasse::lol:

black10

Hallo,

Danke für den Tipp.
Allerdings, wenn ich versuche in den Unterordner config-prefs.js den text "pref("general.config.sandbox_enabled", false);" hineinzukopieren und DANACH abspeichern möchte erscheint ein Fenster (siehe screenshot) wohin ich diese Änderung abspeichern möchte.. :-??
Ich kannte das bis dato nur so, das wenn ich eine (zu ändernde) Datei über Kreuz geschlossen hatte das dann die Änderung AUTOMATISCH übernommen worden ist. Und in dieser Datei werde ich nach schließen über Kreuz plötzlich wie gesagt gefragt WOHIN ich diese Änderung abspeichern möchte..?

Sören Hentzschel

Ich verweise auf diesen Beitrag von mir bezüglich der "Haltbarkeit" dieses Tipps:
https://www.camp-firefox.de/forum/viewtopi…091789#p1091789

pascallo

Kopiere die Datei config-prefs.js in ein anderes Verzeichnis. Ich habs kurz in Downloads kopiert. Dort die Zeile einfügen. Hier lässt es sich dann normal abspeichern. Dann einfach wieder zurück kopieren in C:\Programme\Mozilla Firefox\defaults\pref und die alte Datei überschreiben. So hab ich es gemacht.... :wink:

black10

pascallo

Danke für die Tipps, es funktioniert jetzt... Aber...

Also positiv ist, die Farbe ist jetzt schön dunkelblau so wie gehabt für mich. Allerdings nur, wenn ich über den "Vergessen Button" den Browser Verlauf lösche. Schließe ich den FF Browser und öffne ihn ganz normal danach, ist alles wieder in GRAU gehalten.. :-???
Ich muß also bei jedem FF Neustart immer erst mal den Browser Verlauf löschen..! Kann man das nicht irgendwie dauerhaft fixieren... :-???

black10

Hallo,

Nach Firefox Update auf Version 92.0 ist die Farbe des Scrollbalkens leider statt ursprünglich dunkelblau wieder dieses "unscheinbar grau" (siehe Photo).

Wie bekomme ich denn diesen Scrollbalken wieder auf mein ursprüngliches dunkelblau zurück..?

2002Andreas

Zitat von black10

diesen Scrollbalken wieder

Ich nutze dieses Script dafür.

JavaScript

"use strict";


/* Firefox 57+ userChrome.js tweaks - SCROLLBARS ********************************************** */
/* by Aris (aris-addons@gmx.net)*************************************************************** */
/* Github: https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/custom_scrollbars.uc.js */

/* ***********************************************************************************************

 README
 
 Aktivieren einer Einstellung > var ... auf 'true' setzen
 Deaktivieren einer Einstellung > var ... auf 'false' setzen
 Anpassungen vornehmen > Aendern von Werten
 - Farbe - Name: red, blue, transparent / Hexcode: #33CCFF, #FFF
 - Farbe - rgb(a): rgba(0,0,255,0.8) / hsl(a): hsla(240,100%,50%,0.8) // a = Sichtbarkeit
 - Zahlen: 1, 2, 3 ... 10, 11, 12 ...
 - Sichtbarkeit (in Dezimalzahlen): 0.0 bis 1.0 e.g. 1.4, 1,75
 - Farbverlaeufe: linear-gradient(Richtung, Farbe, Farbe, Farbe)
 - Beispiel: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))
 
 - Beispiel 2:
    Farbverlauf von links nach rechts - tranparent -> weiss mit 50%er Sichtbarkeit -> tranparent
    linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)
 
 Info
 - Zu kleine Breitenwerte werden sich negativ auf einige Oberflaechenelemente auswirken (z.B. auf Menuelisten)!
 
*********************************************************************************************** */

// Allgemeine Einstellungen

// Scrollbars ausblenden
var hide_scrollbars = false; /* Standard = false */
// Schaltflächen ausblenden
var hide_scrollbar_buttons = false; /* Standard = false */
// benutzerdefinierte Breite
var custom_scrollbar_width = true; /* Standard = false */
var custom_scrollbar_width_value = 13; /* 10-? // Standard = 17 (in px) */
// benutzerdefinierte Sichtbarkeit
var custom_scrollbar_opacity = true; /* Standard = false */
var custom_opacity_value = "0.9"; /* Standard = 1.0 */
// "schwebende" Scrollbars / Scrollbars über dem Webinhalt 
var enable_floating_scrollbars = false; /* Standard = false */
// benutzerdefinierte Scrollbars
var enable_custom_scrollbars = true;
// benutzerdefinierte Hintergrundfarbe bzw. benutzerdefinierter Hintergrundverlauf
var cs_background_color = "#CCCCCC"; /* Standard = #CCCCCC / Transparenter Hintergrund = transparent */
var cs_background_image = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; /* Standard = none */
// benutzerdefinierte Schiebereglerfarbe bzw. benutzerdefinierter Schiebereglerfarbverlauf
var cs_thumb_color = "#33CCFF"; /* Standard = #33CCFF */
var cs_thumb_image = "(to right,transparent,rgba(255,0,0,0.9),transparent)"; /* Standard = unset */
// benutzerdefinierte Schiebereglerfarbe (hover/ueber) bzw. benutzerdefinierter Schiebereglerfarbverlauf
var cs_thumb_hover_color = "red"; /* Standard = #66FFFF */
var cs_thumb_hover_image = "rgba(255,0,0)"; /* Standard = unset */
// benutzerdefinierte Schiebereglerrundung
var cs_thumb_roundness = 80; /* Standard = 0 (in px) */
// benutzerdefinierte Schiebereglerrandbreite
var cs_thumb_border = 1; /* Standard = 0 (in px) */
// benutzerdefinierte Schiebereglerrandfarbe
var cs_thumb_border_color = "#33CCFF"; /* default ##33CCFF */
// benutzerdefinierte Schaltflaechenfarbe bzw. benutzerdefinierter Schaltflaechenfarbverlauf
var cs_buttons_color = "lightgrey"; /* Standard = #000000 */
var cs_buttons_image = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; /* Standard = unset */
// benutzerdefinierte Schaltflaechenfarbe (hover/ueber) bzw. benutzerdefinierter Schaltflaechenfarbverlauf
var cs_buttons_hover_color = "#000066"; /* Standard = #000066 */
var cs_buttons_hover_image = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; /* Standard = unset */
// benutzerdefinierte Schaltflächenrundung
var cs_buttons_roundness = 0; /* Standard = 0 (in px) */


/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */


Components.utils.import("resource://gre/modules/Services.jsm");
var ss =  Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

var custom_scrollbars = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar, scrollcorner {\
      -moz-appearance: none !important;\
      background-color: '+cs_background_color+' !important; \
      background-image: '+cs_background_image+' !important; \
    }\
    scrollbar thumb {\
      -moz-appearance: none !important;\
      background-color: '+cs_thumb_color+' !important;\
      background-image: '+cs_thumb_image+' !important;\
      border-radius: '+cs_thumb_roundness+'px !important;\
      border: '+cs_thumb_border+'px solid '+cs_thumb_border_color+' !important; \
    }\
    scrollbar thumb:hover, scrollbar thumb:active {\
      -moz-appearance: none !important;\
      background-color: '+cs_thumb_hover_color+' !important;\
      background-image: '+cs_thumb_hover_image+' !important;\
    }\
    scrollbar scrollbarbutton {\
      -moz-appearance: none !important;\
      background-color: '+cs_buttons_color+' !important;\
      background-image: '+cs_buttons_image+' !important;\
      border-radius: '+cs_buttons_roundness+'px !important;\
    }\
    scrollbar scrollbarbutton:hover {\
      -moz-appearance: none !important;\
      background-color: '+cs_buttons_hover_color+' !important;\
      background-image: '+cs_buttons_hover_image+' !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_buttons = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar scrollbarbutton {\
      opacity: 0 !important;\
    }\
    scrollbar[orient="vertical"] scrollbarbutton {\
      min-height: 1px !important;\
      height: 1px !important;\
      max-height: 1px !important;\
    }\
    scrollbar[orient="horizontal"] scrollbarbutton {\
      min-width: 1px !important;\
      width: 1px !important;\
      max-width: 1px !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_width = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar[orient="vertical"] scrollbarbutton {\
      min-width: 0 !important;\
      width: '+custom_scrollbar_width_value+'px !important;\
      max-width: '+custom_scrollbar_width_value+'px !important;\
    }\
    scrollbar[orient="horizontal"] scrollbarbutton {\
      min-height: 0 !important;\
      height: '+custom_scrollbar_width_value+'px !important;\
      max-height: '+custom_scrollbar_width_value+'px !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var floating_scrollbars = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar {\
      position: relative !important;\
      z-index: 1000000000 !important;\
    }\
    scrollbar, scrollcorner {\
      background-color: transparent !important; \
      background-image: unset !important; \
    }\
    scrollbar[orient="vertical"] {\
      -moz-margin-start: -'+custom_scrollbar_width_value+'px !important;\
      width: '+custom_scrollbar_width_value+'px !important;\
    }\
    scrollbar[orient="horizontal"] {\
      margin-top: -'+custom_scrollbar_width_value+'px !important;\
      height: '+custom_scrollbar_width_value+'px !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_opacity = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar {\
      opacity: '+custom_opacity_value+' !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var remove_scrollbars = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar, scrollcorner {\
      display: none !important;\
      visibility: collapse !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

// oben aktivierte Einstellungen werden hier ausgefuehrt
if(enable_custom_scrollbars==true) custom_scrollbars.init();
if(hide_scrollbar_buttons==true) scrollbar_buttons.init();
if(custom_scrollbar_width==true) scrollbar_width.init();
if(enable_floating_scrollbars==true) floating_scrollbars.init();
if(custom_scrollbar_opacity==true) scrollbar_opacity.init();
if(hide_scrollbars==true) remove_scrollbars.init();

Alles anzeigen

Die Farben etc. kannst du dir darin anpassen.

black10

Danke für die schnelle Antwort, bin allerdings jetzt von deinem Riesen-Script etwas erschlagen....

1.) Muß ich ALLE 256 Zeilen herauskopieren...?

2.) Muß ich bei meinem alten Skript (dafür) etwas herauslöschen...?

3. WO und in welcher Zeile kann ich denn die Farbe (auf dunkelblau) ändern..?

2002Andreas

Zitat von black10

WO und in welcher Zeile kann ich denn die Farbe (auf dunkelblau) ändern..?

Zeile 61

Zitat von black10

Muß ich bei meinem alten Skript (dafür) etwas herauslöschen...?

Du musst NUR mein obiges Script nutzen, dein vorhandenes musst du entfernen.

black10

Aber wenn ich mein altes Script KOMPLETT lösche verliere ich doch auch meine Einstellungen für z.b. die Lesezeichen-Symbolleiste, Farbe für Vor/Zurück Button etc. etc...???

2002Andreas

Zitat von black10

altes Script KOMPLETT lösche verliere ich doch auch meine Einstellungen für z.b. die Lesezeichen-Symbolleiste, Farbe für Vor/Zurück Button etc. etc...???

Ein Script ist etwas anderes als ein CSS Code.

Das Script färbt nur die Scrollleiste ein.

Nutzt du denn schon Scripte?

2002Andreas

Zitat von black10

Also ich füge nur deinen Skript in meine UserChrome.css ein...?

Nein.

Die Datei hat damit nichts zu tun.

Und darin ist auch nichts enthalten was mit der Scrolleiste zu tun hat.

Es handelt sich hierbei um ein Script.

Also im Ordner Chrome eine Datei mit der Endung.us.js

grisu2099

Zitat von 2002Andreas

mit der Endung.us.js

...mit der Endung: uc.js

2002Andreas

Zitat von grisu2099

mit der Endung: uc.js

Ups...sorry du hast natürlich recht

black10

Also im Chrome Ordner hab ich keine datei mit der Endung us.js...

Ok uc.js hab ich schon...

Aber die kann ich gar nicht öffnen..!?

Fehler "Bezeichner erwartet"....

2002Andreas

Zitat von black10

Ok uc.js hab ich schon...

Mit welchem genauem Namen?

Ich vermure mal, das ist für die Scrolleiste gedacht.

black10

2002Andreas

Ok, im Chrome Ordner habe ich eine Datei "scrollbar.uc.js"...

Da habe ich deinen Script aus Beitrag 47 hineinkopiert....die Farbe blieb allerdings bei Mausgrau...

In Zeile 61 steht var cs_thumb_border_color = "#33CCFF"; /* default ##33CCFF */

Mit diesem Zahlencode kann ich leider nichts anfangen, was muß denn da stehen damit ich dies auf "dunkelblau" ändern kann..?

Oder bedeutet "#33CCFF"; /* default ##33CCFF */ etwa dunkelblau..?

DANN hats allerdings nicht geklappt.

2002Andreas

Zitat von black10

was muß denn da stehen damit ich dies auf "dunkelblau" ändern kann..?

#00008b

black10

Also "#00008b"; /* default ##00008b*/....?

2002Andreas

Zitat von black10

Also "#00008b";

Ja, teste es bitte so.

Sorry, es muss in Zeile 51und 61 rein.