Wie ändere ich die Farbe der Bildlaufleiste?


20

Die Bildlaufleisten in Unity sind sehr kontrastarm, und ich kann nicht erkennen, wo die Leiste nur periphere Sicht verwendet. Ich muss auf die Bildlaufleiste schauen.

Schauen Sie sich die Benutzeroberfläche von Mac OS X an und beachten Sie die blaue, kontrastreiche Bildlaufleiste. Sie müssen es nicht direkt ansehen, um zu sehen, wo Sie sich auf der Seite befinden.

Wie kann ich es ändern, damit es kontrastreicher wird und ich jedes Mal sehe, wo ich bin?


1
@ culebrón hier ist dein Screenshot mit einer radialen Unschärfe und einer unsichtbaren Bildlaufleiste. Ich lasse Sie es zu Ihrer Frage hinzufügen, wenn Sie wollen.
Tom Brossman

@ culebrón könnte diese Frage möglicherweise das Problem sein, mit dem Sie konfrontiert sind?
Bruno Pereira

2
Zugehöriger Fehlerbericht: Fehler # 563474
Christopher Kyle Horton

Vorschlagen der nicht zutreffenden Frage für SE-Sites: Warum hielten die Entwickler eine derart kontrastarme Bildlaufleiste für eine gute Benutzeroberfläche?
Neuronet

Antworten:


19

Ein bisschen spät, aber vielleicht habe ich eine ganz nette, einfache GUI-Lösung gefunden:

gnome-color-chooser Installiere gnome-color-chooser

Bildlaufleisteneinstellungen in Gnome Color Chooser

Höhepunkte:

  • Komplett GUI-Lösung, kein manuelles Fummeln nötig ~/.gtkrc
  • Ändert nur die Einstellungen, die Sie überprüfen. Deaktivieren Sie diese Option, um die Standardeinstellungen wiederherzustellen.
  • Änderungen werden übernommen, sobald Sie auf klicken Apply. Keine Notwendigkeit, Themen hin und her zu wechseln
  • Keine Notwendigkeit für sudo (aber Änderungen sind nur für Ihren Benutzer)
  • Gilt nur für "ältere" Bildlaufleisten (die repariert werden müssen). Die Bildlaufleiste "Überlagerung" wird nicht geändert.

Die Änderungen sind recht unauffällig: Sie werden bearbeitet (oder erstellt) ~/.gtkrc, um eine eigene Konfigurationsdatei einzuschließen:

include ".gtkrc-2.0-gnome-color-chooser"

Und diese Datei ist auch ziemlich schlank:

style "gnome-color-chooser-scrollbar"
{
  bg[NORMAL] = "#ACACAC"
  bg[PRELIGHT] = "#808080"
  bg[ACTIVE] = "#ACACAC"
}
widget_class "*Scrollbar" style "gnome-color-chooser-scrollbar"

Übrigens habe ich die obigen Farben aus Experimenten ausgewählt. Sie fügen sich gut in den "monochromen" Ambiance-Stil ein und sind etwas dunkler (und damit sichtbarer) als die Standardeinstellung.

Bis Firefox Overlay-Bildlaufleisten bekommt, bin ich mit meinen benutzerdefinierten Farben ganz zufrieden :)


Versucht dies in Unity Ubuntu 14.04 hatte es keine Auswirkungen auf meine Bildlaufleisten, die ich bisher bemerkt habe (auch nach einem Neustart).
Neuronet

@neuronet: Ja, ich habe bemerkt, dass dies in den letzten Versionen von Firefox (von 45 oder 47)
MestreLion

Warum kann der Piepton Unity-Entwickler dies nicht einfach zu einem auffälligen Bestandteil der Systemeinstellungen machen? Wie lange ich mich darüber geärgert habe, hätte ich ein neues Betriebssystem entwickeln können. :)
Neuronet

11

Ich habe auf dem aufgebaut, was culebrón beschrieben und aus Versehen etwas erschaffen hat, das ich für ziemlich großartig halte ...

Öffne /usr/share/themes/Ambiance/gtk-2.0/gtkrcals root für Änderungen:

gksu gedit /usr/share/themes/Ambiance/gtk-2.0/gtkrc

Ändern Sie dann den entsprechenden Abschnitt in dieser Datei wie folgt (denken Sie daran, die Standardeinstellungen zu sichern, falls Sie die Änderungen nicht mögen):

style "scrollbar" = "button" {
    xthickness = 2
    ythickness = 2

    bg[NORMAL] = shade (0.62, @bg_color)
    bg[PRELIGHT] = shade (0.66, @bg_color)

    bg[ACTIVE] = shade (0.64, @bg_color)

    engine "murrine"
    {
        border_shades = {0.95, 0.90}
        roundness = 3
        contrast = 1.0
        trough_shades = {0.92, 0.98}
        lightborder_shade = 1.3
        glowstyle = 5
        glow_shade = 1.02
        gradient_shades = {1.2, 1.0, 1.0, 0.86}
        trough_border_shades = {0.9, 0.98}
    }
}

Speichern Sie die Änderungen, und wenden Sie sie an, indem Sie die Themen umschalten oder sich abmelden.

Die neuen, fantastischen und verwendbaren Bildlaufleisten sehen möglicherweise folgendermaßen aus:


Aus irgendeinem Grund wirkt sich dies überhaupt nicht auf die Bildlaufleisten des Terminals aus. Ich habe sogar herumgespielt, /usr/share/themes/Ambiance/gtk-2.0/apps/gnome-terminal.rcaber keine Freude!
Adarshr

Tut mir leid, adarshr, aber ich kenne mich nicht mit dem Thema aus, um Ihnen mit den Bildlaufleisten des Terminals zu helfen. Hoffentlich kann jemand anderes mit einer Lösung einspringen. :)
Askuhn

9

Das oben Gesagte ändert die Bildlaufleiste für Anwendungen, die die Gtk2-Designdateien verwenden. So auch der Gnom-Farbwähler (zumindest der im aktuellen Repository). Für gtk3-Anwendungen wie gnome-terminal und gedit in 13.04, die gnome-fallback verwenden, muss eine Änderung vorgenommen werden/usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css .

Um dies zu tun

sudo gedit /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css

und ersetze den * scrollbar *Abschnitt durch diesen:

/*************
 * scrollbar *
 *************/
.scrollbar,
.scrollbar.vertical {
    -GtkScrollbar-has-backward-stepper: 0;
    -GtkScrollbar-has-forward-stepper: 0;
    -GtkRange-slider-width: 14;

    border-radius: 3px;

    border-image: none;
}

.scrollbar.trough,
.scrollbar.trough.vertical {
    border-color: shade (@bg_color, 0.64);
}

.scrollbar.trough.horizontal {
}

.scrollbar.slider,
.scrollbar.slider:hover,
.scrollbar.button,
.scrollbar.slider.vertical,
.scrollbar.slider.vertical:hover,
.scrollbar.button.vertical {
    border-width: 1px;
    border-style: solid;
    border-color: shade (@bg_color, 0.4);
    background-image: -gtk-gradient (linear, left top, right top,
                                     from (shade (@button_bg_color, 0.76)),
                                     to (shade (@button_bg_color, 0.62)));
    box-shadow: inset 1px 0 shade (@button_bg_color, 0.85),
                inset -1px 0 shade (@button_bg_color, 0.62),
                inset 0 1px shade (@button_bg_color, 0.9),
                inset 0 -1px shade (@button_bg_color, 0.62);
}

.scrollbar.slider.horizontal,
.scrollbar.slider.horizontal:hover,
.scrollbar.button.horizontal {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@button_bg_color, 0.76)),
                                     to (shade (@button_bg_color, 0.62)));
    box-shadow: inset 1px 0 shade (@button_bg_color, 0.85),
                inset -1px 0 shade (@button_bg_color, 0.62),
                inset 0 1px shade (@button_bg_color, 0.9),
                inset 0 -1px shade (@button_bg_color, 0.62);

}

.scrollbar.button,
.scrollbar.button:insensitive {
}

Dies gibt eine Bildlaufleiste in gtk3, die so aussieht:

http://i.stack.imgur.com/m385G.png

Welches ist ein bisschen ähnlich zu dem für gtk2 oben. Die kleinen Häkchen und richtigen Stepper sind hier jedoch nicht enthalten.


Funktioniert für das Terminal am 14.04, danke.
Markdsievers

3
Dies funktioniert hervorragend für GTK3-Apps wie Firefox 46 und höher. Anstatt die ursprünglichen Designdateien zu ändern, können die Änderungen zu ~ / .config / gtk-3.0 / gtk.css hinzugefügt werden, sodass jeder Benutzer sein eigenes bevorzugtes Aussehen erhält, während die Originale erhalten bleiben.
yoyoma2

8

Wir haben die Lösung gefunden: sudo und open /usr/share/themes/Ambiance/gtk-2.0/gtkrcund finden diesen Code:

style "scrollbar" = "button" {

Ändern Sie unten in den geschweiften Klammern die BG-Linien [ETWAS] so, dass sie wie folgt aussehen:

    bg[NORMAL] = @selected_bg_color
    bg[PRELIGHT] = shade (1.04, @selected_bg_color)

    bg[ACTIVE] = shade (0.96, @selected_bg_color)

Oder sehen Sie sich die in Zeile 1 der Datei deklarierten Farben an und wählen Sie die gewünschte aus. Ändern Sie zum Aktualisieren des Erscheinungsbilds unter Systemeinstellungen / Darstellung das Thema in ein anderes und kehren Sie zu Umgebung zurück.

Bearbeiten: Scheint, dass Xterm das Radiance-Design verwendet. Bildlaufleisten in Radiance sind schwarz auf schwarz und nur unsichtbar. So stylisch, ja! Das Thema muss auch bearbeitet werden.


Bitte reichen Sie einen Fehlerbericht ein, um die Entwickler zu benachrichtigen. Wir benötigen eine konfigurierbare Scrollbar-Farbe, die in Ihrem Anwendungsfall hervorgehoben wird. Vielen Dank.
fossfreedom

@fossfreedom, ich denke, Sie könnten die "Unity" aus der "Unity Scroll-Leiste" herausschneiden, da sich das OP meiner Meinung nach auf die herkömmlichen Scroll-Leisten (gtk-2.0) bezieht, die wir zum Beispiel in LibreOffice und Firefox sehen. Das Belassen von "Unity" kann den Eindruck erwecken, dass es sich um die "neuen" Overlay-Bildlaufleisten handelt, über die gesprochen wird.

@ vasa1 - Ich lasse das OP dies beantworten ...
fossfreedom

Es könnte eine bessere Idee sein, diese Änderung in einem Benutzerverzeichnis vorzunehmen, anstatt systemweit
Jorge Castro

1

Obwohl dies keine direkte Antwort auf die Frage ist, können Sie die Standard-Bildlaufleisten wiederherstellen, wenn Sie die neuen Bildlaufleisten nicht mögen (ich gebe Ihnen keine Vorwürfe, sie sind meiner persönlichen Meinung nach ziemlich schrecklich), indem Sie den folgenden Befehl ausführen:

sudo apt-get remove overlay-scrollbar liboverlay-scrollbar3-0.2-0 liboverlay-scrollbar-0.2-0

Es ist möglich, dass sich das OP mit den herkömmlichen Bildlaufleisten und nicht mit der Overlay-Bildlaufleiste befasst, da die Bearbeitung /usr/share/themes/Ambiance/gtk-2.0/gtkrcgeholfen hat.

Ich bin mit ihnen einverstanden, sie sehen stilvoll aus, aber das "stilvolle" Ding ist hier offensichtlich übertrieben, auf Kosten der Benutzerfreundlichkeit. Gleiches gilt für die Schreibweise in Kleinbuchstaben oder Großbuchstaben "Ubuntu". Je weniger Sticks aus der Linie herausragen, desto schlechter ist die Lesbarkeit.
Culebrón

Die Frage bezieht sich offensichtlich auf die konventionelle (oder "Legacy") Bildlaufleiste, da diese kontrastarm ist. Möglicherweise gefällt Ihnen der neue Overlay-Stil, aber sein dünnes Orange über Grau bietet zumindest den richtigen Kontrast.
MestreLion

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.