จะเปลี่ยนสีของแถบเลื่อนได้อย่างไร?

แถบเลื่อนใน Unity นั้นมีคอนทราสต์ต่ำมากและฉันไม่สามารถมองเห็นว่าแถบนั้นใช้เพียงแค่อุปกรณ์ต่อพ่วงในการมองเห็น ฉันต้องดูแถบเลื่อน

ดูอินเทอร์เฟซ Mac OS X และสังเกตแถบเลื่อนสีฟ้าตัดกัน คุณไม่จำเป็นต้องดูโดยตรงเพื่อให้ทราบว่าคุณอยู่ที่ไหนในหน้า

ฉันจะเปลี่ยนมันเพื่อให้มีความคมชัดมากขึ้นและฉันเห็นว่าฉันอยู่ที่ไหนทุกครั้ง?

สายไปหน่อย แต่บางทีฉันพบโซลูชัน GUI ที่ค่อนข้างดีและใช้งานง่าย:

gnome-สีเลือก

ไฮไลท์:

• โซลูชัน GUI ที่สมบูรณ์แบบไม่จำเป็นต้องเล่นซอด้วยตนเอง ~/.gtkrc
• เปลี่ยนการตั้งค่าที่คุณตรวจสอบเท่านั้น ยกเลิกการเลือกพวกเขากลับเป็นค่าเริ่มต้น
• Applyการเปลี่ยนแปลงมีผลทันทีที่คุณคลิก ไม่จำเป็นต้องสลับธีมไปมา
• ไม่จำเป็นต้องใช้ sudo (แต่การเปลี่ยนแปลงนั้นสำหรับผู้ใช้ของคุณเท่านั้น)
• ใช้กับแถบเลื่อน "ดั้งเดิม" เท่านั้น (อันที่ต้องแก้ไข) แถบเลื่อน "โอเวอร์เลย์" ไม่ได้ถูกแก้ไข

การเปลี่ยนแปลงนั้นค่อนข้างไม่เป็นการรบกวน: มันแก้ไข (หรือสร้าง) ~/.gtkrcเพื่อรวมไฟล์ปรับแต่งของตัวเอง:

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

และไฟล์นั้นก็ค่อนข้างเพรียวเช่นกัน:

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

Btw ฉันได้เลือกสีด้านบนจากการทดลอง พวกเขาผสมผสานกันอย่างลงตัวกับสไตล์ "โมโนโครม - อิช" ของ Ambiance ซึ่งมีสีเข้มกว่าเล็กน้อย

จนกว่า Firefox จะได้รับแถบเลื่อนซ้อนทับฉันมีความสุขกับสีที่กำหนดเอง :)

ฉันสร้างสิ่งที่culebrónอธิบายและสร้างบางสิ่งโดยบังเอิญฉันคิดว่ามันยอดเยี่ยมมาก ...

เปิด/usr/share/themes/Ambiance/gtk-2.0/gtkrcเป็น root สำหรับการดัดแปลง:

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

จากนั้นแก้ไขส่วนที่ตรงกันในไฟล์นั้นเป็นดังต่อไปนี้ (อย่าลืมสำรองข้อมูลค่าเริ่มต้นในกรณีที่คุณไม่ชอบการเปลี่ยนแปลง):

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}
    }
}

บันทึกจากนั้นใช้การเปลี่ยนแปลงโดยสลับธีมหรือออกจากระบบ

แถบเลื่อนใหม่ที่ยอดเยี่ยมและใช้งานได้อาจมีลักษณะดังนี้:

ด้านบนเปลี่ยนแถบเลื่อนสำหรับแอปพลิเคชันที่ใช้ไฟล์ธีม gtk2 ดังนั้น gnome-color-chooser (อย่างน้อยก็ในที่เก็บปัจจุบัน) สำหรับการใช้งาน gtk3 เช่น gnome-Terminal และ Gedit ใน 13.04 ใช้ /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.cssgnome-ทางเลือกหนึ่งต้องมีการเปลี่ยนแปลง

เพื่อทำสิ่งนี้

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

และแทนที่* scrollbar *ส่วนด้วยสิ่งนี้:

/*************
 * 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 {
}

นี่ให้แถบเลื่อนใน gtk3 ที่มีลักษณะดังนี้:

ซึ่งค่อนข้างคล้ายกับ gtk2 ด้านบน แม้ว่าจะไม่มีเห็บขนาดเล็กและสเต็ปเปอร์ที่เหมาะสม

พบวิธีแก้ปัญหา: sudo และเปิด/usr/share/themes/Ambiance/gtk-2.0/gtkrcและค้นหารหัสนี้:

style "scrollbar" = "button" {

ในวงเล็บปีกกาด้านล่างเปลี่ยนบรรทัด bg [SOMETHING] ให้มีลักษณะดังนี้:

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

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

หรือดูสีที่ประกาศในบรรทัดที่ 1 ของไฟล์และเลือกสีที่คุณต้องการ หากต้องการอัปเดตลุคในการตั้งค่าระบบ / ลักษณะที่ปรากฏให้เปลี่ยนธีมเป็นธีมอื่นและกลับไปที่แอมเบียนซ์

แก้ไข:ปรากฏว่า Xterm ใช้ชุดรูปแบบ Radiance แถบเลื่อนใน Radiance มีสีดำบนพื้นดำและมองไม่เห็น ทันสมัยมากเลย! จำเป็นต้องแก้ไขชุดรูปแบบนั้นด้วย

แม้ว่าจะไม่ใช่คำตอบที่ตรงกับคำถาม แต่ถ้าคุณไม่ชอบแถบเลื่อนใหม่ (ฉันไม่ตำหนิคุณพวกเขาค่อนข้างน่ากลัวในความเห็นส่วนตัวของฉัน) คุณสามารถเปลี่ยนกลับเป็นแถบเลื่อนมาตรฐานได้โดยใช้คำสั่งต่อไปนี้:

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

ทางเลือกอื่น:

ชุดรูปแบบบางอย่างที่มาพร้อมกับแถบเลื่อนสี (Adwaita, NewLooks ฯลฯ ) มีแถบเลื่อนที่สามารถเปลี่ยนได้อย่างง่ายดายเปลี่ยนการselected_bg_colorตั้งค่าโดยใช้dconf-editor: ฉันจะเปลี่ยนสี "รายการที่เลือก" ได้อย่างไร