উবুন্টু 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

আমি ইতিমধ্যে ফায়ারফক্স, লিব্রেফিস এবং অন্যান্য সফ্টওয়্যার এর স্ক্রোলবারগুলিকে জিনোম রঙ চয়নকারী ব্যবহার করে পরিবর্তন করেছি:

এখানে চিত্র বর্ণনা লিখুন

যাইহোক, আমি ityক্য ব্যবহার করছি। ধন্যবাদ!


1
স্ক্রিনশটটি দুর্দান্ত লাগবে।
উরি হেরেরা

1
এক্ষেত্রে আমার অবশ্যই মনে করা দরকার একটি স্ক্রিনশট। যেহেতু প্রদত্ত উত্তরটি আপনি চান তা নয়।
আনোয়ার

হাই @ উরিহেরেরা এবং আনোয়ার, আমি ইতিমধ্যে কিছু চিত্র যুক্ত করেছি। ধন্যবাদ!
Chuqui

1
Godশ্বরের ভালবাসার জন্য দয়া করে কেন ডেভগুলি কেবল সিস্টেম সেটিংসের আওতায় পরিবর্তন করা সহজ করবে না?
নিউরোনেট

উত্তর:


4

বিঃদ্রঃ:

এই উত্তরের ফর্ম্যাটগুলি কেবল সুনির্দিষ্ট (উবুন্টু 12.04) এর জন্য অনুকূল, বিশ্বস্তের জন্য উন্নত ফর্ম্যাটগুলির পরবর্তী উত্তর দেখুন (উবুন্টু 14.04)।


স্ক্রোলবারগুলি দৃশ্যমান করুন (রঙ পরিবর্তন করুন)

উপরে সরবরাহিত ভাসা 1 এর তথ্যের ভিত্তিতে আমি ক্লাসিক স্ক্রোলবারগুলির রঙকে ডিফল্ট নির্বাচনের রঙে পরিবর্তন করেছি - ওভারলে স্ক্রোলবারগুলি একইভাবে ব্যবহার করছে।

জিটিকে 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;
}

এটি ডিফল্ট হওয়া উচিত।

জিটিকে ২ অ্যাপ্লিকেশনগুলির জন্য পরিবর্তন করুন:

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% অভিন্ন দেখায় না, তাই এটি উন্নত করতে নির্দ্বিধায় মনে হয়।


স্ক্রোলবারগুলি ক্লিকযোগ্যযোগ্য করুন (প্রস্থ বৃদ্ধি করুন)

মূর্খ ছোট ছোট প্রস্থ যেগুলি কখনও উত্পাদন ব্যবহারের জন্য বোঝানো হত তা বাড়াতে আমি ধরে নিলাম, একই ফাইলগুলিতে নিম্নলিখিত পরিবর্তনগুলি করুন make

জিটিকে 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)));
}

জিটিকে ২ অ্যাপ্লিকেশনগুলির জন্য পরিবর্তন করুন:

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

34 লাইনটি এমনভাবে সংশোধন করুন যাতে এটির মতো দেখতে:

GtkScrollbar::slider-width = 16

ইতিমধ্যে সম্পাদিত সম্পূর্ণ ফাইলগুলিকে প্রাধান্য দেওয়ার জন্য, আপনি এখান থেকে আমার ডাউনলোড করতে পারেন:

জিটিকে ৩: জিটিকে-উইজেটস সিএসএস

জিটিকে ২: জিটিকেসিআরসি

সতর্ক হোন. ব্যাকআপ নিন।

উপভোগ করুন! :)


যারা ইতিমধ্যে আমার উত্তরটি পড়েছেন তাদের জন্য: শেষ সম্পাদনা দিয়ে আমি ফর্ম্যাটিংটি বেশিরভাগে উন্নত করেছি। :)
নিকোলাস

8

আমি ধরে নিচ্ছি আপনি ওভারলে স্ক্রোলবারগুলি উল্লেখ করছেন কারণ আপনি youক্যের উল্লেখ করেছেন। আমি কিভাবে প্রস্থ পরিবর্তন করতে জানি না তবে আপনি অবশ্যই রঙ পরিবর্তন করতে পারেন। যদি রঙটি যথেষ্ট স্বতন্ত্র হয় তবে আমি অনুভব করি প্রস্থটি তেমন কোনও সমস্যা নয় কারণ হোভারের ভিত্তিতে এটি প্রশস্ত আকারে প্রশস্ত হয়।

তোমাকে ডেকেছিলাম ফাইলের জন্য আপনার থিমের ফোল্ডারে আপনার প্রয়োজন gtkrc এবং (GTK-2.0 ফোল্ডারে) GTK-widgets.css (GTK -3.0 ফোল্ডারে)। একটি পাঠ্য সম্পাদক দিয়ে এই ফাইলগুলি খুলুন। আপনার থিমটি যদি / usr / share / থিমগুলিতে থাকে এবং ~ /। থিমগুলিতে না হয় gksudo geditকেবল তার পরিবর্তে আপনাকে ব্যবহারের প্রয়োজন হতে পারে gedit। তারপরে, ওভারলে স্ক্রোলবার বা ওভারলে-স্ক্রোলবার বা অনুরূপ কিছু সন্ধান করুন এবং those বিভাগগুলিতে বর্ণিত রঙগুলির সাথে খেলুন। এমনকি আপনি হেক্স কোডে নিজের রঙ নির্দিষ্ট করতে পারেন।

স্পষ্টতই, আপনি যদি চয়ন করেন তবে দুটি ফাইলে আপনি বিভিন্ন রঙ সেট করতে পারেন।

পরিবর্তনগুলি ভিজ্যুয়ালাইজ করতে আপনার এই ফাইলগুলিতে পরিবর্তনগুলি সংরক্ষণ এবং সংরক্ষণ করার পরে অন্য থিমে ফিরে যেতে হবে।

আপনি / usr / share / থিমগুলিতে পরিবর্তনগুলি সিস্টেম-ব্যাপী হবে এবং ~ /। থিমগুলিতে পরিবর্তনগুলি ব্যবহারকারী নির্দিষ্ট হবে।

আমার ওভারলে স্ক্রোলবারটি পিসিএমএএনএফএম-এর মতো দেখতে।

আমার ওভারলে স্ক্রোলবার

সম্পাদনা : ক্ষেত্রে, কেউ প্রচলিত স্ক্রোলবারগুলি ব্যবহার করছে, তারপরে জিডিটির মতো gtk-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;

এখানে, ছায়া পরিবর্তন করে ব্যাকগ্রাউন্ড-চিত্রটির জন্য মানগুলি খেলতে পারে । একটি উচ্চতর মান উজ্জ্বল, একটি কম মান গা dark় হয়।

আমি আরও সাধারণ কিছু করতে পছন্দ করি: আমি ব্যাকগ্রাউন্ড-চিত্রটি ব্যাকগ্রাউন্ড- রঙে পরিবর্তন করি এবং আমার পছন্দ মতো একটি রঙ থাকে have সুতরাং, উদাহরণস্বরূপ, পটভূমি-রঙ: লাল; সম্ভবত অসামান্য বৈপরীত্য দিতে হবে।

আমার কোডটি এর মতো দেখাচ্ছে:

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

স্পষ্টতই, সম্পাদনার আগে একটি ব্যাকআপ পরামর্শ দেওয়া হয় এবং gtk-widgets.css ফাইলে জিনিসগুলি ব্যবহার করে /*এবং মুছে ফেলার পরিবর্তে স্টাফ মন্তব্য করতে পারে */

(উত্তর পোস্ট করার সময় আমি ব্লক কোটের ফর্ম্যাটিংটি কাজ করতে পারি না some কেউ যদি জিনিসগুলি পরিষ্কার করে দেয় তবে আমি কৃতজ্ঞ হব))

একটি সর্বশেষ সম্পাদনা (আমি আশা করি): ক্রোম বা ক্রোমিয়ামের ব্যবহারকারীরা gtk-2.0/apps/chromium.rcতাদের থিমটি সরবরাহ করে যদি তাদের ফাইল সম্পাদনা করে বা gtk-2.0/gtkrcযা প্রয়োজন হয় সেখানে উপস্থিত থাকলে সম্পাদনা করে বৈসাদৃশ্য বাড়িয়ে তুলতে পারে । উভয় ক্ষেত্রেই একটি বিভাগে নেতৃত্বাধীন শৈলী "ক্রোম-জিটিকে-ফ্রেম" অনুসন্ধান করা উচিত । এখানে, আবার, এই (বা অনুরূপ) লাইনে শেড মান সহ খেলুন:

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

অথবা যে কোনও এটির মতো রঙ নির্দিষ্ট করতে পারে:

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

অথবা

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

(উদ্ধৃতি আবশ্যক।)


1
আমি দুঃখিত, @ ভাসা 1! আমি উল্লেখ করতে ভুলে গেছি যে আমি "আনসেটেটিংস" বা কিছু কমান্ড ব্যবহার করে ওভারলে স্ক্রোলবারগুলি সরিয়েছি। এখন আমার কাছে সংকীর্ণ এবং নিম্ন-বিপরীতে স্ক্রোলবার রয়েছে। এটাই আমার ঠিক করা দরকার। (আমি ইতিমধ্যে মূল প্রশ্নটি সম্পাদনা করেছি)।
Chuqui

@ চুকুই, আপনি দয়া করে সমস্যাযুক্ত কয়েকটি নির্দিষ্ট অ্যাপ্লিকেশন উল্লেখ করতে পারেন? এবং আপনি কোন থিম ব্যবহার করছেন তা উল্লেখ করবেন না। আমি কমপক্ষে একটি থিম জানি যাতে খুব পাতলা স্ক্রোলবার রয়েছে। সেক্ষেত্রে এটি কেবল অন্য থিম চেষ্টা করার বিষয় হতে পারে।

হাই @ ভাসা 1, আপনি আমাকে যে বিস্তারিত নির্দেশনা দিয়েছেন তার জন্য আমি আপনাকে আবারও ধন্যবাদ জানাতে চাই। আমি দুঃখিত আমি আমার প্রশ্নে যথেষ্ট পরিষ্কার ছিল না। উপরে আপনি অ্যাপ্লিকেশনগুলির চিত্র দেখতে পারেন যেখানে স্ক্রোলবারগুলি দেখতে পাওয়া শক্ত: নটিলাস, নুভোলা প্লেয়ার এবং উবুন্টু সফটওয়্যার কেন্দ্র। বিপরীতে, জিনোম রঙ চয়নকারী ব্যবহার করে আমি ফায়ারফক্স, উবুন্টু ওয়ান এবং অন্যান্য সফ্টওয়্যার এর স্ক্রোলবারগুলি, যেমন লিবারেফিসের মতো পরিবর্তন করতে পারি। আমি ডিফল্ট থিমটি ব্যবহার করছি: অ্যাম্বিয়েন্স
চুকি

1
আমি যে সম্পাদনা সরবরাহ করেছি তা আপনাকে নির্দেশ করবে যে কীভাবে আপনি এমনকি নটিলাস এবং ইউএসসির পক্ষেও বৈকল্পিক বাড়িয়ে তুলতে পারেন। নুভোলার কথা আমি জানি না। আইএমও, অ্যামবিয়েন্সের ডিফল্ট স্ক্রোলবার প্রস্থ খুব খারাপ নয় (একবার আপনি এর বিপরীতে ঝাঁকুনি দিচ্ছেন)।

খুব সুন্দর উত্তর। অ্যাপ্লিকেশনটি জিটিকে ২ বা জিটিকে ৩ ব্যবহার করে কিনা তা কীভাবে জানতে পারি? পূর্ববর্তী নোটিলাস, জিডিট জিটিকে ৩ ব্যবহার করে তবে ফায়ারফক্স / থান্ডারবার্ড জিটিকে ২ ব্যবহার করে?
চন্দ্রায়য় জি কে

2

জন্য উবুন্টু 14.04 (বিশ্বাসভাজন Tahr) কিছুটা ভিন্ন পরিবর্তন প্রয়োজন হয়।

GTK 3: gtk-widgets.css এ যায়: /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.css

জিটিকে ২: জিটিকিআরসিআর এতে চলে যায় : / ওএসআর / শেয়ার / থিম / অ্যামবিয়েন্স / জিটিকে ২.০ / জিটিকিআরসিআর

পূর্বে ব্যাকআপ নিন:

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 স্টাফ পরিষ্কারভাবে আলাদা করা যাতে আমার প্রস্তুত লেআউট ফাইলগুলির গ্রাহকরা সঠিক এবং দ্রুত বিভ্রান্ত না হয়ে সঠিকগুলি খুঁজে পেতে সক্ষম হন। তবে ... ভাল ... কেউ তর্ক করতে পারে ...;)
নিকোলাস
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.