27 февраля 2025

Debian 12 «Bookworm» + Openbox | Часть VI - Настройка панели Tint2 | Настройка заголовков окон | Настройка Интерфейса системы

В этом цикле статей мы с Вами установим самый последний, голый релиз Linux-дистрибутива Debian 12 «Bookworm», а в него самый лёгкий и самый быстрый Оконный менеджер Openbox (далее OB).
Абсолютно всё! - Установка программ|утилит|пакетов и последующая их Настройка в OB - всё осуществляется исключительно руками!
В результате мы получим супер-лёгкий, супер-быстрый, супер-простой и супер-дружелюбный, абсолютно «СВОЙ В ДОСКУ», исключительно под себя Linux-дистрибутив...



СОДЕРЖАНИЕ СТАТЬИ:

1. Вводная часть
2. Настройка Панели Tint2
3. Установка композитного менеджера Xcompmgr
4. Настройка внешнего вида заголовков окон
5. Установка набора Тем Yaru
6. Установка утилиты настройки Тем Lxappearance
7. Настройка Тем утилитой Lxappearance


Продолжение цикла статей по Установке Linux-дистрибутива Debian 12 «Bookworm», а в него самого лёгкого, самого быстрого Оконного менеджера Openbox (далее OB).

Часть I можно посмотреть по этой ссылке:
Debian 12 «Bookworm» + Openbox | Часть I - Установка с Netinst.iso-образа «голой» системы Графическим способом | Graphical Install

Часть II можно посмотреть по этой ссылке:
Debian 12 «Bookworm» + Openbox | Часть II - Установка с Netinst.iso-образа «голой» системы Коносльно-Терминальным способом | Install

Часть III можно посмотреть по этой ссылке:
Debian 12 «Bookworm» + Openbox | Часть III - Первоначальная настройка системы, Установка Оконного менеджера Openbox, настройка Автологина

Часть IV можно посмотреть по этой ссылке:
Debian 12 «Bookworm» + Openbox | Часть IV - Создание и настройка SWAP-файла || Установка: Панели Tint2 | Файлового менеджера PCManFM | Док-панели Plank

Часть V можно посмотреть по этой ссылке:
Debian 12 «Bookworm» + Openbox | Часть V - Начальная настройка панели Tint2 | Настройка Док-панели Plank | Установка пакета основных программ


Часть VI - Настройка панели Tint2

1. Вводная часть

Некоторые сокращения:
- ЛКМ (Левая кнопка мышки)
- ПКМ (Правая кнопка мышки)

В предыдущих частях мы с вами успешно Установили систему Linux-дистрибутива Debian 12 «Bookworm» с Netinst.iso-образа + ОМ Openbox и некоторые программы|утилиты|пакеты, необходимые для его запуска|старта и работы, настроили Автологин в него, а также создали и настроили SWAP-файл, установили Панель Tint2, Файловый менеджер PCManFM и Док-панель PLank, совершили Начальную настройку Панели Tint2, настроили Док-панель Plank, установили пакет основных программ.

2. Настройка Панели Tint2

Долго экспериментировал с графической утилитой настройки Панели Tint2 - tint2conf, чтобы показать в статье...
(в качестве исходного материала у меня образцом была такая же утилита из моей Arch Linux)
Но из-за разности версий (в Arch Linux это 17.0.2, а в Debian максимально-доступная версия 17.0.1), так и не смог найти одинаковых по названиям Опций настройки (названия сильно различаются) в каждой вкладке Настроек и не хватает некоторых функций, хотя визуально в самой утилите выглядит всё похожим и, если например перенести файл настроек, конфиг-файл:
tint2rc
из версии:
17.0.2
в версию:
17.0.1
настройки без конфликтов применяются и также в обратную сторону...

Можно конечно установить Tint2 версии 17.0.2 с GitHub, например, но это достаточно сложный вариант (сама установка), а Пользователю надо легко и просто установить, поэтому такой вариант я решил исключить и просто выложить здесь мой готовый конфиг-файл:
tint2rc
из версии 17.0.2.
Считайте, что я за вас всё уже сделал...
(просто из-за разностей версий, показать визуально в версии 17.0.1 то, что я придумал и использую в версии 17.0.2 не предоставляется возможным по вышеперечисленным причинам...)

Поэтому, мы просто отредактируем конфиг-файл с помощью редактора Gedit (мы его уже установили в предыдущей статье).
Для этого открываем Файловый менеджер PCManFM (его иконка запуска у нас есть в Панели Plank в левой, боковой части Рабочего стола и она самая верхняя, в виде тумбочки с 2-мя отсеками):

Откроется он в каталоге Домашня папка и в нём находим в папку:
.config
открываем её, кликнув по ней 2 раза ЛКМ:

В папке: .config
находим папку: tint2
и также, 2-мя кликами ЛКМ открываем её:

В ней мы видим конфиг-файл:
tint2rc

Кликаем по нему ПКМ и в выпавшем контекстном меню ЛКМ выбираем gedit (редактор):

В результате чего открывается, содержащий базовые настройки Панели Tint2, этот конфиг-файл в редакторе Gedit и сразу же разворачиваем его в полный экран кликнув 2 раза подряд ЛКМ по его верхней панели:
(если вы устанавливали пакет основных необходимых для работы программ без каких-либо программ|утилит|пакетов из DE GNOME, то используйте вместо Gedit, продвинутый редактор Geany. Алгоритм действий такой же...)

После чего наш конфиг-файл:
tint2rc
предстанет перед нами в развёрнутом, полноэкранном режиме:

Далее копируете содержимое моего конфиг-файла ниже под спойлером, выделив ЛКМ код от первого до последнего символа и, нажав на выделенный код ПКМ, в выпавшем контекстном меню, выбираете ЛКМ пункт Копировать, либо после выделения кода копируете сочетанием клавиш:
(чтобы копирование и вставка работали, данную статью вы должны открыть тут же, в системе, в Веб-браузере Firefox, который уже был установлен нами ранее и копировать код из него)
Ctrl+C

Конфиг tint2rc:
#---- Generated by tint2conf 26fe ----
# See https://gitlab.com/o9000/tint2/wikis/Configure for 
# full documentation of the configuration options.
#-------------------------------------
# Gradients
#-------------------------------------
# Backgrounds
# Background 1: Системный лоток, Часы
rounded = 0
border_width = 1
border_sides = 
border_content_tint_weight = 0
background_content_tint_weight = 0
background_color = #000000 73
border_color = #555555 80
background_color_hover = #000000 80
border_color_hover = #555555 80
background_color_pressed = #000000 80
border_color_pressed = #555555 80

# Background 2: Задача по умолчанию, Панель, Свернутая задача
rounded = 0
border_width = 0
border_sides = TBLR
border_content_tint_weight = 0
background_content_tint_weight = 0
background_color = #000000 73
border_color = #777777 0
background_color_hover = #777777 4
border_color_hover = #cccccc 30
background_color_pressed = #989898 21
border_color_pressed = #777777 30

# Background 3: Активная задача
rounded = 0
border_width = 0
border_sides = TBLR
border_content_tint_weight = 0
background_content_tint_weight = 0
background_color = #ffffff 21
border_color = #ffffff 60
background_color_hover = #ffffff 21
border_color_hover = #ffffff 60
background_color_pressed = #989898 21
border_color_pressed = #ffffff 60

# Background 4: Неотложная задача
rounded = 0
border_width = 0
border_sides = TBLR
border_content_tint_weight = 0
background_content_tint_weight = 0
background_color = #aa4400 100
border_color = #aa7733 100
background_color_hover = #aa4400 100
border_color_hover = #aa7733 100
background_color_pressed = #aa4400 100
border_color_pressed = #aa7733 100

# Background 5: Всплывающий текст
rounded = 2
border_width = 1
border_sides = TBLR
border_content_tint_weight = 0
background_content_tint_weight = 0
background_color = #ffffaa 100
border_color = #999999 100
background_color_hover = #ffffaa 100
border_color_hover = #999999 100
background_color_pressed = #ffffaa 100
border_color_pressed = #999999 100

# Background 6: Имя неактивного рабочего стола
rounded = 0
border_width = 0
border_sides = TBLR
border_content_tint_weight = 0
background_content_tint_weight = 0
background_color = #777777 0
border_color = #777777 30
background_color_hover = #bdbdbd 21
border_color_hover = #cccccc 30
background_color_pressed = #777777 21
border_color_pressed = #777777 30

# Background 7: Имя активного рабочего стола
rounded = 0
border_width = 0
border_sides = TBLR
border_content_tint_weight = 0
background_content_tint_weight = 0
background_color = #ffffff 21
border_color = #ffffff 60
background_color_hover = #ffffff 21
border_color_hover = #ffffff 60
background_color_pressed = #a9a9a9 21
border_color_pressed = #ffffff 60

#-------------------------------------
# Panel
panel_items = L:T:SC
panel_size = 100% 32
panel_margin = 0 0
panel_padding = 4 0 6
panel_background_id = 2
wm_menu = 1
panel_dock = 0
panel_pivot_struts = 0
panel_position = top center horizontal
panel_layer = normal
panel_monitor = all
panel_shrink = 0
autohide = 0
autohide_show_timeout = 0
autohide_hide_timeout = 0.5
autohide_height = 2
strut_policy = follow_size
panel_window_name = tint2
disable_transparency = 0
mouse_effects = 1
font_shadow = 0
mouse_hover_icon_asb = 100 0 10
mouse_pressed_icon_asb = 100 0 0
scale_relative_to_dpi = 0
scale_relative_to_screen_height = 0

#-------------------------------------
# Taskbar
taskbar_mode = multi_desktop
taskbar_hide_if_empty = 0
taskbar_padding = 0 0 15
taskbar_background_id = 0
taskbar_active_background_id = 0
taskbar_name = 0
taskbar_hide_inactive_tasks = 0
taskbar_hide_different_monitor = 0
taskbar_hide_different_desktop = 0
taskbar_always_show_all_desktop_tasks = 0
taskbar_name_padding = 4 0
taskbar_name_background_id = 6
taskbar_name_active_background_id = 7
taskbar_name_font = Ubuntu Bold 9
taskbar_name_font_color = #dddddd 100
taskbar_name_active_font_color = #dddddd 100
taskbar_distribute_size = 1
taskbar_sort_order = none
task_align = left

#-------------------------------------
# Task
task_text = 0
task_icon = 1
task_centered = 1
urgent_nb_of_blink = 100000
task_maximum_size = 35 35
task_padding = 4 3 4
task_font = Ubuntu 8
task_tooltip = 1
task_thumbnail = 0
task_thumbnail_size = 210
task_font_color = #eeeeee 100
task_icon_asb = 100 0 0
task_background_id = 2
task_active_background_id = 3
task_urgent_background_id = 4
task_iconified_background_id = 2
mouse_left = toggle_iconify
mouse_middle = none
mouse_right = close
mouse_scroll_up = prev_task
mouse_scroll_down = next_task

#-------------------------------------
# System tray (notification area)
systray_padding = 0 0 20
systray_background_id = 1
systray_sort = left2right
systray_icon_size = 22
systray_icon_asb = 100 0 0
systray_monitor = 1
systray_name_filter = 

#-------------------------------------
# Launcher
launcher_padding = 0 0 15
launcher_background_id = 0
launcher_icon_background_id = 0
launcher_icon_size = 22
launcher_icon_asb = 100 0 0
launcher_icon_theme_override = 0
startup_notifications = 1
launcher_tooltip = 1

#-------------------------------------
# Clock
time1_format = %A %d %B %H:%M
time2_format = 
time1_font = Ubuntu Bold 12
time1_timezone = 
time2_timezone = 
time2_font = Ubuntu 9
clock_font_color = #eeeeee 100
clock_padding = 3 0
clock_background_id = 1
clock_tooltip = 
clock_tooltip_timezone = 
clock_lclick_command = gsimplecal
clock_rclick_command = orage
clock_mclick_command = 
clock_uwheel_command = 
clock_dwheel_command = 

#-------------------------------------
# Battery
battery_tooltip = 1
battery_low_status = 10
battery_low_cmd = notify-send "battery low"
battery_full_cmd = 
bat1_font = sans 8
bat2_font = sans 6
battery_font_color = #eeeeee 100
bat1_format = 
bat2_format = 
battery_padding = 1 0
battery_background_id = 0
battery_hide = 101
battery_lclick_command = 
battery_rclick_command = 
battery_mclick_command = 
battery_uwheel_command = 
battery_dwheel_command = 
ac_connected_cmd = 
ac_disconnected_cmd = 

#-------------------------------------
# Separator 1
separator = new
separator_background_id = 0
separator_color = #777777 80
separator_style = empty
separator_size = 3
separator_padding = 1 0

#-------------------------------------
# Separator 2
separator = new
separator_background_id = 0
separator_color = #777777 80
separator_style = empty
separator_size = 3
separator_padding = 1 0

#-------------------------------------
# Tooltip
tooltip_show_timeout = 0.5
tooltip_hide_timeout = 0.1
tooltip_padding = 2 2
tooltip_background_id = 5
tooltip_font_color = #222222 100
tooltip_font = sans 9
Теперь в развёрнутом в полноэкранном режиме конфиг-файле в редакторе Gedit выделяем весь код сочетанием клавиш:
Ctrl+A
результатом выполнения чего будет вот такой вид конфиг-файла:

И выполняем вставку ранее скопированного кода из моего конфиг-файла в этот открытый с выделенным кодом конфиг-файл в редакторе Gedit сочетанием клавиш:
Ctrl+V
в резултате получив такой вид этого конфиг-файла:

Сохраняем сделанные изменения сочетанием клавиш:
Ctrl+S

Закрываем редактор Gedit или нажатием в его верхней панели, в правом её углу на значок Крестик, либо проще - сочетанием клавиш:
Ctrl+Q

И также ещё раз жмём на сочетание клавиш:
Ctrl+Q
чтобы закрыть на Рабочем столе оставшийся открытым ФМ PCManFM.

Перезагружаем систему, выполнив в Терминале:
sudo systemctl reboot

И после рестарта системы с удовлетворением наблюдаем, что внешний вид Панели Tint2 изменился и если мы откроем пару приложений, то и их иконки в ней тоже имеют теперь другой, более презентабельный вид, без описывающего их, занимающего много места текста, а также видим, что и формат отображения дня недели/даты/времени тоже изменился и стал в одну строку, что тоже, опять же на мой вкус, более приятно глазу:


С Панелью Tint2 мы с вами разобрались, но если у вас есть желание изменить в ней что-то на свой вкус, экспериментируйте с графической утилитой tint2conf или правьте конфиг-файл:
tint2rc
вручную, но для этого надо понимать и знать функции и варианты их возможных значений в коде конфиг-файла.
На просторах есть подробные описания функций и значений в этом файле, изучайте, эксперементируйте...


А теперь давайте мы с вами попробуем поменять Внешний вид интерфейса папок, иконок, приложений, всей системы.
Т.е. мы поменяем основные:
- Тему внешнего вида приложений|программ
- Тему значков|иконок
- Тему курсоров
и др. параметры с помощью штатной утилиты:
Openbox Configuration Manager (Менеджер конфигурации Openbox)

Доустановим ещё одну очень полезную утилиту настройки внешнего вида элементов управления и отображения системных папок/приложений:
Lxappearance

А ещё установим композитный менеджер:
Xcompmgr
который даёт например такой красивый эффект - отбрасываемая тень открытых на Рабочем столе папок|приложений.

3. Установка композитного менеджера Xcompmgr

Итак, давайте сначала установим композитный менеджер:
Xcompmgr
и для этого открываем Терминал (как это сделать вы знаете из предыдущих статей) и устанавливаем его командой:
sudo apt install xcompmgr

Сразу добавляем его в автозапуск, в файл autostart командой:
echo -e '(sleep 5s && xcompmgr -l5 -t5 -r4 -c -C) &' >> .config/openbox/autostart

И, как всегда, проверяем, записалась ли нужная команда в конец конфига следующей командой и видим вывод, что нужное значение запуска композитного менеджера успешно записалось:
cat .config/openbox/autostart

И снова, чтобы заработал автозапуск композитного менеджера Xcompmgr при старте системы, перезагружаем систему командой в Терминале:
sudo systemctl reboot

А теперь начинаем менять внешний вид системы...

4. Настройка внешнего вида заголовков окон

Открываем для начала штатную утилиту OB:
Openbox Configuration Manager (Менеджер конфигурации Openbox)
через Меню OB, кликнув ПКМ в любом месте Рабочего стола и в открывшемся Меню выбираем ЛКМ:
Applications -> Settings -> Openbox Configuration Manager
и сразу обращаем своё внимание на отброшенную тень от Меню OB на Рабочем столе, указывающую нам на то, что композитный менеджер Xcompmgr успешно запустился при старте системы и работает:

Перед нами окно:
Менеджер конфигурации Openbox
на вкладке по умолчанию в левой колонке:
Тема
где по умолчанию установлена Тема:
- Clearlooks
(выделена голубым цветом фона)

Меняем|выбираем в правой, основной части окна ЛКМ другую Тему, например:
- Nightmare
а заодно обращаем внимание, что после выбора этой Темы сразу же цвет фона заголовка окна изменился:

Далее в левой колонке переходим|жмём на вкладку:
Внешний вид
и в правой, основной части окна обращаем внимание на секцию:
Название окна
а в ней на значение:
Порядок кнопок
со значением по умолчанию:
NLIMC

Это значение регулирует в заголовках окон приложений|программ|ФМ порядок расположения кнопок управления ими (окнами).
Текущий порядок вы, как раз и видете в заголовке окна Менеджера конфигурации Openbox.
(описание функций каждой заглавной буквы значения ниже, под этим значением)

Меняем это значение|порядок, например на такое:
CMIL
и, если вы были внимательны, вы наверняка сразу заметили, что кнопки управления в заголовке окна переместились с правого угла в левый, а значок окна пропал и теперь на этом можно пока и остановиться и смело закрывать утилиту нажав на кнопку Закрыть:

А теперь, если мы откроем Меню Openbox мы обнаружим, что и его цвет фона сменился:

Но эти настройки ни коим образом не влияют на внешний вид - на цвет заднего фона, фон колонок, их кнопок и пр., а только на Заголовки окон и Меню OB.
И если мы откроем наш ФМ, то увидим только изменённый внешний вид именно заголовка окна.

Для смены цвета фонов всего окна приложения|программы|утилиты нужно использовать утлилиту:
Lxappearance

5. Установка набора Тем Yaru

Но сначала давайте установим популярный набор Тем:
Yaru (из DE GNOME)
т.к. штатный набор Тем OB к сожалению не так богат, как хотелось бы.

Устанавливаем его в Терминале командой:
sudo apt install yaru-theme-gtk yaru-theme-icon yaru-theme-unity yaru-theme-gnome-shell yaru-theme-sound

6. Установка утилиты настройки Тем Lxappearance

А вот теперь устанавливаем утилиту Lxappearance:
sudo apt install lxappearance

7. Настройка Тем утилитой Lxappearance

И открываем её через Меню OB, кликнув ПКМ в любом месте Рабочего стола и в открывшемся Меню выбираем ЛКМ:
Applications -> Settings -> Customize Look and Feel

Открывается окно утилиты:
Customize Look and Feel (Настройка внешнего вида)
на вкладке по умолчанию:
Виджет
где Темой по умолчанию (в левой колонке) является (выделена лиловым цветом фона):
Releigh

Вместо этой Темы по умолчанию выбираем Тему из установленного только что пакета Тем Yaru, например:
Yaru-viridian-dark
и сразу же обнаруживаем, что цвет фона самой утилиты поменялся, а также цвет фона записей Меню выбора Тем в левой колонке и в шкале:
Демонстрация
в правой части окна утилиты:

Переходим на вкладку:
Темы значков
(нажимаем ЛКМ на неё)

В левой колонке выбираем из списка Тему:
Yaru-viridian-dark
и видим, что значки сразу поменялись:

Далее идём во вкладку:
Курсор мыши
(нажимаем ЛКМ на её название)
где по умолчанию установлена Тема:
Adwaita

Меняем её на Тему:
Yaru
(нажимаем ЛКМ на неё)
и видим, что значки курсоров поменялись:

Переходим на вкладку:
Другие
(нажимаем ЛКМ на её название)

В ней меняем в секции:
Параметры графическо интерфейса
в строке:
Стиль панели инструментов:
значение по умолчанию в выпадающем контекстном меню:
Текст под значками
на:
Только значки
и активируем ЛКМ (отмечаем галочкой чек-бокс ) в секции:
Специальные возможности
в строке:
Включить специальные возможности в GTK+ приложениях
и жмём на кнопку: Применить
и закрываем окно утилиты Настройка внешнего вида нажатием на кнопку:
Закрыть

Обязательно перезагружаем систему через Терминал командой:
sudo systemctl reboot

И после перезагрузки видим, что значки в Панели Plank поменялись на значки Темы Yaru.
А если мы откроем какие-нибудь приложения|утилиты и ФМ PCManFM, то мы увидим, что цвет их фона, как и значки папок поменялись, что означает, что все, сделанные нами изменения, успешно применились и мы теперь имеем вот такой, очень приятный Интерфейс|Внешний вид нашей системы:
Debian 12 «Bookworm» + Openbox


Вот на этой приятной ноте эту VIЧасть цикла статей мы на сегодня и завершим...

Дальше больше...


В этой статье - Часть VI мы с вами Настроили|Установили:
- Tint2 (донастроили)
- Композитный менеджер Xcompmgr (установили и добавили в автозапуск)
- настроили внешний вид заголовков программ|приложений|утилит|ФМ PCManFM
- Набор Тем Yaru (установили)
- изменили Интерфейс|Внешний вид нашей системы

В следующей статье - Часть VII будет описана дальнейшая Настройка:
- Сеть (установим Netplan, Network Manager и его апплет в Панель Tint2)
- Звук (установим Звуковой сервер Pulseaudio и его апплет в Панель Tint2)
- My Weather Indicator (установим виджет погоды на Рабочий стол)

Всем добра и мира!!!

Приятного Пользования!!!


P.S. Если у вас появились вопросы или мнения по данной статье, обсудить их можно на нашем форуме:


Комментариев нет :

Отправить комментарий

Если у Вас появились вопросы или мнения, вы можете задать или оставить их здесь.
Спам и флуд будут жёстко караться вечной блокировкой их оставляющих!



If You have any questions or opinions about, just leave'em here.
Spamers & flooders will be blocked forever!!!

Смайлик улыбка Смайлик плачущий Смайлик никак Смайлик показывает язык Смайлик смех Смайлик стеснительный Смайлик подмигивает Смайлик кукиш Смайлик не согласен Смайлик ух-ты Смайлик зевает Смайлик боится RSS