আমি কীভাবে আরও বড় স্ট্যাটিক স্ক্রোলবার (ওরফে সাধারণ স্ক্রোলবার) পেতে পারি?

Question

আমি আনন্দিত যে বাইরের ওভারলে স্ক্রোলবারগুলি শেষ পর্যন্ত চলে গেছে।

তবে স্ক্রোলবারটি এখনও একটি রেজার পাতলা রেখা যা কম রেজার পাতলা স্ক্রোলবারে পরিণত হয়, তবে মাউস ঘোরাতে গেলে এখনও পাতলা স্ক্রোলবার হয়।

আমি কীভাবে একটি সাধারণ স্ক্রোলবার পেতে পারি ? যেমন, ফায়ারফক্সের মতো অন্যান্য ওএসের মতো, একটি স্ক্রোলবার যা মাউসটি দেখায় তার উপর নির্ভর করে এবং একটি প্রস্থের সাথে প্রস্থে পরিবর্তন হয় না।

আমি ইতিমধ্যে চেষ্টা করেছি

gsettings set com.canonical.desktop.interface scrollbar-mode normal

তবে ভাগ্য নেই

Comments

এটি কীভাবে এখনও একটি ডাং ইস্যু এবং মান সিস্টেমের সেটিংসের / অংশ ঠিক করতে পারে না? প্রভু চার বছর আগে আমি এই জাতীয় স্টাফ উপর বেশ উবুটু রেগে গিয়েছিলাম এবং মনিয়ার চারণভূমিতে গিয়েছিলাম ...

— Lol

@ নিউরোনেট আমেন, ভাই

— স্টিভ কোহেন

Answer 1

এই ফাইলটি সম্পাদনা করুন / শ্রোতা / অংশীদার / থেম / অ্যাম্বিয়েন্স / জিটিকি ৩৩.০/gtk-widgets.css

এই রেখার জন্য (1200 লাইনের চারপাশে) সন্ধান করুন: -জিটিক্র্যাঞ্জ-স্লাইডার-প্রস্থ: 10;

এবং 20 বা 30 এর মতো একটি বড় সংখ্যায় 10 পরিবর্তন করুন এবং সম্পন্ন করেছেন :)

আমি মনে করি তারা খুব ছোট ...

এই চিত্রটি দেখুন:

আপনি যদি স্ক্রোলবারের আকার 16 এ পরিবর্তন করেন এবং আপনি চান যে সেগুলি সেভাবেই থাকে এবং আপনি যখন মাউসটি না রাখেন তখন সঙ্কুচিত হন না, তবে উপরের ছবিটিতে পরিবর্তনগুলি করুন।

আপনি যদি 16 এর চেয়ে অন্য কোনও আকার ব্যবহার করেন তবে সঠিক হওয়ার জন্য মার্জিন মাপের সাথে পরীক্ষা করুন।

Comments

আমি এটিকে 16 এ সেট করে রেখেছি এবং সমস্ত হোভার / টেনে নিয়ে যাওয়া স্টাফ মন্তব্য করেছি এবং এখন স্ক্রোলবারগুলি বেশ পুরানো স্ট্যাটিক ... এটি কয়েক সেকেন্ড পরেও অদৃশ্য হয়ে যাচ্ছে। এমন কিছু অ্যানিমেশন ফাংশন আছে যা আমি দেখিনি?

— সাইমন

ঠিক আছে, ঠিক প্রথমদিকে যেখানে আপনি প্রথম পরিবর্তন করেছিলেন আপনি সেগুলি দেখতে পাবেন: margin-left: 2px;পাশাপাশি margin-rightএবং margin-top। এগুলির তিনটিই 2px থেকে 7px এ পরিবর্তন করুন এবং আপনার স্ক্রোলবারগুলি প্রশস্ত থাকবে।

— ডোরিয়ান

স্ক্রোলবারগুলি বড় থাকার জন্য আপনার কী পরিবর্তন করতে হবে তা পরিষ্কার করার চেষ্টা করার জন্য আমি আমার উত্তরে একটি ছবি যুক্ত করেছি।

— ডোরিয়ান

তোমাকে অনেক ধন্যবাদ! আমার দাদা সত্যিই খুব ছোট স্ক্রোল বারগুলির সাথে লড়াই করছিলেন, তবে আমি এটিকে 25px এ পরিবর্তিত করেছি এবং এখন তিনি একজন প্রো এর মতো স্ক্রল করছেন!

— Erty Seidohl

দ্রষ্টব্য, আমি আমার পরিবর্তন করে 24 এ পরিণত করেছি এবং 7px এখনও মার্জিনের জন্য সঠিক আকার ছিল যা নিশ্চিত করা যায় যে এটি হোভারে সঠিক থাকে। আপনার পরিবর্তনগুলি কার্যকর হয়েছে কিনা তা নিশ্চিত করার জন্য নোটটি আপনার প্রোগ্রামটি পুনরায় চালু করতে ভুলবেন না (যেমন ফায়ারফক্স)। দুর্দান্ত জিনিস।

— নিউরোনেট

Answer 2

আমি মনে করি আপনার সেখানে সতর্ক হওয়া উচিত। আমরা সত্যই সিস্টেমের সমস্ত ব্যবহারকারীর অ্যাকাউন্টগুলির ক্রিয়াকলাপে হস্তক্ষেপ না করার ইচ্ছা না করে থিমের জন্য সিস্টেম-ব্যাপী ডিফল্টগুলি সম্পাদনা করার পরামর্শ দেব না। এটি করার সময় যদি আপনি কোনও ত্রুটি ঘটায় তবে তা সমস্ত ব্যবহারকারীর অ্যাকাউন্টগুলিকে প্রভাবিত করে। সতর্কতার আরেকটি বিষয় হ'ল প্যাকেজগুলি আপডেট হয়ে গেলে আপনার পরিবর্তনগুলি মুছে ফেলা হবে।

এই কৌশলটির আর একটি ঘাটতি হ'ল এটি কেবল একটি জিটিকে থিমের আচরণ পরিবর্তন করে তবে আপনি সমস্ত জিটিকে -৩.০ থিমগুলিতে স্ক্রোলবার আকার পরিবর্তন করতে চাইতে পারেন।

পরিবর্তে, কোনও ব্যবহারকারীর অ্যাকাউন্টের মধ্যে কনফিগারেশন ফাইলগুলি সম্পাদনা করুন। কৌশলটি হ'ল এটি চিহ্নিত করা যে কোনটি পছন্দসই শেষ পয়েন্টের সবচেয়ে কমতম দূরত্ব। আপনার সম্পাদনা করা জিটিকে ফাইলটি সিএসএসের (ক্যাসকেডিং স্টাইল শীট) সেটআপের অংশ, সুতরাং আপনি নিজের অ্যাকাউন্টে যে কাস্টমাইজেশনটি রেখেছেন সেটি সেটিংসটি পরিবর্তন করবে।

আপনার ব্যবহারকারীর অ্যাকাউন্টে, ~ / .config / gtk-3.0 / gtk.css ফোল্ডারে আমার বর্তমানে এটি "gtk.css" নামে একটি ফাইলে আছে

.scrollbar {
  -GtkScrollbar-has-backward-stepper: true;
  -GtkScrollbar-has-forward-stepper: true;
  -GtkRange-slider-width: 20;
  -GtkRange-stepper-size: 20;
}

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

আপনি যদি সত্যিই অনেকগুলি সেটিংস সম্পাদনা করতে চান, তবে সঠিক কাজটি হ'ল পুরো gtk-widgets.css ফাইলটি অনুলিপি করে আপনার। / .Config / gtk-3.0 ফোল্ডারে রেখে দেওয়া উচিত। তারপরে সেটিংসের সাথে শহর ঘুরে বেড়াও।

একই ফোল্ডারে আমার কাছে "settings.ini" নামে একটি ফাইল রয়েছে

[Settings]
gtk-primary-button-warps-slider = false

এটি স্ক্রোলবারের একটি ক্লিককে ফাইলের একটি নির্দিষ্ট পয়েন্টে যেতে বাধা দেয়, পরিবর্তে এটি কেবল একটি স্ক্রিনে অগ্রসর হয়। আমি যে পছন্দ!

জানার মতো অন্য জিনিসটি হ'ল সেই থিম ফাইলটি (যা আগে @Dorian দ্বারা সুপারিশ করা হয়েছিল বা আমার পরামর্শ অনুসারে সমস্ত GTK-3.0 ভিত্তিক থিমের জন্য ব্যবহারকারী অ্যাকাউন্ট পরিবর্তিত) কেবলমাত্র GTK-3.0 টুলকিটের উপর ভিত্তি করে প্রোগ্রামগুলি পরিবর্তন করে। এটি সমস্ত অ্যাপ্লিকেশনগুলির জন্য স্ক্রোলবার পরিবর্তন করে না। এটি কেবল সেই gtk-3.0 কনফিগারেশন ফাইলটি পড়ে for যেহেতু আপনি একটি gtk-3.0 থিম সম্পাদনা করছেন, তাই QT বা gtk-2.0 সহ রচিত অ্যাপ্লিকেশনগুলি পরিবর্তন হবে না। সুতরাং, সমস্ত প্রোগ্রামের স্ক্রোলবার আকার পরিবর্তন করা আপনার প্রত্যাশার চেয়ে আরও বেশি কঠিন / ক্লান্তিকর।

আমি gtk-2.0 তেও স্ক্রোলবার প্রস্থ পরিবর্তন করেছি। এটি একটি পৃথক ফোল্ডার done / .config / gtk-2.0 এ সম্পন্ন করা হয়। তৈরি করার জন্য ফাইলটির নাম দেওয়া হয়েছে জিটিকেসিআরসি

style "scroll"
{
 GtkScrollbar::slider-width = 20
}

নোট করুন যে gtk-2.0 একটি আলাদাভাবে ডিজাইন করা সেটআপ তাই বাক্য গঠন আলাদা, আপনি gtk-3.0 CSS কে gtk-2.0 ফোল্ডারে অনুলিপি করতে পারবেন না।

আমি লক্ষ্য করেছি যে আপনি যখন স্ক্রোলবারটিকে আলাদা করেন তখন কিছু অ্যাপ্লিকেশনগুলি খারাপ আচরণ করে কারণ স্লাইডার ট্রুপের অভ্যন্তরে "গ্র্যাবার" এর আকারটি সঠিকভাবে পরিবর্তন করা যায়নি is আমার সন্দেহ হয় @ ডরিয়ানের ফাইলে স্ক্রোলবার-টেনে আনার পরিবর্তনগুলি এতে সহায়তা করবে। আমি ফিরে এসে চেষ্টা করতে পারি। আমি তোমাকে জানাবো.

সংক্ষিপ্তসার: কী "পুরানো সময়ের লিনাক্স সিস্টেম প্রশাসকের পরামর্শ হ'ল" সিস্টেম-ভিত্তিতে কনফিগার ফাইলগুলি সম্পাদনা করা উচিত নয়। আপনি আপনার সিস্টেমকে ঝুঁকির মধ্যে ফেলে দিচ্ছেন, আপনার পরিবর্তনগুলি পুনর্বিবেচনাগুলির মধ্যে স্থায়ী হবে না এবং এর জন্য রুট অ্যাক্সেস প্রয়োজন যা এই জাতীয় কসমেটিক জিনিসগুলির পক্ষে কখনই ভাল নয়। আপনার ব্যবহারকারীর অ্যাকাউন্টে পরিবর্তন করার একটি উপায় খুঁজুন।

গীত। আপনি যদি সত্যিই সিস্টেম ফাইলগুলি নিয়ে ঘুরতে চান (কখনও কখনও আমি যদি সমস্ত ব্যবহারকারীদের ওয়ালপেপার এবং রঙের স্কিম হিসাবে আমার প্রিয় ফুটবল দলের রঙগুলি জোর করতে চাই তবে আমি তা করি)), আপনার প্রথমে যা করা উচিত তা হল একটি অনুলিপি তৈরি করা is আসল ফাইল এবং মূলটির নাম দিন "gtk-widgets.css.orig"। তারপরে আপনি যখন আপনার ফাইলটি সম্পাদনা করেন, তখন আপনার সম্পাদনার একটি অনুলিপি "gtk-widgets.css.20160609" হিসাবে সংরক্ষণ করুন, যেখানে এর শেষে আমার YYYYMMDD তারিখ রয়েছে। এইভাবে, যখন ডেব প্যাকেজ আপডেট হবে, আপনার সম্পাদিত ফাইলটির একটি অনুলিপি থাকবে। আপনি gtk-widgets.css নামে একটি সম্পাদনা করেছেন তা প্যাকেজ ইনস্টলেশন দ্বারা বিলুপ্ত করা হবে।

Comments

"আপনি উপরে থিম ফাইলটি সম্পাদনা করছেন" কী বোঝায়? "উপরে" এর অর্থ এখানে কিছু নয়।

— এন্ডোলিথ

Answer 3

এখানে স্ক্রোলবারগুলি পুনরুদ্ধার করার পদক্ষেপগুলি রয়েছে যা অদৃশ্য হয় না এবং স্থায়ী প্রস্থ থাকে, যেমন "ক্লাসিক" থাকে ones উবুন্টু ১.0.০৪-তে জিনোম ফ্ল্যাশব্যাক সেশনে পরীক্ষিত (ইউনিটিতেও কাজ করে)।

পদক্ষেপ 1. একটি ব্যাকআপ করুন /etc/environment। চালান sudo nano /etc/environmentএবং সেখানে পরবর্তী লাইন যুক্ত করুন:

GTK_OVERLAY_SCROLLING=0

এটি স্ক্রোলবারের অটোহাইড আচরণকে আটকাবে।

পদক্ষেপ ২. মূল থিম ফাইলের সাথে হস্তক্ষেপ এড়াতে /usr/share/themes/Ambiance/gtk-3.0/gtk-widgets.cssআমরা সেখান থেকে কিছু কোড ধার করব, এটিকে পরিবর্তন করব এবং এটি ব্যবহারকারীর প্রোফাইল ফোল্ডারে রাখব। এর ~/.config/gtk-3.0/gtk.cssমধ্যে পরবর্তী লাইনগুলি তৈরি এবং রাখুন:

/* Adding the buttons on the edges (if you don't need them, skip the next 4 lines)
 */

.scrollbar {
  -GtkScrollbar-has-backward-stepper: 1;
  -GtkScrollbar-has-forward-stepper: 1;
}

/* Scrollbar trough squeezes when cursor hovers over it. Disabling that
 */

.scrollbar.vertical:hover:dir(ltr),
.scrollbar.vertical.dragging:dir(ltr) {
    margin-left: 0px;
}

.scrollbar.vertical:hover:dir(rtl),
.scrollbar.vertical.dragging:dir(rtl) {
    margin-right: 0px;
}

.scrollbar.horizontal:hover,
.scrollbar.horizontal.dragging,
.scrollbar.horizontal.slider:hover,
.scrollbar.horizontal.slider.dragging {
    margin-top: 0px;
}

/* Slider widens to fill the scrollbar when cursor hovers over it. Making it permanent
 */

.scrollbar.slider.vertical:dir(ltr):not(:hover):not(.dragging) {
    margin-left: 0px;
}

.scrollbar.slider.vertical:dir(rtl):not(:hover):not(.dragging) {
    margin-right: 0px;
}

.scrollbar.slider.horizontal:not(:hover):not(.dragging) {
    margin-top: 0px;
}

পদক্ষেপ 3.~/.config/gtk-3.0/settings.ini এটিতে পরবর্তী লাইনগুলি তৈরি এবং যুক্ত করুন:

[Settings]
gtk-primary-button-warps-slider = false

আপনি স্লাইডারের উভয় পাশের স্ক্রোলবারটি ক্লিক করলে এটি পৃষ্ঠায় পৃষ্ঠা স্ক্রোলিং আচরণ পুনরুদ্ধার করবে। যদি এই ফাইলটি ইতিমধ্যে বিদ্যমান থাকে তবে কেবলমাত্র এর [Settings]বিভাগে শেষ লাইনটি যুক্ত করুন ।

পদক্ষেপ 4. আনইনস্টল করুন overlay-scrollbarএবং overlay-scrollbar-gtk2প্যাকেজগুলি - আপনার আর এগুলি লাগবে না।

দ্রষ্টব্য আপনি কিছু অ্যাপ্লিকেশান যা সুপার-ইউজার অধিকার (অর্থাত Synaptic, gedit ইত্যাদি) প্রয়োজন ব্যবহার করেন তাহলে তারপর আপনি এই স্থান উচিত gtk.cssএবং settings.iniরুট এর প্রফাইল ফোল্ডারে ফাইলগুলি:

sudo cp ~/.config/gtk-3.0/gtk.css /root/.config/gtk-3.0/
sudo cp ~/.config/gtk-3.0/settings.ini /root/.config/gtk-3.0/

পিপিএস যদি আপনি দেখতে পান যে এই স্ক্রোলবারগুলি আপনার পক্ষে খুব সংকীর্ণ, তাদের আরও বিস্তৃত করুন। আপনার পরবর্তী লাইনে কেবল যুক্ত করুন ~/.config/gtk-3.0/gtk.css:

.scrollbar {
  -GtkRange-slider-width: 15;
}

আপনি ফিট হিসাবে দেখতে প্রস্থ বৃদ্ধি করুন (ডিফল্ট 10 হয়)। আপডেট করুন /root/.config/gtk-3.0/gtk.cssএছাড়াও, যদি প্রয়োজন ছিল।

Comments

আমি কেবলমাত্র আইটেমটির সাথে প্রস্থটি বাড়িয়ে তুলতে সক্ষম হয়েছি:, .scrollbar {-GtkRange-slider-width: 15; …আপনি উল্লিখিত সমস্ত বিকল্প ছাড়াই। তবে এটি কেবল ভার্চুয়াল মেশিনে ছিল। আমি যখন ডেস্কটপে একই কাজ করার চেষ্টা করি তখন কিছুই কাজ করেনি, যদিও আমি সমস্ত ধাপ চেষ্টা করেছিলাম। আমি মনে করি ফায়ারফক্স ৫২ এ একটি বাগ আছে, কারণ ভার্চুয়াল মেশিনে, যেখানে উত্তরটি সাহায্য করেছে, সেখানে স্ক্রোল বারটি হোভার ইভেন্টটির জন্য সঠিকভাবে প্রতিক্রিয়া দেখিয়েছে এবং স্বয়ংক্রিয়ভাবে প্রশস্ত হয়ে যায়। ডেস্কটপে এটি ঘোরাগুলি পরিচালনা করে না (যা আসলে কারণ, আমাকে স্ক্রোলবারটি আরও প্রশস্ত করা দরকার কেন) এবং gtk.cssও উপেক্ষা করা হবে

— user907860

@ ব্যবহারকারী 907860 একেবারে বিপরীতে, উপরে উল্লিখিত সমস্ত পদক্ষেপগুলি পুরোপুরি হোভার ইভেন্টটিকে উপেক্ষা করার উদ্দেশ্যে করা হয়েছে । তাদের স্থিতিশীল, স্থায়ী স্ক্রোলবারগুলি তৈরি করা দরকার যা তাদের প্রস্থকে কখনই পরিবর্তন করে না, যেমনটি Unক্য প্রাক যুগে ছিল।

— হোয়াটগার

হ্যাঁ আপনি সঠিক. আমি হওর কার্যকারিতা স্পর্শ না করে, প্রস্থের বৃদ্ধি কেবল বোঝাতে

— চাইছি

যাইহোক, আপনার কোনও ধারণা নেই, কেন এটি একটি ডেস্কটপে ফায়ারফক্স ৫২ এ কাজ করে না, যখন এটি ভার্চুয়াল মেশিনে ব্যবহার করে? জিজ্ঞাসাবাবু

— প্রশ্ন /

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

— ডোমিনিক সেরিসানো

Answer 4

-GtkRange-slider-widthডিফল্ট জিটিকে + 3 থিমের পরিবর্তনের কোনও প্রভাব নেই। পরিবর্তে, আপনি এটি করতে পারেন:

scrollbar slider {
    /* Size of the slider */
    min-width: 20px;
    min-height: 20px;
    border-radius: 22px;

    /* Padding around the slider */
    border: 5px solid transparent;
}

(উপরের দিকে রাখুন ~/.config/gtk-3.0/gtk.css।)

Comments

আমি এটি কোথায় যুক্ত করব?

— কেনে

@ কেইন~/.config/gtk-3.0/gtk.css

— ভ্লাদিমির

উবুন্টু 18.04 এ একটি কবজির মতো কাজ করে। ধন্যবাদ!

— স্টিভ কোহেন

9 মাস পরে: এটি উবুন্টু 18.04 এর অধীনে আকর্ষণীয় কাজ করে - এটি GNUCash অ্যাপ্লিকেশন থেকে হ্যাককে বিভ্রান্ত করে EX List.gnucash.org/pipermail/gnucash-user/2019-ফেব্রুয়ারি/ … দেখুন । এই পরিবর্তনগুলি করা GNUCash এ স্ক্রোলবার কার্যকারিতা নষ্ট করে, তবে অন্যান্য অ্যাপ্লিকেশনগুলি নয়। দীর্ঘশ্বাস.

— স্টিভ কোহেন

@ স্টিভকোহেন, আমি জিনুকাশ লিঙ্কটির দিকে তাকালাম। আপনি "~ / .config / gtk-3.0.gtk.css" লিখেছেন তবে এটি হওয়া উচিত ~/.config/gtk-3.0/gtk.css। এছাড়াও, gnucash একটি gtk2 অ্যাপ্লিকেশন হিসাবে প্রদর্শিত হবে , একটি gtk 3 অ্যাপ্লিকেশন নয়।

— মনিকার পক্ষে ন্যায়বিচার

Answer 5

আমি উবুন্টু 18.04 ব্যবহার করছি এবং এটিই একমাত্র সমাধান যা ফায়ারফক্স থেকে লিব্রেঅফিসে জিনোম-টার্মিনালে সমস্ত কিছুর জন্য স্ক্রোলবার পরিবর্তন করে। উপরের সমাধানগুলি এক বা দুটি অ্যাপ্লিকেশনের জন্য ভাল কাজ করেছে তবে সব কিছুর জন্য নয়।

দ্রষ্টব্য: এটি আপনাকে প্রকৃতপক্ষে বড় স্ক্রোলবারগুলি দেয় যা বড় মনিটরের জন্য ভাল কারণ আপনি যতবারই নজর কাড়াতে চান ততবার আপনি স্ক্রিনের পাশের দিকে না তাকিয়ে আপনার চোখের কোণ থেকে বের করে দেখতে পারেন। আপনি যদি আরও ছোট চান, সমস্ত 70px এর একটি ছোট সংখ্যায় 20px বা 30px এর মতো পরিবর্তন করুন এবং সেই অনুসারে টুইট করুন।

নিম্নলিখিত পাঠ্যটি এতে রাখুন ~/.config/gtk-3.0/gtk.css:

---

.scrollbar,
scrollbar {
-GtkScrollbar-has-backward-stepper: 1;
-GtkScrollbar-has-forward-stepper: 1;
}

scrollbar slider {
background-color: @scrollbar_track_color;
}

.scrollbar.vertical slider,
scrollbar.vertical slider {
    min-height: 150px;
    min-width: 70px;
}

.scrollbar.horizontal.slider,
scrollbar.horizontal slider {
min-width: 40px;
min-height: 10px;
}

.scrollbar.vertical.slider:hover,
scrollbar.vertical:hover slider {
min-width: 70px;
}

.scrollbar.horizontal.slider:hover,
scrollbar.horizontal:hover slider {
    min-height: 10px;
}

.scrollbar.contents,
scrollbar contents {
    background-color: transparent;
    background-image: none;
    background-size: 0;
    border: none;
    border-radius: 0;
}

.scrollbar.trough,
scrollbar trough {
    background-image: none;
    border: none;
}

.scrollbar:hover:backdrop,
.scrollbar.dragging:backdrop,
scrollbar:hover:backdrop,
scrollbar.dragging:backdrop {
    background-color: alpha(@backdrop_selected_bg_color, 0.5);
}


.scrollbar.vertical:hover:dir(ltr),
.scrollbar.vertical:active:dir(ltr),
scrollbar.vertical:hover:dir(ltr),
scrollbar.vertical:active:dir(ltr) {
    margin-left: 0px;
}

.scrollbar.vertical:hover:dir(rtl),
.scrollbar.vertical:active:dir(rtl),
scrollbar.vertical:hover:dir(rtl),
scrollbar.vertical:active:dir(rtl) {
    margin-right: 0px;
}

.scrollbar.horizontal:hover,
.scrollbar.horizontal:active,
scrollbar.horizontal:hover,
scrollbar.horizontal:active {
    margin-top: 0px;
}

.scrollbar.slider,
scrollbar slider {
    background-color: alpha(@backdrop_filling_bg, 0.75);
    border-radius: 10px;
}

.scrollbar.slider:hover,
.scrollbar.slider:active,
scrollbar slider:hover,
scrollbar slider:active {
    border-radius: 20px;
    margin: 0;
}


.scrollbar.vertical:dir(ltr):not(:hover):not(.dragging),
scrollbar.vertical:dir(ltr):not(:hover):not(.dragging) {
    margin-left: 0px;
}

.scrollbar.vertical:dir(rtl):not(:hover):not(.dragging),
scrollbar.vertical:dir(rtl):not(:hover):not(.dragging) {
    margin-right: 0px;
}

.scrollbar.horizontal:not(:hover):not(.dragging),
scrollbar.horizontal:not(:hover):not(.dragging) {
    margin-top: 0px;
}


.scrollbar.slider:hover,
scrollbar slider:hover {
    background-color: alpha(@backdrop_filling_bg, 0.6);
}

.scrollbar.slider:active,
scrollbar slider:active {
    background-color: @backdrop_filling_bg;
}

.scrollbar.slider:backdrop,
scrollbar slider:backdrop {
    background-color: alpha(@backdrop_filling_bg, 0.75);
}

.scrollbar.slider:hover:backdrop,
scrollbar slider:hover:backdrop {
    background-color: alpha(@backdrop_filling_bg, 0.6;
}

.scrollbar.slider:active:backdrop,
scrollbar slider:active:backdrop {
    background-color: @backdrop_filling_bg;
}

scrollbar {
    min-width: 70px;
    min-height: 70px;
}