Ubuntu 12.04 में गैर ओवरले स्क्रॉलबार का रंग और चौड़ाई कैसे बदलें


13

मुझे पता है कि कई लोगों ने उबंटू के हाल के संस्करणों में लगभग अदृश्य और प्रयोग करने योग्य स्क्रॉलबार के बारे में शिकायत की है, यहां तक ​​कि डिफ़ॉल्ट ओवरले स्क्रॉलबार को हटाने या अक्षम करने के बाद भी। मुझे आश्चर्य है कि मैं आसानी से उनका रंग और चौड़ाई कैसे बदल सकता हूं।

मेरे पास 1600 * 900 रिज़ॉल्यूशन के साथ 13.3 इंच का मॉनिटर है और मैं मुश्किल से उन्हें देख सकता हूं, जैसा कि आप इन चित्रों में देख सकते हैं:

http://placerdigital.net/up/Dropbox_003.png

http://placerdigital.net/up/Nuvola.png

http://placerdigital.net/up/Ubuntu%20Software%20Center_004.png

मैंने पहले से ही फ़ायरफ़ॉक्स, लिब्रे ऑफिस और कुछ अन्य सॉफ़्टवेयर के स्क्रॉलबारों को GNOME रंग चयनक का उपयोग करके बदल दिया है:

यहाँ छवि विवरण दर्ज करें

वैसे, मैं यूनिटी का उपयोग कर रहा हूं। धन्यवाद!


1
स्क्रीनशॉट अच्छा होगा।
उरी हरेरा

1
एक स्क्रीनशॉट मुझे इस मामले में सोचना चाहिए। चूंकि प्रदान किया गया उत्तर वह नहीं है जो आप चाहते थे।
अनवर

हाय @UriHerrera और अनवर, मैंने पहले से ही कुछ चित्र जोड़े हैं। धन्यवाद!
चुक्की

1
भगवान के प्यार के लिए कृपया क्यों देवता सिर्फ सिस्टम सेटिंग्स के तहत इसे बदलने के लिए आसान नहीं बनाते हैं?
न्यूरॉनट

जवाबों:


4

ध्यान दें:

इस उत्तर में स्वरूपण सटीक (Ubuntu 12.04) के लिए ही इष्टतम हैं, भरोसेमंद (Ubuntu 14.04) के लिए बेहतर स्वरूपण के लिए अगला उत्तर देखें।


स्क्रॉलबार को दृश्यमान बनाएं (रंग बदलें)

ऊपर दिए गए vasa1 के सुझाव के आधार पर मैंने क्लासिक स्क्रॉलबार के रंग को डिफ़ॉल्ट चयन रंग में बदल दिया - वही जो ओवरले स्क्रॉलबार का उपयोग कर रहे हैं।

GTK 3 अनुप्रयोगों के लिए संशोधित:

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

लाइन 1580 से शुरू करना ताकि यह ऐसा दिखे:

.scrollbar.slider,
.scrollbar.slider:hover,
.scrollbar.button,
.scrollbar.slider.vertical,
.scrollbar.button.vertical {
    background-image: -gtk-gradient (linear, left top, right top,
                                     from (shade (@selected_bg_color, 1.38)),
                                     to (shade (@selected_bg_color, 1.22)));
    border-style: solid;
    border-width: 1px;

    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
                                           from (shade (@selected_bg_color, 1.14)),
                                           to (shade (@selected_bg_color, 1.14)));
    -unico-centroid-texture:  url("assets/scrollbar_handle_vertical.png");
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
                                                 from (shade (@selected_bg_color, 1.46)),
                                                 to (shade (@selected_bg_color, 1.3)));
    -unico-inner-stroke-width: 1px;
}

.scrollbar.slider.vertical:hover {
    background-image: -gtk-gradient (linear, left top, right top,
                                     from (shade (@selected_bg_color, 1.28)),
                                     to (shade (@selected_bg_color, 1.02)));
    border-style: solid;
    border-width: 1px;

    -unico-border-gradient: -gtk-gradient (linear, left top, right top,
                                           from (shade (@selected_bg_color, 0.94)),
                                           to (shade (@selected_bg_color, 0.94)));
    -unico-centroid-texture:  url("assets/scrollbar_handle_vertical.png");
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, right top,
                                                 from (shade (@selected_bg_color, 1.36)),
                                                 to (shade (@selected_bg_color, 1.1)));
    -unico-inner-stroke-width: 1px;
}

.scrollbar.slider.horizontal,
.scrollbar.button.horizontal {                                   
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@selected_bg_color, 1.38)),
                                     to (shade (@selected_bg_color, 1.22)));

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@selected_bg_color, 1.14)),
                                           to (shade (@selected_bg_color, 1.14)));
    -unico-centroid-texture:  url("assets/scrollbar_handle.png");
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@selected_bg_color, 1.46)),
                                                 to (shade (@selected_bg_color, 1.3)));
}

.scrollbar.slider.horizontal:hover {
    background-image: -gtk-gradient (linear, left top, left bottom,
                                     from (shade (@selected_bg_color, 1.28)),
                                     to (shade (@selected_bg_color, 1.02)));

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@selected_bg_color, 0.94)),
                                           to (shade (@selected_bg_color, 0.94)));
    -unico-centroid-texture:  url("assets/scrollbar_handle.png");
    -unico-inner-stroke-gradient: -gtk-gradient (linear, left top, left bottom,
                                                 from (shade (@selected_bg_color, 1.36)),
                                                 to (shade (@selected_bg_color, 1.1)));
}


.scrollbar.button,
.scrollbar.button:insensitive {
    -unico-outer-stroke-width: 0;
}

यह डिफ़ॉल्ट होना चाहिए।

GTK 2 अनुप्रयोगों के लिए संशोधित:

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

लाइन 223 से शुरू करना ताकि ऐसा लगे:

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

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

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

    engine "murrine"
    {
        border_shades = {1.15, 1.1}
        roundness = 20
        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}
    }
}

यह जीटीके 3 प्रारूपण के समान 100% नहीं दिखता है, इसलिए इसे सुधारने के लिए स्वतंत्र महसूस करें।


स्क्रॉलबार को क्लिक करने योग्य बनाएं (चौड़ाई बढ़ाएँ)

मूर्खतापूर्ण छोटी चौड़ाई को बढ़ाने के लिए जो उत्पादन में उपयोग किए जाने के लिए कभी नहीं थे, मेरा मानना ​​है कि एक ही फाइलों में निम्नलिखित परिवर्तन करें।

GTK 3 अनुप्रयोगों के लिए:

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

पंक्ति 1550 को संशोधित करें ताकि यह ऐसा दिखे:

.scrollbar {
    -GtkScrollbar-has-backward-stepper: 0;
    -GtkScrollbar-has-forward-stepper: 0;
    -GtkRange-slider-width: 16;

    border-radius: 20px;

    -unico-border-gradient: -gtk-gradient (linear, left top, left bottom,
                                           from (shade (@bg_color, 0.74)),
                                           to (shade (@bg_color, 0.74)));
}

GTK 2 अनुप्रयोगों के लिए संशोधित:

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

पंक्ति 34 को संशोधित करें ताकि यह ऐसा दिखे:

GtkScrollbar::slider-width = 16

पहले से ही संपादित पूर्ण फ़ाइलों को प्राथमिकता देने वालों के लिए, आप यहाँ से मेरा डाउनलोड कर सकते हैं:

GTK 3: gtk-widgets.css

GTK 2: gtkrc

सावधान रहे। बैकअप बनाते हैं।

का आनंद लें! :)


उन लोगों के लिए जो पहले से ही मेरे उत्तर को पढ़ते हैं: पिछले संपादन के साथ मैंने बड़े पैमाने पर स्वरूपण में सुधार किया। :)
निकोलस

8

मैं मान रहा हूँ कि आप ओवरले स्क्रॉलबार का उल्लेख कर रहे हैं क्योंकि आप एकता का उल्लेख करते हैं। मुझे नहीं पता कि चौड़ाई कैसे बदलनी है लेकिन आप निश्चित रूप से रंग बदल सकते हैं। यदि रंग पर्याप्त रूप से अलग है, तो मुझे लगता है कि चौड़ाई समस्या का इतना हिस्सा नहीं है क्योंकि होवर पर यह शालीनता से विस्तृत हो जाता है।

आपको gtkrc (gtk-2.0 फ़ोल्डर में) और gtk-widgets.css (gtk-3.0 फ़ोल्डर में) नामक फाइलों के लिए अपने विषय के फ़ोल्डर में देखने की जरूरत है । इन फाइलों को टेक्स्ट एडिटर से खोलें। अगर आपकी थीम / usr / शेयर / थीम में है और ~ / .themes में नहीं है तो आपको gksudo geditइसके बजाय उपयोग करने की आवश्यकता हो सकती है gedit। फिर, ओवरले स्क्रॉलबार या ओवरले-स्क्रोलबार या कुछ इसी तरह की खोज करें और उन वर्गों में निर्दिष्ट रंगों के साथ खेलें। आप हेक्स कोड में अपना रंग भी निर्दिष्ट कर सकते हैं।

जाहिर है, यदि आप ऐसा चुनते हैं, तो आप दो फ़ाइलों में अलग-अलग रंग सेट कर सकते हैं।

उन परिवर्तनों की कल्पना करने के लिए, जिन्हें आपने इन फ़ाइलों में किए गए परिवर्तनों को सहेजने और सहेजने के बाद किसी अन्य विषय पर और वापस स्विच करने की आवश्यकता हो सकती है।

आपके द्वारा / usr / शेयर / थीम में किए गए बदलाव सिस्टम-वाइड होंगे और ~ / .themes में परिवर्तन उपयोगकर्ता-विशिष्ट होंगे।

यह वही है जो मेरा ओवरले स्क्रॉलबार PCManFM में दिखता है।

मेरा ओवरले स्क्रॉलबार

संपादित करें : यदि कोई पारंपरिक स्क्रॉलबार का उपयोग कर रहा है, तो जीकेईटी जैसे जीईके-3.0 ऐप में स्लाइडर और गर्त के बीच कंट्रास्ट को बढ़ाने के लिए, ऊपर दिए गए gtk-widgets.css फ़ाइल को संपादित कर सकता है। ऐसा करने के लिए, स्क्रॉलबार (या कुछ इसी तरह) शीर्षक वाले अनुभाग को खोजें और उन पंक्तियों की तलाश करें जिनमें कुछ इस तरह है:

.scrollbar.slider,
.scrollbar.slider:hover,
.scrollbar.button,
.scrollbar.slider.vertical,
.scrollbar.slider.vertical:hover,
.scrollbar.button.vertical {
    background-image: -gtk-gradient (linear, left top, right top,
                                 from (shade (@bg_color, 1.08)),
                                 to (shade (@bg_color, 0.92)));
    border-style: solid;
    border-width: 1px;

यहां, कोई भी छाया को बदलकर पृष्ठभूमि-छवि के लिए मूल्यों के साथ खेल सकता है । एक उच्च मूल्य उज्जवल है, एक कम मूल्य गहरा है।

मैं कुछ और सरल करना पसंद करता हूं: मैं पृष्ठभूमि-छवि को पृष्ठभूमि- रंग में बदल देता हूं और बस एक रंग पसंद करता हूं जो मुझे पसंद है। इसलिए, उदाहरण के लिए, पृष्ठभूमि-रंग: लाल; शायद बकाया कंट्रास्ट देगा।

मेरा कोड इस तरह दिखता है:

.scrollbar.slider,
.scrollbar.button,
.scrollbar.slider.vertical,
.scrollbar.button.vertical {
    background-color: #003263; /*@theme_bg_color;*/
    /**/
    /**/

जाहिर है, संपादन करने से पहले एक बैकअप सलाह दी जाती है और एक के बजाय का उपयोग करके स्थिति को हटाने की जीटीके-widgets.css फ़ाइल में सामान बाहर टिप्पणी कर सकते हैं /*और */

(मुझे उत्तर पोस्ट करते समय काम करने के लिए ब्लॉक कोट्स का प्रारूपण नहीं मिल सकता है। यदि कोई व्यक्ति चीजों को साफ करेगा, तो मैं आभारी रहूंगा।)

एक अंतिम संपादन (मुझे आशा है): क्रोम या क्रोमियम के उपयोगकर्ता अपनी gtk-2.0/apps/chromium.rcफ़ाइल को संपादित करके कंट्रास्ट बढ़ा सकते हैं यदि उनकी थीम इसे प्रदान करती है या gtk-2.0/gtkrcयदि आवश्यक हो तो संपादन को वहां मौजूद है। दोनों ही मामलों में किसी को "हेड क्रोम-gtk- फ्रेम" स्टाइल वाले सेक्शन की तलाश करनी चाहिए । यहां, फिर से, इस (या समान) लाइन में शेड वैल्यू के साथ खेलें:

ChromeGtkFrame::scrollbar-slider-normal-color = shade (1.4, @panel_bg)

या कोई इस तरह एक रंग विशिष्ट कर सकता है:

ChromeGtkFrame::scrollbar-slider-normal-color = "#003263"

या

ChromeGtkFrame::scrollbar-slider-normal-color = "blue"

(उद्धरण आवश्यक हैं।)


1
मुझे क्षमा करें, @ vasa1! मैं यह उल्लेख करना भूल गया कि मैंने "Unsettings" या कुछ कमांड का उपयोग करके ओवरले स्क्रॉलबार को हटा दिया है। अब मेरे पास संकीर्ण और कम-विपरीत स्क्रॉलबार हैं। मुझे यही तय करना है। (मैंने पहले से ही मूल प्रश्न संपादित किया है)।
चुक्की

@Chuqui, क्या आप कुछ विशिष्ट ऐप्स का उल्लेख कर सकते हैं जो समस्याग्रस्त हैं? और उल्लेख करें कि आप किस विषय का उपयोग कर रहे हैं। मुझे कम से कम एक विषय के बारे में पता है जिसमें बहुत पतले स्क्रॉलबार हैं। उस मामले में, यह सिर्फ एक और विषय की कोशिश का विषय हो सकता है।

हाय @ vasa1, मैं आपको दिए गए विस्तृत निर्देशों के लिए फिर से धन्यवाद देना चाहता हूं। मुझे खेद है कि मैं अपने प्रश्न में पर्याप्त स्पष्ट नहीं था। ऊपर आप उन एप्लिकेशन की छवियां देख सकते हैं, जहां स्क्रॉलबार देखने में कठिन हैं: Nautilus, Nuvola Player और Ubuntu Software Center। इसके विपरीत, Gnome Color Chooser I का उपयोग करके मैं फ़ायरफ़ॉक्स, उबंटू वन और अन्य सॉफ्टवेयर के स्क्रॉलबार, जैसे लिबरऑफिस को बदल सकता था। मैं डिफ़ॉल्ट विषय का उपयोग कर रहा हूं:
Amurance

1
मेरे द्वारा प्रदान किया गया संपादन आपको इंगित करना चाहिए कि आप Nautilus और USC के लिए विपरीत कैसे बढ़ा सकते हैं। मैं Nuvola के बारे में नहीं जानता। IMO, एंबियंस में डिफ़ॉल्ट स्क्रॉलबार की चौड़ाई बहुत खराब नहीं है (एक बार जब आप कंट्रास्ट को ट्वीक करते हैं)।

बहुत अच्छा जवाब। यह कैसे पता चलेगा कि कोई एप्लिकेशन GTK 2 या GTK 3 का उपयोग करता है? Ex nautilus, gedit GTK 3 का उपयोग करता है, लेकिन फ़ायरफ़ॉक्स / थंडरबर्ड GTK 2 का उपयोग करता है। क्या इसका पता लगाने का कोई तरीका है?
चंद्रय्या जीके

2

के लिए Ubuntu 14.04 (भरोसेमंद तहर) थोड़ा अलग संशोधनों की जरूरत है।

GTK 3: gtk-widgets.css पर जाता है: /usr/share/themes/Amurance/gtk-3.0/gtk-widgets.css

GTK 2: gtkrc जाता है: /usr/share/themes/Amurance/gtk-2.0/gtkrc

पहले बैकअप लें:

sudo cp /usr/share/themes/Ambiance/gtk-2.0/gtkrc /usr/share/themes/Ambiance/gtk-2.0/gtkrc.bak
sudo cp gtkrc /usr/share/themes/Ambiance/gtk-2.0/
sudo cp /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css.bak
sudo cp gtk-widgets.css /usr/share/themes/Ambiance/gtk-3.0/ 

वे आदेश डाउनलोड की गई फ़ाइलों gtkrcऔर gtk-widgets.cssवर्तमान निर्देशिका में अपेक्षा करते हैं ।


1
क्या यह आपके अन्य उत्तर को संपादित करने के रूप में बेहतर नहीं होगा?
पावेल वी।

एक अलग उत्तर के लिए मेरा इरादा 14.04 से 12.04 सामान को स्पष्ट रूप से अलग करना था, ताकि मेरी तैयार लेआउट फ़ाइलों के उपभोक्ता सही तरीके से जल्दी से और बिना भ्रमित हो सकें। लेकिन ... अच्छी तरह से ... एक के बारे में बहस कर सकते हैं ...;)
निकोलस
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.