pierwsze modyfikacje: suwak do przewijania ikonek (podgląd), jak i całkowite jego skasowanie

Przechodzimy do pliku gnome-shell:

sudo nano /usr/share/gnome-shell/theme/gnome-shell.css

albo

sudo gedit /usr/share/gnome-shell/theme/gnome-shell.css

Pierwsze linijki są odnośnie czcionki - LEPIEJ TO ZOSTAWIĆ NA RAZIE :)

stage {
font-family: cantarell, sans-serif;
}

.shell-link {
color: #0000ff;
text-decoration: underline;
}

.shell-link:hover {
color: #0000e0;
}

.label-shadow {
color: rgba(0,0,0,0.5);
}

Zabawne jest to, że w gnome-shell mamy suwaki.

Wiecie dlaczego zabawne?
Bo po uruchomieniu podglądu okien i przejściu do ikonek - nie musimy go używać :)

Wystarczy że naciśniemy LPM na pole między ikonkami, a "ulubionymi" i przeciągnięmy listę ikonek myszką.

Przechodzimy do modyfikacji, albo nawet skasowania suwaka ikonek. Tak, można go skasować :)
Dział odnoszący się do suwaków zaczyna się od:
StScrollBar
{
padding: 0px;
}

a kończy na:
StScrollBar StButton#hhandle:hover,
StScrollBar StButton#vhandle:hover
{
background-color: #292929;
}


Objaśnienie najciekawszych rzeczy i ich modyfikacja.

Określenie minimalnej szerokości i wysokości przycisku który przesuwamy.
StScrollView StScrollBar
{
min-width: 16px;
min-height: 16px;
}


Warto tutaj zapamiętać jeśli chodzi o dalsze modyfikacje:
#trough - wizerunek danej rzeczy lub elementu w momencie przyciskania

Przy suwakach mamy też takie o to znaczniki:
#vhandle i #hhandle
Chodzi oczywiście o v - vertical i h - horizontal
W przypadku suwaków określa to: do jakiego suwaka odnosi się dana opcja "pod".
Ponieważ możemy sobie inaczej określić suwak poziomy (horizontal - lewo, prawo) a inaczej pionowy (vertical - góra, dół).

Znacznik :hover to znowu oznaczenie najechania myszką na dany element.

No to co, jak już trochę wam namieszałem przechodzę do tłumaczenia elementów wewnątrz, które będą się powtarzać.

Kolor tła:
background-color: #080808;

Obramowanie:
border: 1px solid #2d2d2d;

Zaokrąglone brzegi:
border-radius: 8px;

Graficzny plik, który ma zastąpić standardowy element z theme gtk3.
background-image: url("scroll-vhandle.svg");
Można tutaj stworzyć sobie własny suwak i zamiast podanej nazwy wpisać swoją. Warunek: musi się on znajdować w miejscu gdzie znajduje się plik, który modyfikujecie gnome-shell. Jeśli zaś będziecie chcieli zbudować całą plejadę innych elementów niż oryginalne powinno wystarczyć stworzenie katalogu i zamiast nazwy pliku wpisać "nazwa katalogu/nazwa pliku.svg" - bez / na samym początku.

Kiedy już objaśniłem pewne kwestię odnośnie suwaków, to może je całkiem zlikwidujemy?
Robi się to przez kasowanie kodu z pliku, i wykazanie że suwaka nie widać.
A jeśli coś ma zero to jak może być ukazane?

Muszę tu nadmienić że elementem będę nazywać coś takiego:
StScrollBar StButton#hhandle
{
background-image: url("scroll-hhandle.svg");
background-color: #252525;
border: 1px solid #080808;
border-radius: 8px;
}
Czyli polecenie, odnośnik do danego elementu, ale i to co pod nim się znajduje lub się tam mieści.

Elementy: StScrollBar StButton#vhandle , StScrollBar StButton#hhandle , StScrollBar StButton#hhandle:hover , StScrollBar StButton#vhandle:hover , StScrollBar StBin#trough - kasujemy.

Zaś w tym miejscu: StScrollView StScrollBar
{
min-width: 16px;
min-height: 16px;
}Zamiast 16 wpisujemy 0.
Po wykonaniu restartu gnome-shell suwak w ikonkach powinien zniknąć, podobnie też jak i w innych miejscach.