ध्यान दें:
इस उत्तर में स्वरूपण सटीक (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
सावधान रहे। बैकअप बनाते हैं।
का आनंद लें! :)