Farbe des Scrollbalkens ändern

black10

Das hatte ich nur gemacht um überhaupt wieder zurückzukommen zu einem Blauton, weil ich alles zwischendurch wieder "verstelllt" hatte.

Es sollte gleichmäßig dunkel(Blau) dargestellt werden, und nicht mit helleren Abschnitten mittendrin. Hab ich jetzt ja (zufällig) hinbekommen, wie schon beschrieben...

Speravir

(Hinweis: Ich hatte den Tab zum Beantworten ziemlich lange geöffnet. Unterdessen kamen mehrere Antworten.)

Zitat von black10

Der Farbverlauf des blauen Scrollbalkens "stört" mich in der Tat etwas. Die graue (Scroll) Leiste schimmert immer etwas durch das Blau hindurch. Wie auch im Beitrag 14 zu sehen.

Das erscheint nur so, dass der Hintergrund durchschimmert. In Wirklichkeit ist sowohl für den Balken als auch den Hintergrund ein nahezu identischer Farbverlauf definiert.

Zitat

Die Änderung des Codes auf "var cs_thumb_color = "#272349"; /* default = "#33CCFF" */" brachte gar nichts. Sieht so aus wie vorher. :-??

Füge bitte an das Ende der Datei userChrome.js im Chrome-Ordner des Firefoxprofils Folgendes ein und starte neu:

Code

// Scriptcache deaktivieren
userChrome.ignoreCache = true;

Wenn das den Browserstart bei dir deutlich verlangsamt, musst Du es anschließend wieder ~~herausnehmen~~ deaktivieren (auskommentieren), aber sonst kannst Du es beruhigt aktiv lassen.

Zitat

Da bin ich wohl zu blöd für, kriege...
[…]
...das nicht hin...

(Farbverläufe entfernen.) Erstmal den Scriptcache deaktivieren, dann sehen wir weiter.

Update:

Zitat von black10

Habe in der Zeile "var cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba (255,255,255,0.5),transparent)"; /* default = "unset" */" einfach auf gut Glück die Klammer mit den Zahlen entfernt...und siehe da der Balken ist jetzt durchgehend
tiefblau...

Damit hast Du aber kaputtes CSS erzeugt – und weil es kaputt ist, wird es ignoriert. Setze ein unset innerhalb der Anführungszeichen.

black10

Also ich verstehe jetzt gar nichts mehr.

Obwohl es JETZT genau so aussieht wie ich es haben möchte, ist das CSS (?) kaputt...Das übersteigt meine Möglichkeiten..
Wenn es doch läuft, wieso kann ich es dann nicht so belassen..?
Setze ich ein "unset" ein, habe ich die Original-Optik die ich nicht haben möchte.

Und den Satz... "Füge bitte an das Ende der Datei userChrome.js im Chrome-Ordner des Firefoxprofils Folgendes ein und starte neu..." verstehe ich auch nicht. Ich kann den angegebenen Code doch nur IN den Ordner/Datei userChrome.js einpflegen. Wie(so) an das Ende setzen..? :-??:-??
Oder wie soll ich das verstehen, denn dann sieht es innerhalb dieser Datei wie folgt aus...

[attachment=0]1.png[/attachment]

Ich verstehe nicht wieso man es nicht so belassen kann, wie es vor dem setzen des Wortes "unset" war. Denn da funktionierte doch alles...!

Boersenfeger

BTW: Der Scriptcache wird 2x ignoriert? Warum?

black10

Die ersten Einträge standen schon drin, bevor ich den Scriptcache eingefügt hatte... :-??

Aber ist auch egal jetzt. Ich habe "unset" wieder herausgelöscht und meinen blauen Scrollbalken wieder zurück, wie in Beitrag 19 dargestellt.
Wenn ich nun eine defekte CSS habe weil ich in der scrollbar.uc.js in der Zeile "var cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba (255,255,255,0.5),transparent)"; /* default = "unset" */" die Zahlen in der Klammer entfernt habe (so habe ich das verstanden), dann hab ich halt Pech wenn es in Zukunft nicht mehr funktionieren könnte.

Also sollte man sich und anderen nicht mehr "Stress" als nötig machen. Ich belasse es jetzt mit der "kaputten" CSS und erfreue mich am blauen Scrollbalken solange dies noch möglich ist...

Danke trotzdem für die Hilfe...!

2002Andreas

Nur so als Info.

Zitat von black10

bevor ich den Scriptcache eingefügt hatte

Den Eintrag kannst du wieder löschen, denn er steht ja oben bei den beiden anderen Einträgen schon drin.

Zu den Farben als ganz einfache Erklärung.

rgb (255,255,255) < entspricht hellgrauer Farbe.

rgba (255,255,255,0.5)

Entspricht hellgrauer Farbe mit einer Deckkraft von 0.5...also ein ganz schwaches Hellgrau.
Volle Deckkraft wäre 1.0...also die volle Farbstärke.

Wenn du also einfach die Zahlen entfernst, dann sagt man (kaputtes css), d.h. der Eintrag wird ignoriert bzw. hat keine Wirkung mehr.
Da es sich hier (nur) um die Farbe handelt, sollte es auch keine weiteren Probleme dadurch geben.

Bevor es zu kompliziert wird...lass es einfach so. :wink:

AngelOfDarkness

Wenn man (frau ) es gerne mal nicht verspielt und einfach nur spartanisch mag, dann sieht es mit folgendem Code:

CSS

"use strict";


/* Firefox 57+ userChrome.js tweaks - SCROLLBARS ********************************************** */
/* by Aris (aris-addons@gmx.net)*************************************************************** */
/* Github: https://github.com/aris-t2/customscrollbarsforfx *********************************** */
/* ******************************************************************************************** */


/* ******************************************************************************************** */
/* Custom Scrollbars for Firefox ************************************************************** */
/* version 1.0.3 ****************************************************************************** */
/* ******************************************************************************************** */


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


 README
 
 [!] 'custom_scrollbars.uc.js' belongs into Firefox profiles 'chrome' folder!
 -> finding profile folder: address bar > about:profiles > Root Directory > Open Folder
 -> add file to \chrome\ folder (create one, if needed)


 [!] STARTUP CACHE HAS TO BE DELETED AFTER EVERY CHANGE!
 -> finding 'startupCache' folder: address bar > about:profiles > Local Directory > Open Folder > startupCache
 -> close Firefox
 -> delete 'startupCache' folders content


 ENABLING options > set var to true
 DISABLING options > set var to false
 Modifying appearance > change values
 - color - name: red, blue, transparent / hex code: #33CCFF, #FFF
 - color - rgb(a): rgba(0,0,255,0.8) / hsl(a): hsla(240,100%,50%,0.8)
 - numbers: 1, 2, 3 ... 10, 11, 12 ...
 - opacity: 0.0 to 1.0 e.g. 1.4, 1,75
 - gradients: linear-gradient(direction, color, color, color)
 - gradients example: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))
 
 NOTE
 - This is a tiny collection of scrollbar tweaks, not a port of 'NewScrollbars' add-on!
 - Small scrollbar width values will corrupt some parts of the ui!
 
*********************************************************************************************** */


// GENERAL SCROLLBAR SETTINGS
var hide_scrollbars = false; /* default = false */
var hide_scrollbar_buttons = false; /* default = false */
var custom_scrollbar_size = true; /* default = false */
var custom_scrollbar_size_value = 17; /* default = 17 // in px // 10-? */
var custom_scrollbar_opacity = false; /* default = false */
var custom_opacity_value = "1.0"; /* default = "1.0" */
var enable_floating_scrollbars = false; /* default = false // scrollbars on top of web content // uses "custom_scrollbar_size_value" inside its code anyway */


// CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
var enable_custom_scrollbars = true;
var cs_thumb_border = 0; /* default = 0 // in px */
var cs_thumb_roundness = 0; /* default = 0 // in px */
var cs_buttons_roundness = 0; /* default = 0 // in px */
var cs_buttons_as_arrows = false; /* default = false // uses "custom_scrollbar_size_value" inside its code anyway */
var cs_arrows_on_buttons = true; /* default = false // uses "custom_scrollbar_size_value" inside its code anyway */


// CUSTOM SCROLLBAR COLORS/GRADIENTS
// - background
var cs_background_color = "#FFC0CB"; /* default = "#CCCCCC" */
var cs_background_image_vertical = "unset"; /* default = "unset" */
var cs_background_image_horizontal = "unset"; /* default = "unset" */
// - corner
var cs_corner_background_color = "#CCCCCC"; /* default = "#CCCCCC" */
var cs_corner_background_image = "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)"; /* default = "unset" */
// - thumb/slider
var cs_thumb_color = "#FF00FF"; /* default = "#33CCFF" */
var cs_thumb_image_vertical = "unset"; /* default = "unset" */
var cs_thumb_image_horizontal = "unset"; /* default = "unset" */
var cs_thumb_hover_color = "#8B008B"; /* default = "#66FFFF" */
var cs_thumb_hover_image_vertical = "unset"; /* default = "unset" */
var cs_thumb_hover_image_horizontal = "unset"; /* default = "unset" */
var cs_thumb_border_color = "#FF00FF"; /* default "#33CCFF" */
// - buttons
var cs_buttons_color = "#FFC0CB"; /* default = "#000000" */
var cs_buttons_image_vertical = "unset"; /* default = "unset" */
var cs_buttons_image_horizontal = "unset"; /* default = "unset" */
var cs_buttons_hover_color = "#E9967A"; /* default = "#000066" */
var cs_buttons_hover_image_vertical = "unset"; /* default = "unset" */
var cs_buttons_hover_image_horizontal = "unset"; /* default = "unset" */
// - button arrows
var cs_arrows_on_buttons_color = "#800080"; /* default = "#FF0000" */
var cs_arrows_on_buttons_hover_color = "#808080"; /* default = "#FFBB00" */




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




// Scrollbar code


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, scrollbar thumb, scrollbar scrollbarbutton {\
	  -moz-appearance: none !important;\
	}\
	scrollbar {\
	  background-color: '+cs_background_color+' !important;\
	}\
	scrollbar[orient="vertical"] {\
	  background-image: '+cs_background_image_vertical+' !important;\
	}\
	scrollbar[orient="horizontal"] {\
	  background-image: '+cs_background_image_horizontal+' !important;\
	}\
	scrollcorner {\
	  background-color: '+cs_corner_background_color+' !important;\
	  background-image: '+cs_corner_background_image+' !important;\
	}\
	scrollbar thumb {\
	  background-color: '+cs_thumb_color+' !important;\
	  border-radius: '+cs_thumb_roundness+'px !important;\
	  border: '+cs_thumb_border+'px solid '+cs_thumb_border_color+' !important;\
	}\
	scrollbar thumb[orient="vertical"] {\
	  background-image: '+cs_thumb_image_vertical+' !important;\
	}\
	scrollbar thumb[orient="horizontal"] {\
	  background-image: '+cs_thumb_image_horizontal+' !important;\
	}\
	scrollbar thumb:hover, scrollbar thumb:active {\
	  background-color: '+cs_thumb_hover_color+' !important;\
	}\
	scrollbar thumb[orient="vertical"]:hover, scrollbar thumb[orient="vertical"]:active {\
	  background-image: '+cs_thumb_hover_image_vertical+' !important;\
	}\
	scrollbar thumb[orient="horizontal"]:hover, scrollbar thumb[orient="horizontal"]:active {\
	  background-image: '+cs_thumb_hover_image_horizontal+' !important;\
	}\
	scrollbar scrollbarbutton {\
	  background-color: '+cs_buttons_color+' !important;\
	  border-radius: '+cs_buttons_roundness+'px !important;\
	}\
	scrollbar[orient="vertical"] scrollbarbutton {\
	  background-image: '+cs_buttons_image_vertical+' !important;\
	}\
	scrollbar[orient="horizontal"] scrollbarbutton {\
	  background-image: '+cs_buttons_image_horizontal+' !important;\
	}\
	scrollbar scrollbarbutton:hover {\
	  background-color: '+cs_buttons_hover_color+' !important;\
	}\
	scrollbar[orient="vertical"] scrollbarbutton:hover {\
	  background-image: '+cs_buttons_hover_image_vertical+' !important;\
	}\
	scrollbar[orient="horizontal"] scrollbarbutton:hover {\
	  background-image: '+cs_buttons_hover_image_horizontal+' !important;\
	}\
	'), null, null);


	ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);


	}
};


var cs_scrollbars_scrollbar_button_arrows = {


  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, \
	scrollbar[orient="vertical"] scrollbarbutton,\
	scrollbar[orient="horizontal"] scrollbarbutton, \
	scrollbar[orient="vertical"] scrollbarbutton:hover,\
	scrollbar[orient="horizontal"] scrollbarbutton:hover {\
	  background-color: unset !important;\
	  background-image: unset !important;\
	  border-radius: 0px !important;\
	}\
	scrollbar[orient="vertical"] > scrollbarbutton {\
	  min-height: '+(custom_scrollbar_size_value/2)+'px !important;\
	  height: '+(custom_scrollbar_size_value/2)+'px !important;\
	  max-height: '+(custom_scrollbar_size_value/2)+'px !important;\
	  min-width: '+custom_scrollbar_size_value+'px !important;\
	  width: '+custom_scrollbar_size_value+'px !important;\
	  max-width: '+custom_scrollbar_size_value+'px !important;\
	}\
	scrollbar[orient="horizontal"] > scrollbarbutton {\
	  min-width: '+(custom_scrollbar_size_value/2)+'px !important;\
	  width: '+(custom_scrollbar_size_value/2)+'px !important;\
	  max-width: '+(custom_scrollbar_size_value/2)+'px !important;\
	  min-height: '+custom_scrollbar_size_value+'px !important;\
	  height: '+custom_scrollbar_size_value+'px !important;\
	  max-height: '+custom_scrollbar_size_value+'px !important;\
	}\
	scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {\
	  border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
	  border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
	  border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
	}\
	scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {\
	  border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
	}\
	scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {\
	  border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
	  border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
	  border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
	}\
	scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {\
	  border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
	}\
	scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {\
	  border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
	  border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
	  border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
	}\
	scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover {\
	  border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
	}\
	scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {\
	  border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
	  border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
	  border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
	}\
	scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover {\
	  border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
	}\
	\
  '), null, null);


  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);


  }
};


var cs_scrollbars_arrows_on_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, \
	scrollbar[orient="vertical"] scrollbarbutton,\
	scrollbar[orient="horizontal"] scrollbarbutton, \
	scrollbar[orient="vertical"] scrollbarbutton:hover,\
	scrollbar[orient="horizontal"] scrollbarbutton:hover {\
	  border-radius: 0px !important;\
	}\
	\
	scrollbar[orient="vertical"] > scrollbarbutton {\
	  min-height: '+(custom_scrollbar_size_value/2)+'px !important;\
	  height: '+(custom_scrollbar_size_value/2)+'px !important;\
	  max-height: '+(custom_scrollbar_size_value/2)+'px !important;\
	  min-width: '+custom_scrollbar_size_value+'px !important;\
	  width: '+custom_scrollbar_size_value+'px !important;\
	  max-width: '+custom_scrollbar_size_value+'px !important;\
	}\
	scrollbar[orient="horizontal"] > scrollbarbutton {\
	  min-width: '+(custom_scrollbar_size_value/2)+'px !important;\
	  width: '+(custom_scrollbar_size_value/2)+'px !important;\
	  max-width: '+(custom_scrollbar_size_value/2)+'px !important;\
	  min-height: '+custom_scrollbar_size_value+'px !important;\
	  height: '+custom_scrollbar_size_value+'px !important;\
	  max-height: '+custom_scrollbar_size_value+'px !important;\
	}\
	scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {\
	  border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
	  border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
	  border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
	}\
	scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {\
	  border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
	}\
	scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {\
	  border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
	  border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
	  border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
	}\
	scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {\
	  border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
	}\
	scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {\
	  border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
	  border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
	  border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
	}\
	scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover {\
	  border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
	}\
	scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {\
	  border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
	  border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
	  border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
	}\
	scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover {\
	  border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !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_size = {


  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_size_value+'px !important;\
	  max-width: '+custom_scrollbar_size_value+'px !important;\
	}\
	scrollbar[orient="horizontal"] scrollbarbutton {\
	  min-height: 0 !important;\
	  height: '+custom_scrollbar_size_value+'px !important;\
	  max-height: '+custom_scrollbar_size_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[orient="vertical"],\
	scrollbar[orient="horizontal"],\
	scrollbar, scrollcorner {\
	  background-color: transparent !important; \
	  background-image: unset !important; \
	}\
	scrollbar[orient="vertical"] {\
	  -moz-margin-start: -'+custom_scrollbar_size_value+'px !important;\
	  width: '+custom_scrollbar_size_value+'px !important;\
	}\
	scrollbar[orient="horizontal"] {\
	  margin-top: -'+custom_scrollbar_size_value+'px !important;\
	  height: '+custom_scrollbar_size_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);


  }
};


// enables settings as set
if(enable_custom_scrollbars==true) custom_scrollbars.init();
if(cs_buttons_as_arrows==true && hide_scrollbars==false) cs_scrollbars_scrollbar_button_arrows.init();
if(cs_arrows_on_buttons==true && cs_buttons_as_arrows==false && hide_scrollbars==false) cs_scrollbars_arrows_on_buttons.init();
if(hide_scrollbar_buttons==true) scrollbar_buttons.init();
if(custom_scrollbar_size==true) scrollbar_size.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

so aus, wobei ich die Hex-Farbwerte bevorzuge für meine Farbauswahl:

pascallo

Zitat von AngelOfDarkness

Wenn man (frau ) es gerne mal nicht verspielt und einfach nur spartanisch mag, dann sieht es mit folgendem Code:
so aus, wobei ich die Hex-Farbwerte bevorzuge für meine Farbauswahl:

Da schmerzen mir die Augen... :shock::wink::lol:

AngelOfDarkness

Mal was anderes als die ganzen hellen und grellen Themes, die mal so gar nicht gehen und erst recht nicht die Dunklen, die man gar nicht als night-mode gehen bzw. geeignet sind. Und auch gar nicht zum Dark Theme von Windows oder bei Android harmonieren.... Und ja... Ich mag pink und schwarz *lol*

pascallo

Zitat von AngelOfDarkness

Und ja... Ich mag pink und schwarz *lol*

Na dann....wäre nix für meine zarten Männeraugen. :mrgreen:
Hab aber doch noch mal ne Frage an dich: Wie hast du denn die Uhr und die Funktionsleiste rechts an der Seite hin bekommen?

Per Skript oder Erweiterung?

AngelOfDarkness

Sorry, aber die Uhr ist nen Windows Gadget und ist einfach nur auf "immer im Vordergrund" geschaltet Die vertikale Iconbar ist ein Script von EffPeh: https://www.camp-firefox.de/forum/viewtopic.php?t=123142

black10

Gut zu wissen, was die Zahlen bezüglich der Farbgebung zu bedeuten haben.

Frage mich nur wie die Zeile "userChrome.ignoreCache = true;" in die userChrome.js bei mir hineingeraten ist, bevor ich sie da wissentlich hineinkopiert habe.. :-??

Was soll denn eigentlich der Eintrag userChrome.ignoreCache = true; bewirken, also was bringt das "ignorieren des Caches"..?

2002Andreas

Zitat von black10

Frage mich nur..

Wenn du mal die Vorbereitung der Anpassungen von EffPeh geladen hast, dann war das so schon eingetragen.

black10

Das mag sein, das weiß ich allerdings schon gar nicht mehr...

Aber noch mal zu meiner Frage, was soll denn der Skript/Code "ignore Cache" letztlich bewirken bzw. für was ist das gut..?

2002Andreas

Ganz einfach ausgedrückt.

Die Scripte werden in einen Cache geladen, und dann kann es passieren das Änderungen nicht angenommen werden.
Darum muss man den Cache löschen (dazu gibt es auch Scripte), oder eben den Eintrag in der userChrome.js haben.

black10

Ok, dann weiß ich jetzt Bescheid...Danke

razor

Hallo,

was muss ich alles genau machen damit das im aktuellen (Fx59) funktioniert?

Son Goku

Zitat von razor

Hallo,
was muss ich alles genau machen damit das im aktuellen (Fx59) funktioniert?

1. https://www.camp-firefox.de/forum/viewtopic.php?t=122538
2. https://www.camp-firefox.de/forum/viewtopi…065263#p1065263

Speravir

Zitat von Son Goku

2. https://www.camp-firefox.de/forum/viewtopi…065263#p1065263

Die Skriptversion ist veraltet, das Skript sollte besser direkt von Aris’ Projektseite heruntergeladen werden: custom_scrollbars.uc.js (rechts oben auf Raw klicken).

black10

Hallo,

Nachdem ich diesen Thread vor einigen Monaten mit der Frage eröffnet hatte, wie man den Scrollbalken farblich von grau auf (dunkel)blau ändern könne wurde mir dankenswerterweise geholfen.
Ich hatte nach Anleitung in die "scrollbar.uc.js" den Code von pascallo aus Beitrag Nr. 14 hineinkopiert, und dies funktionierte auch bis dato einwandfrei.
Allerdings nur bis exakt zum aktuellen FF Update Version 62.0 (64 Bit)...!

Obwohl ich nichts "verstellt" hatte, bekomme ich den Scrollbalken nur noch im "Originalzustand" als hellgrauen Balken dargestellt. Ich habe sicherheitshalber den Code in der scrollbar.uc.js herausgelöscht und noch mal aus Beitrag 14 hineinkopiert..erfolglos...
Auch der ausprobierte Code von Speravir vom letzten Beitrag 39 ist wirkungslos...! :-??

Was kann ich jetzt noch tun, um ihn wieder so aussehen zu lassen wie in meinem Screenshot aus Beitrag Nr. 19..?