ROSA Forum

Дико извиняюсь т.к. тема поднималась еще аж в 2014: viewtopic.php?f=6&t=3151, но раздел закрыт и продолжить нет возможности... Постараюсь максимально коротко.
1. Достижения: коротенькое мое кинцо, всего 1,5 мин. К сожалению (или же наоборот, к счастью), немое т.к. не работал микрофон. Теперь, конечно, починил, но переписывать пока не стал: https://youtu.be/JgWUijjRIA0
2. Теперь проблемы.
2.1. Почему-то сразу после установки прототипа двух моих первых в жизни тем (olympic: https://store.kde.org/p/1002690 ) во вкладке "Оформление окон" кнопка "Применить" стала активизироваться уже в момент открытия. Даже если просто посмотрел, ничего не трогаючи, то все равно требует что-то сделать - или принять несуществующие изменения, или отклонить... Возможно, движок aurorae тут не при делах, но вот совпало как-то странно. В принципе, ничего страшного, но... бардак, неприятно.
2.2. Вносимые изменения не сразу вступают в силу - но тут уже пояснили в старой теме, которая в Курилке.

Если интересно, тему, конечно, разверну, в том числе опишу уже созданные две темы .И анонсирую еще три, которые в данный момент времени стадии подготовки...

Посмотрел кино, так и не понял, в чём у вас вопрос. Темы Aurorae работают как и должны. Тема Olympic тоже работает (проверил у себя).
Что не так?

Zeffanyx писал(а): 29 фев 2020, 19:02 Посмотрел кино, так и не понял, в чём у вас вопрос. Темы Aurorae работают как и должны. Тема Olympic тоже работает (проверил у себя).
Что не так?

Ну, вот, наконец-то свершилось - впервые сподобился написать в Интернете сообщение (и даже создал тему!), будучи в состоянии гипогликемического шока (чрезмерно малый сахар крови, в данном конкретном случае был менее 2,0, что вызвало... кгм.. в том числе несуразицу в изложении мыслей). Тем не менее, начинал писать еще в относительно нормальном состоянии. Еще раз извиняюсь - завтра (надеюсь) приду в себя и сформулирую вразумительно. Если в двух словах - хотелось бы здесь написать нечто вроде учебника начального уровня по созданию тем на движке Aurorae. Статья на англ, на которую Вы давали ссылку в 2014, действительно слишком уж краткая и не дает представления как на самом деле создавать темы окон Aurorae. Но вот по причине передозировки инсулина (у меня более 40 лет инсулинозависимый сахарный диабет) получилось черт знает что...

Руководство по темам Aurora - отличная идея, в любом случае. Только имейте в виду, что с темами на движке Aurora эффекты Kwin притормаживают, а с нативными темами - Breeze и другими на её основе (Sierra Breeze и т.п.) - всё летает. Также не забывайте, что кроме Aurora есть ещё Smaragd (поддержка тем Compiz/Emerald для Kwin). Раньше был ещё dekorator, но его так и не портировали на KDE5.

P.S. Выздоравливайте!

Вот, пока набрал вводные замечания:

Linux, KDE Plasma. Создание и редактирование тем оформления окон aurorae

Эти заметки пишутся обычным пользователем отечественной операционной системы ROSA Desktop Fresh R11 PLASMA (на данный момент — именно эта версия) для таких же простых пользователей. Как этой же операционной системы, так и другой, но обязательно с графическим окружением KDE Plasma. Цель — по возможности максимально просто и доходчиво рассказать, как такой же обычный пользователь может изменить тему оформления окон aurorae до неузнаваемости. Фактически создать свою. Собственно, в дальнейшем создать тему, что называется, с нуля не должно вызвать трудностей. Предполагается, что читатель имеет определенный опыт работы на линуксовом дистрибутиве с Плазмой на борту, но за редактирование и создание тем окон aurorae ему браться еще не приходилось. Но имеется желание.
За основу была взята вот эта работа: https://techbase.kde.org/User:Mgraesslin/Aurorae Казалось бы, достаточно было перевести и выложить для всеобщего пользования. Однако практика показала, что не все так просто и к краткому мануалу нужны пояснения, иногда довольно пространные. Именно это и предполагалось сделать при написании этих заметок. Насколько получилось — судить вам.

1. Что представляют собой темы окон aurorae и где они находятся?

Тема окон aurorae представляет собой папку с несколькими файлами. В основном это файлы svgz (заархивированный файл svg), иногда просто svg. Они отвечают за цветовое оформление темы, форму кнопок, их анимацию, и некоторые другие особенности темы aurorae. На практике чаще всего используются четыре вида кнопок (в скобках приведены имена соответствующих файлов):
1. Закрыть (close.svgz).
2. Распахнуть (maximize.svgz).
3. Восстановить (restore.svgz).
4. Свернуть (minimize.svgz).
Кроме кнопок, нам еще необходимо задать фон и особенности формы самого окна, прежде всего заголовка, который в наибольшей степени задает неповторимый облик нашей темы. За это отвечает файл decoration.svgz. Итого минимум 5 файлов svgz — четыре для разных кнопок и один для фона. Иногда авторы создают файлы для дополнительных кнопок, но мы только начинаем делать первые шаги, поэтому ограничимся этими пятью файлами. В файлах чаще всего отдельно указывают элементы (кнопки и фон) для активных (activ) и неактивных (inactiv) окон. На этом пока останавливаться не будем, поскольку рассмотрим подробно ниже, когда перейдем к редактированию и/или созданию svgz файлов.
Кроме уже упомянутых, в теме aurorae имеются еще два файла — обычные текстовые файлы.
Файл metadata.desktop — в нем содержится имя темы (на самом деле два имени, но об этом чуть позже), данные об авторе, лицензия и т.п.
Файл <имя темы>rc — текстовый файл без расширения.Просто название темы с обязательным окончанием «rc». Например, если имя темы rosa, то имя файла — rosarc. В нем содержатся атрибуты и параметры темы, не вошедшие в файлы svg. В частности, цвет шрифтов активного и неактивного окна, тени, размеры кнопок, размеры заголовка окна, размеры краев окна и т.д.
Это, так сказать, вкратце. Подробно будем говорить, когда перейдем непосредственно к редактированию файлов нашей темы.
А пока ответим на вторую часть вопроса — где хранятся темы окон? В двух местах. Темы aurorae, установленные в дистрибутиве изначально, как говориться, из коробки, а также темы, установленные менеджером пакетов из репозитория данного дистрибутива. Они находятся вот в этой папке: /usr/share/aurorae/themes/ Вносить изменения в этой папке (равно как и во всей папке /usr) можно только от имени суперпользоватьеля (root). Мы же обойдемся без этого. Ибо есть второе место хранения тем — туда помещаются темы, установленные приложением «Параметры системы» во вкладке «Оформление окон»: ~/.local/share/aurorae/themes/ Туда же помещаются и свои темы — после помещения туда они появятся в вышеупомянутой вкладке и будут доступны для применения на нашем компьютере. С некоторыми оговорками, об этом тоже позже… Как известно, по умолчанию Dolphin не показывает скрытых папок и файлов, поэтому нам нужно дать файловому менеджеру соответствующее разрешение.
К счастью, по первому адресу без прав суперпользователя доступна функция копирования файлов и папок, чем мы сейчас и воспользуемся. А именно, скопируем предустановленную в Росе одноименную тему куда-нибудь в домашнюю папку. Например, в «Документы». Папка rosa с семью файлами. Ее в дальнейшем будем (курочить) редактировать.

2. Вносим первые изменения

Коль скоро мы решили на основе стоковой темы создавать свою, вначале нужно переименовать тему чтобы система не путалась в одноименных темах. Итак, сначала придумываем имя темы. На первых шагах пусть это будет краткое наименования, состоящее из одного слова. Например, назовем тему test. Сначала переименуем саму папку с темой (напомню, она пока лежит в «Документах» или еще где, куда решили временно поместить).
Теперь открываем файл metadata.desktop. Это текстовый файл, поэтому открывать, смотреть и редактировать его можно в текстовом редакторе KWrite. В стоковой теме rosa он выглядит следующим образом:

[Desktop Entry]
Comment=ROSA Decoration theme
Name=rosa
X-KDE-PluginInfo-Author=Anton Sterkhov
X-KDE-PluginInfo-Category=
X-KDE-PluginInfo-Depends=KDE 4.5
X-KDE-PluginInfo-Email=anton.sterhov@rosalab.ru
X-KDE-PluginInfo-EnabledByDefault=true
X-KDE-PluginInfo-License=GPL
X-KDE-PluginInfo-Name=rosa
X-KDE-PluginInfo-Version=0.1
X-KDE-PluginInfo-Website=rosalab.ru

Файл коротенький и, в принципе, атрибуты и значения интуитивно понятны. Состоит из двенадцати строк, каждая из которых, начиная со второй, имеет схожую структуру: <атрибут>=<значение>. Но мы файл еще упростим путем укорачивания.
• Вторая строка «Comment» пока нам не нужна — убираем значение.
• Имя в третьей строке может быть каким угодно — оно указывается в «Параметрах системы», во вкладке «Оформление окон» и может быть указано на русском языке. Переделаем «rosa» на «Тестовая тема».
• В четвертой строке указываем себя, любимого.
• Следующие две строки (пятую и шестую) оставляем без изменений, а в седьмой указываем свой email.
• Восьмая строка вызывает сомнения, поскольку определяет тему как дефолтную. Уберем эту строку совсем.
• Девятая строка — лицензия GPL. Оставляем как есть.
• Десятая строка — это, так сказать, второе имя темы. Изменим на test.
• Одиннадцатая строка — версия темы. Оставляем как есть.
• Двенадцатая строка — адрес сайта. Можно убрать, можно поставить свой адрес. Пока строку оставляем, но адрес стираем.

Вот что лично у меня получилось:

[Desktop Entry]
Comment=
Name=Тестовая тема
X-KDE-PluginInfo-Author=dragon
X-KDE-PluginInfo-Category=
X-KDE-PluginInfo-Depends=KDE 4.5
X-KDE-PluginInfo-Email=alebed@list.ru
X-KDE-PluginInfo-License=GPL
X-KDE-PluginInfo-Name=test
X-KDE-PluginInfo-Version=0.1
X-KDE-PluginInfo-Website=

Имя и местонахождение самого файла не меняются, поэтому просто сохраняем под тем же именем и в том же месте.
Теперь обратим внимание на второй текстовый файл rosarc. Его пока редактировать не будем — этим займемся более детально позже. А пока просто переименуем в соответствии на именем нашей темы — testrc. Тут ошибаться не следует — иначе система сбросит нашу тему к теме Пластик. Тоже неплохая тема, но это не то, чего мы добиваемся.
Итак, название новой темы задали. Теперь можно скопировать папку с редактируемой темой на место. А именно, вот сюда: ~/.local/share/aurorae/themes/ Лучше скопировать, а то мало ли что мы там наделаем, вдруг придется вернуться к исходному варианту…
Вот что должно получится в «Параметрах системы», «Оформление окон»:
«Стрелки» - это моя, уже готовая тема. Тогда как «Тестовая тема» пока не отличается от предустановленной темы «rosa». Конечно, поступили мы некрасиво, присвоив себе чужую работу, но, поверьте, это очень ненадолго, сейчас начнем править, одновременно изучая некоторые тонкости...

3. Начинаем редактировать svgz файл

Все дальнейшие работы, если не будет оговорено обратное, будем производить с файлами, расположенными по конечному адресу редактируемой темы. Т.е., здесь: ~/.local/share/aurorae/themes/test/
Начнем с фона. Открываем decoration.svg. Как уже упоминалось, файлы могут быть как обычными svg, так и упакованными в архив svgz. Здесь мы имеем дело с обычным svg. А чем, собственно, его открывать? Как я понимаю, чаще всего для этой цели используется векторный графический редактор Inkscape. Если нет, нужно установить. Установили? Теперь открываем файл с помощью этого редактора. При открытии редактор спросит для чего этот файл — для экрана или для печати — соглашаемся с дефолтной настройкой для экрана. Честно признаюсь, мне Inkscape оказался в новинку — не было причин раньше им пользовался, вполне хватало старого доброго растрового GIMPа. Поэтому с вашего разрешения буду рассказывать чуть подробнее. Итак, с помощью «+» и «-» можно настроить масштаб, так, чтобы было хорошо видно:
Как видим, изображение состоит из основного поля (документа) и одного или нескольких элементов изображения (объектов). Левым кликом можно выделить объект. При этом выясняем, что каждый из двух, на первый взгляд монолитных фоновых рисунков на самом деле состоят из девяти разных объектов — верхний левый (topleft), верхний средний (top), верхний правый (topright), центральный левый (left), центральный средний (center), центральный правый (right), нижний левый (bottomleft), нижний средний (bottom) и нижний правый (bottomright). На нижеследующем скриншоте выделен объект нижний правый:
Как видим, у нас имеется два отдельных набора объектов — для активного и неактивного окон. Если объектов для неактивного окна нет, то применяются объекты для активного окна. Ну, что ж, попробуем редактировать. Немного, несмело, пока только начинаем… Выделим центральный активный объект. Теперь обратим внимание на полосу разных цветов снизу — это выбор заливки объекта. Выберем синий и щелкнем (обратите внимание на подсказку снизу — щелчок — заливка, Shift+щелчок — обводка). Обводка нас пока не интересует. Вот что получилось:
Теперь немного усложним задачу — выберем центральный объект неактивного окна и зальем его коричневым — нужно поискать в полосе предлагаемых цветов. Ну, пусть будет вот так:
Почему именно такое сочетание цветов? А просто мне нравится цветовая схема Norway, а в ней окна Breeze и Пластик отображаются примерно таким сочетанием .Т.е., мне нравится. Вам может не нравится и вы имеете полное право попробовать свои сочетания. Если, конечно, еще не устали от моей писанины.
Кстати, если сделали не правильное телодвижение, то всегда можно отменить действие: Меню-→Правка-→ Отменить:<Наименование отменяемого действия>. Теперь сохраняем файл. Просто сохраняем как есть. Меню-→Файл-→ Сохранить. Пусть остается svg, паковать пока не будем. Переходим теперь в Параметры системы → Оформление окон (промежуточные вкладки для краткости опускаем). Что у нас получилось? А получилось… ничего. Как была тема, так и осталась. В чем дело? Вот тут мы подошли к еще одной трудности, с которой, судя по отзывам, многие сталкивались — изменения внесены, но ничего не изменилось. А что если применить нашу чуть измененную тему? В «Параметрах системы» изменения вступили в силу — заголовок активного окна синий, неактивного, как видно из скриншота — коричневый. А вот, скажем Калькулятор МАТЕ остался серым. Серой же осталась тестовая тема в окне выбора в Параметрах системы.
Что такое? По-видимому, что-то где-то в папке /tmp, но опытным путем пока не удалось определить что именно надо удалить либо поправить… Как ни печально, перезагрузка. Ну, что ж — стало получше, по крайней мере во вкладке выбора темы уже отображается нечто похожее на то, что мы делали.
Но… не совсем то. В восстановленном окне показывается пока еще старая тема, а в распахнутом — уже новая. Что ж — продолжаем и плавно переходим ко второму текстовому файлу в уже нашей теме (да, да, тему уже, хоть немного, но поменяли): testrc.

Последний скриншот в сообщении не поместился, пришлось вот так отправить. Это после перезагрузки:

4. Редактируем конфигурационный файл testrc

Файл является текстовым, может редактироваться в том же Kwrite и имеет ту же структуру, что и metadata.drsktop. А именно, <атрибут>=<значение>. В теме rosa… пардон, test этот файл имеет следующий вид:

[General]
ActiveTextColor=20,19,18,255
ActiveTextShadowColor=255,255,255,100
Animation=0
HaloActive=false
HaloInactive=false
InactiveTextColor=166,166,166,255
InactiveTextShadowColor=255,255,255,100
LeftButtons=
RightButtons=IAX
Shadow=True
TextShadowOffsetX=0
TextShadowOffsetY=1
TitleAlignment=center
TitleVerticalAlignment=center
UseTextShadow=true

[Layout]
BorderBottom=4
BorderLeft=2
BorderRight=2
BorderTop=3
ButtonHeight=18
ButtonMarginBottom=3
ButtonMarginTop=-2
ButtonSpacing=-1
ButtonWidth=39
ButtonWidthClose=39
ButtonWidthMenu=0
ExplicitButtonSpacer=2
MaximizedBorderTop=10
PaddingBottom=86
PaddingLeft=75
PaddingRight=75
PaddingTop=35
TitleBorderLeft=2
TitleBorderRight=2
TitleEdgeBottom=2
TitleEdgeBottomMaximized=2
TitleEdgeLeft=4
TitleEdgeLeftMaximized=2
TitleEdgeRight=4
TitleEdgeRightMaximized=2
TitleEdgeTop=2
TitleEdgeTopMaximized=0
TitleHeight=20

Как видим, файл состоит из двух частей, заголовки которых заключены в квадратные скобки - [Общие] и [Расположение].
Согласно упоминаемому выше краткому мануалу https://techbase.kde.org/User:Mgraesslin/Aurorae вообще говоря, файл может содержать следующие атрибуты.

Первая часть файла [General]:

TitleAlignment: выравнивание заголовка окна по горизонтали (по умолчанию: left — левое)
TitleVerticalAlignment: выравнивание заголовка окна по вертикали (по умолчанию: center — по центру)
Animation: длительность анимации в мс при наведении на кнопку и при нажатии / отжатии (по умолчанию: 0)
ActiveTextColor: цвет текста заголовка активного окна (по умолчанию: 0,0,0,255) — черный, четвертое число означает, если не ошибаюсь, прозрачность — 255 — цвет абсолютно непрозрачный, 0 — абсолютно прозрачный. Т. е. текста не видно в силу его прозрачности
InactiveTextColor: цвет текста заголовка неактивного окна (по умолчанию: 0,0,0,255)
ActiveFocusedTabColor: цвет текста заголовка выделенной вкладки активного окна (по умолчанию = ActiveTextColor)
ActiveUnfocusedTabColor: цвет текста заголовка не выделенной вкладки активного окна (по умолчанию = InactiveTextColor)
InactiveFocusedTabColor: цвет текста заголовка выделенной вкладки неактивного окна (по умолчанию = InactiveTextColor)
InactiveUnfocusedTabColor: цвет текста заголовка не выделенной вкладки неактивного окна (по умолчанию = InactiveTextColor)
UseTextShadow: нарисовать тень за текстом заголовка (по умолчанию: false — не рисовать)
ActiveTextShadowColor: цвет теневого текста активного окна (по умолчанию: 255,255,255,255) — белый и абсолютно непрозрачный
InactiveTextShadowColor: цвет теневого текста активного окна (по умолчанию: 255,255,255,255)
TextShadowOffsetX: смещение тени в направлении x (по умолчанию: 0)
TextShadowOffsetY: смещение тени в направлении y (по умолчанию: 0)
HaloActive: сияние заголовка активного окна (по умолчанию: false; начиная с 4.5) Т.е., сияния нет. Честно говоря, пробовал true, но никакого сияния не заметил. Возможно, сослепу
HaloInactive: сияние заголовок неактивного окна (по умолчанию: false, начиная с 4.5)
LeftButtons: кнопки в левой группе кнопок (по умолчанию: см. KWin defaults) По ссылке никаких указаний не обнаружил. Умаялся искать что это такое и что там по умолчанию .Оказалось, порядок следования кнопок с левой стороны заголовка. По умолчанию MS. Что сие означает — выяснить не удалось. Но, поскольку расположение как левых, так и правых групп кнопок можно установить в «Параметрах системы», «Оформление окон», то особо заострять на этом внимание не стал — MS так MS, если что сами поменяем.
RightButtons: порядок кнопок в правой группе кнопок (по умолчанию HIAX)
Shadow: предоставляет тени: необходимо добавить значения заполнения (по умолчанию: true — тени есть) Однако что за тени — не совсем понятно
DecorationPositon: размещение заголовка окна сверху (0), слева (1), справа (2) или снизу (по умолчанию: 0) Вот как, даже так! Жаль только, что значения для нижнего положения заголовка нет.

Теперь вторая часть файла [Layout] — здесь преднамеренно изменил порядок следования атрибутов в мануале для улучшения восприятия структуры атрибутов:

BorderLeft: (по умолчанию: 5) — границы слева, справа, снизу и сверху
BorderRight: (по умолчанию: 5)
BorderBottom: (по умолчанию: 5)
BorderTop: требуется только для расположения слева, справа или снизу (по умолчанию: 0)

PaddingTop: добавление отступов для обеспечения теней (по умолчанию: 0)
PaddingBottom: (по умолчанию: 0)
PaddingRight: (по умолчанию: 0)
PaddingLeft: (по умолчанию: 0)

TitleEdgeTop: границы заголовка сверху, снизу, слева и справа (по умолчанию: 5)
TitleEdgeBottom: (по умолчанию: 5)
TitleEdgeLeft: (по умолчанию: 5)
TitleEdgeRight: (по умолчанию: 5)

TitleEdgeTopMaximized: то же, для улучшения поддержки развернутых окон (по умолчанию: 0)
TitleEdgeBottomMaximized: (по умолчанию: 0)
TitleEdgeLeftMaximized: (по умолчанию: 0)
TitleEdgeRightMaximized: (по умолчанию: 0)

Перечисленные атрибуты можно объединить в группу «Окно» (Window) и в целях улучшения восприятия их природы и следуя мануалу, покажем их на схеме, которую в дальнем будем еще дважды разворачивать.

Окно:

TitleBorderLeft: еще границы заголовка слева и справа (по умолчанию: 5)
TitleBorderRight: (по умолчанию: 5)
TitleHeight: высота заголовка (по умолчанию: 20)
ButtonMarginTop: добавка для групп кнопок сверху (по умолчанию: 0)

На приведенной выше схеме у нас имеется не детализированная область «Заголовок» (Title). Теперь покажем его детально, развернув на следующей схеме:

Заголовок:
ButtonWidth: ширина кнопки (по умолчанию: 20)
ButtonHeight: высота кнопки (по умолчанию: 20)
ButtonSpacing: интервал между кнопками (по умолчанию: 5)
ExplicitButtonSpacer: увеличенный интервал между кнопками (по умолчанию: 10)

Наконец, развернем вторую схему. А именно, не детализированную область «Кнопки» (Buttons)

Кнопки:
При необходимости можно еще задать ширину для каждой кнопки:

ButtonWidthMinimize: необязательно, значение по умолчанию = ButtonWidth
ButtonWidthMaximizeRestore: необязательно-значение по умолчанию = ButtonWidth
ButtonWidthClose: необязательно-значение по умолчанию = ButtonWidth
ButtonWidthAlldesktops: необязательно-значение по умолчанию = ButtonWidth
ButtonWidthKeepabove: необязательно-значение по умолчанию = ButtonWidth
ButtonWidthKeepbelow: необязательно-значение по умолчанию = ButtonWidth
ButtonWidthShade: необязательно-значение по умолчанию = ButtonWidth
ButtonWidthHelp: необязательно-значение по умолчанию = ButtonWidth
ButtonWidthMenu: необязательно-значение по умолчанию = ButtonWidth

Ну, вот, теперь мы можем самостоятельно написать конфигурационный фвйл со значениями по умолчанию. Только немного уберем. А именно, те атрибуты, чьи значения по умолчанию зависят от значений других атрибутов — просто, чтобы не загромождать. И еще последнюю группу для ширины каждой отдельной кнопки — по той же причине. При необходимости всегда сможем вставить, если понадобится. Кроме этого, вторую, более объемную часть файла разобьем на группы, как это было в нашем тексте.
В итоге получаем вот такой текст:

[General]
TitleAlignment=Left
TitleVerticalAlignment=center
Animation=0
ActiveTextColor=0,0,0,255
InactiveTextColor=0,0,0,255)
UseTextShadow=false
ActiveTextShadowColor=255,255,255,255
InactiveTextShadowColor=255,255,255,255
TextShadowOffsetX=0
TextShadowOffsetY=0
HaloActive=false
HaloInactive=false

LeftButtons=MS
RightButton=HIAX
Shadow=true
DecorationPositon=0

[Layout]
BorderLeft=5
BorderRight=5
BorderBottom=5
BorderTop=0

PaddingTop=0
PaddingBottom=0
PaddingRight=0
PaddingLeft=0

TitleEdgeTop=5
TitleEdgeBottom=5
TitleEdgeLeft=5
TitleEdgeRight=5

TitleEdgeTopMaximized=0
TitleEdgeBottomMaximized=0
TitleEdgeLeftMaximized=0
TitleEdgeRightMaximized=0

TitleBorderLeft=5
TitleBorderRight=5
TitleHeight=20
ButtonMarginTop=0

ButtonWidth=20
ButtonHeight=20
ButtonSpacing=5
ExplicitButtonSpacer=10

Ну, что ж — это уже полностью наш конфигурационный файл, хотя и с дефолтными значениями.
Попробуем, что получится? Открываем testrc, выделяем и стираем весь прежний текст, а взамен копируем и вставляем наш текст .Файл, естественно, сохраняем в том же месте.
Что там получилось? А получилось нечто совсем уж невообразимое:
Заголовок восстановленного окна стал совершенно прозрачным, текста по-прежнему не видно на относительно темном фоне. Короче, не годится. А почему? А потому, что мы совместили не совмещаемое — файл с фонами с почти полностью прозрачными объектами краев с дефолтными значениями конфигурационного файла .Ладно, будем править дальше — вернемся к svg файлу с фонами.

5. Продолжаем редактировать файл фона окна

Итак, вновь идем к скрытым папкам ~/.local/share/aurorae/themes/test/ и вновь открываем файл decoration.svg вновь при помощи Inkscaoe. Теперь попробуем залить полностью не только центральные объекты, но и все объекты, отвечающие за обрамление. В итоге для фона активного получаем вот такие девять синих квадратов, причем угловые со скругленными углами:
Что касается неактивного окна, то тут чуть сложнее — синий цвет мы брали в самом начале нижней полосы предлагаемых цветов заливок, а вот коричневого — где-то правее. Разумеется, коды цвета не запомнились. Как быть. А просто заливаем объекты произвольным цветом, например, белым, а потом, выделяя последовательно каждый из восьми объектов, выбираем в меню Объект --> Заливка и обводка .В правой половине окна выбираем пипетку (Брать усредненные цвета из изображений) и кликаем по центральному коричневому объекту. Вот так:
В итоге для фона неактивного окна получим то же, что и для активного, но только с выбранным ранее коричневым цветом:
Файл сохраняем. И идем смотреть в Параметры системы, что получилось. Получилось ничего — по=прежнему серые кромки. Последовательно удалил в \tmp все папки и файлы, которые было позволено удалить без прав root — результат нулевой. Опять перезагрузка…
Ну, вот, теперь совсем другое дело, хотя бесконечные перезагрузки, конечно, достали:
Но сразу же выявились изъяны — черный текст на синем и коричневом фоне не просматривается, заголовок лучше перенести в центр (на мой взгляд, а вообще — кому как нравится), а скругленные углы здесь стали явно не к месту. Снова правим оба файла — конфигурационный. Но файл фона попытаемся создать с нуля, но вначале поговорим о svg файлах.

Не сдавайтесь! Вы на правильном пути!

Zeffanyx писал(а): 02 мар 2020, 13:41 Не сдавайтесь! Вы на правильном пути!

Спасибо! Сейчас продолжение вставлю...

6. Что представляют собой svg (svgz) файлы?

Итак, мы с вами уже знаем, что svg (для краткости будем обозначать просто svg, подразумевая, что сюда же относятся и архивные файлы svgz если, конечно, не оговорено обратное) может состоять из нескольких частей — объектов. Имеет ли значение размер и расположение каждого объекта друг относительно друга? Оказывается не имеет. Например, мы можем видоизменить наш файл decoration.svg, например, до такого вот скандального вида:
Можно этот кошмар еще и сохранить:
И ровным счетом ничего не будет — тема как была, так и осталась в том же виде. Разумеется, для чистоты эксперимента пришлось очередной раз перезагрузить многострадальный компьютер… Нет, форма, размеры, пропорции и расположение объектов внутри svg файла ничего не меняют. Тогда что же меняет? Как движок aurorae распознает, куда какой объект вставить? Оказывается, по ID (идентификатору) объекта — вот что определяет куда вставить объект. Секундочку, а как же размер, пропорции объекта? Это файл конфигурации. Либо дефолтные значения размеров и пропорций, если в файле конфигурации (в нашем случае это файл testrc) ничего не указано. Но позвольте, файл же стал состоять из совершенно разрозненных картинок… Да. Но каждая из этих картинок имеет свой ID. Именно по нему движок помещает картинку в требуемое место. Вкратце как-то так. В довершение можно добавить, что svg файл можно открыть текстовым редактором, например, тем же Kwrite. Увидим вполне пристойную, хотя и англоязычную простыню — xml. Теоретически, такую картинку, наверное, можно было бы редактировать в текстовом редакторе, но мы лучше воспользуемся мощью векторного редактора Inkscape.
Как же нам увидеть и при необходимости изменить ID объектов? Вновь откроем decoration.svg (файл фона). Нет, нет, не с помощью KWrite, а с помощью Inkscaoe. Кстати, в меню Правка можно почти в самом низу обнаружить пункт Редактор XML и тем самым ознакомиться с текстовым содержимым svg файла… Но нам это не нужно. Поэтому выделяем объект, скажем, левый верхний квадрат устрашающих размеров с одним скругленным углом .И в меню Объект выбираем Свойства объекта. В правой половине окна тем самым получим искомый ID:
Разумеется, мы имеем полное право ID изменить, но при этом в конце действия совершенно необходимо нажать кнопку «Установить» (там же, немного ниже) — ну, то же, что «Применить». Иначе редактор сбросит ID к прежнему значению. Кроме этого, не получится дать двум объектам один и тот же ID.
Для фонового файла девяти объектам активного окна необходимо присвоить следующие ID (метки модно не трогать, но для порядка лучше тоже изменить на ID с # впереди — мне кажется, так будет красивее что ли).

decoration-topleft | decoration-top | decoration-topright

decoration-left | decoration-center | decoration-right

decoration-bottomleft | decoration-bottom | decoration-bottomright

Собственно, идеология присвоения ID интуитивно понятна. Состоит из двух слов, первое слово общее для всх объектов, второе — указывает на расположение объекта.
Для неактивного окна:

decoration-inactive-topleft | decoration-inactive-top | decoration-inactive-topright

decoration-inactive-left | decoration-inactive-center | decoration-inactive-right

decoration-inactive-bottomleft | decoration-inactive-bottom | decoration-inactive-bottomright

Практически то же самое. Только добавилось третье слово, указывающее на неактивное окно.
Разумеется, свои идентификаторы имеются и у объектов файлов для кнопок, но их приведем позже. Когда доберемся до редактирования кнопок.

7. Создаем файл фона decoration.svgz

А пока открываем Inkscape. Изначально у нас открывается пустая белая страница формата А4 — документ. Нам такой огромный лист ни к чему, поэтому уменьшаем его до приемлемых размеров — чтобы оба фона были в пределах видимости и чтобы объекты были не слишком огромными. У нас будет две группы по 9 объектов примерно квадратной формы. Поэтому делаем документ с шириной вдвое большей высоты. Например, 200х100. Меню-→ Файл-→Свойства документа. Единицы переключаем с mm на pt, и ставим нужные значения для ширины и высоты:
Увеличиваем масштаб до комфортной величины — напомню, клавишами «плюс» и «минус». На левой кромке у нас панель инструментов — выбираем «Рисовать прямоугольники и квадраты» и рисуем квадрат. Ну, пусть примерно квадрат — мы ведь уже знаем, то размеры и пропорции не имеют значения. Если квадрат получится со скругленными углами, выбираем на панели слева Редактировать узлы контура или рычаги узлов (курсор примет вид удлиненной стрелки) и сдвинем кружок в угол, убрав тем самым скругленность — пока будет делать угловатый фон, скруглениями углов займемся позже. В нижней линейке цветов заливки выбираем синий, и получаем… совсем не то, что ожидалось:
Выделив объект, идем в меню-→Объект-→Заливка и обводка. Все ясно = по умолчанию непрозрачность 25%. Доводим до 100% и получаем синий фон. Дальше нудная работа. Нужно скопировать объект и вставить аж 9 раз. Восемь пойдут вокруг только что созданного квадрата, а девятый — в качестве центрального для неактивного окна. Пока будет синий. Толлько предварительно еще уменьшим первый квадратный объект чтобы не пришлось менять размеры у крайних квадратов, вписывая их в документ. Как мы знаем, объекты могут выходить за пределы документа, ничего страшного — но… не очень красиво как-то… И в файловом менеджере и в приложении для просмотра картинок будет неполное отображение. Как-то вот так:
Восемь квадратов перетаскиваем к первому, так сказать, «родительскому» объекту. И тут замечаем одну замечательную особенность — приблизившийся объект как бы приклеивается к другому. В результате получаем вполне пристойную монолитную картинку:
Цвет неактивного окна возьмем из ранее отредактированного файла, открыв файл — второй файл всегда открывается в новом окне — и скопировав код цвета, выбрав меню → Объект → Заливка и обводка. Затем выбираем тот же пункт меню в окне создаваемого файла и меняем код цвета заливки. Немного замороченно, но уж как есть.
Теперь осталось совсем нудная, но крайне ответственная операция — изменить ID всех 18 объектов файлов. Меню-→Объект-→Свойства объекта. И… не забываем нажимать «Установить»…
И последний момент - сохраняем созданный файл. Меню → Файл → Сохранить как… Несмотря на скрытость файлов нашей темы, Inkscape позволяет сохранить там созданный файл .Только вот мы сохраним его как сжатый svg, т. е. svgz. Таким образом, у нас появилось два файла decoration. Первоначальный — svg — удаляем. И… о, чудо, тема сразу изменилась на нескругленную — без перезагрузки .Осталось отредактировать конфигурационный текстовый файл — просто поменяем местами цвета шрифтов — обычных и теневых. И еще поменяем выравнивание заголовка с левого на центральное. Надеюсь, это, теперь уже для нас простое действие не надо пояснять? Всего-то поменять значения в пяти строчках, кои расположены в начале файла. Поменяли, и… ошибочка! Цвет шрифта неактивного окна сохранил дефолтное черное значение. А знаете почему? В четвертом разделе в тексте дефолтного файла конфигурации в шестой строке InactiveTextColor числами стоит закрывающая скобка «)». Увидели? Вот нарочно не буду исправлять, пусть так остается в назидание, к чему может привести едва заметная ошибочка. Движок не воспринял ошибочную строку как руководство к действию и сбросил дефолтное (черное) значение для цвета шрифта неактивного окна.
Нет, в самом файле конфигурации я, конечно же, скобку убрал — вот теперь как стало:
Ну, что ж, файл метаданных мы изменили в первую очередь, файл конфигурации практически написали свой (хотя и с ошибкой), файл фона нарисовали сами с нуля. Остались еще кнопки управления.

8. Создаем кнопки

Собственно, кнопки мы уже слегка видоизменили — ни следующим рисунке слева показаны кнопки исходной темы rosa, а справа — нашей темы Тестовая тема:
Благодаря изменениям, внесенным в конфигурационный файл, кнопки стали квадратными: немного выросли в высоту и заметно сузились — за счет ButtonWidth и ButtonHeight, а между ними появился интервал — за счет ButtonSpacing. Но нам этого мало — мы хотим нарисовать свои кнопки.
Сначала немного теории. Движок auporae позволяет создать или изменить девять видов кнопок: Закрыть, Свернуть, Распахнуть, Восстановить, Показать на всех рабочих столах, Поддерживать поверх других окон, Поддерживать на заднем плане, Затенить и Справка. Возможно, сейчас поддерживаются и другие виды кнопок, а в будущем будут поддерживаться какие-нибудь еще — по крайней мере в темах и в редакторе AuroraeDezigner, (который лично у меня как-то не прижился, поэтому здесь не рассматривается — не потому, что он якобы плохой, а потому, что я им почти не пользовался и не имею знаний) видел еще ryjgrb menu и resize.
Мы же остановимся пока на этих девяти. Изменить их можно при помощи имени svg (svgz) файла. А именно:
Вот так, просто изменил имя файла и получил еще одну кнопку. Изящно, не правда ли?
Внутри файла для каждой кнопки могут содержаться несколько объектов для разных случаев использования данной кнопки. Какие именно? Самый стандартный случай — просто открыто активное окно. Для такого случая имеется отдельный объект — рисунок, изображающий кнопку именно в этом состоянии (active-center). Теперь касаемся кнопки курсором. Что произошло? Может ничего не произойти, а может быть выведен другой объект svg файла, отвечающий за отображение кнопки при наведении курсора (hover-center). Наконец, нажимаем кнопку — объект может остаться прежним, а может быть выведен уже третий — все зависит от объектов внутри файла (pressed-center). Итак — три возможных изображения — обычное состояние, наведение курсора на кнопку и нажатие на кнопку. Это только для активного окна. Для неактивного окна можно добавить еще до трех объектов — обычное состояние неактивного окна (inactive-center), наведение (hover-inactive-center) и нажатие (pressed-inactive-center). Итого уже шесть возможных объектов. Но и это еще не все — можно добавить еще отдельные объекты для деактивированных кнопок, причем отдельно для активного (deactivated-active-center) и неактивного деактивированного окна (deactivated-inactive-center).
Таким образом, имеем до восьми разных объектов. Хотя можно оставить меньше, вплоть до одного. Тогда данная кнопка во всех случаях будет иметь один и тот же внешний вид. Если нет объектов неактивного окна, то будут показываться объекты активного окна.
Разумеется, каждому введенному в файл объекту надо присвоить свой идентификатор (ID), иначе объекта как бы и нет вовсе. Движок его будет игнорировать. Таким образом, в файле для каждой кнопки возможны до восьми объектов и каждый со своим ID. Эти ID выше (в скобках) уже были приведены. Теперь сведем их в таблицу, сопроводив иллюстрациями из моей самой первой темы «Стрелки»:
Основы теории есть, теперь продолжаем наш практический пример.
Рисуем кнопки. Какие и чем? Какие — здесь уже все зависит от наших с вами вкуса, фантазии и терпения. Чем — можно тем же Inkscape, можно более привычным для кого-то растровым редактором GIMP с последующим сохранением рисунка в формате png и импортированием растрового png в векторный Incscape. Как показала практика, на первых шагах этот вариант является оптимальным. Кто-то, конечно, может не согласиться. Но присвоение ID Двум и более сгруппированным объектам вызвало сложности, поэтому решил нарисовать все в GIMP, а в Inkscape вставить уже готовые png кнопки, состоящие из одного объекта каждая.
Рисуем кнопки в следующей последовательности.
1. Открываем GIMP.
2. Файл → Создать проект → Ширина 100, Высота 100, Заполнение Прозрачность → ОК:
3. Вид→ Масштаб → 400. Или Shift+ до получения комфортного размера квадрата.
4. Инструменты → Выделение → Эллиптическое выделение, рисуем круг до краев квадратной прозрачной области.
5. На панели инструментов слева — Активный цвет переднего плана — выбираем ff0000 — красный.
6. Правка → Залить цветом переднего плана. Получаем красный круг на прозрачном фоне.
7. Файл → Экспортировать как — выбираем имя close, расширение png и где-нибудь сохраняем — это заготовка под будущий первый объект svgz файла.
8. Цвет→ Яркость-Контраст, увеличиваем яркость с 0 до 100, получаем бледно-красный круг — это подсеченная кнопка, подсветка появляется при наведении.
9. Экспортируем как close-hover.png.
10. Повторяем пп. 2 и 3. Получаем вторую вкладку с пустым прозрачным квадратом.
11. Переходим на первую вкладку с бледно-красным кругом, Правка → Копировать?, переходим в пустую вкладку — Правка → Вставить. Получаем точную копию первого рисунка.
12. Цвет → Тон-Цветность → Светлота с 0 до -100. Получаем черный круг.
13. Инструменты → Рисование → Ластик, на панели слева выбираем самую размытую кисть Hardness 025, размер задаем чуть больше нашего черного круга. Скажем, 110. Сила 10.
14. На вкладке справа — разблокируем альфа-канал.
15. Наводим ластик на круг — так чтобы центр ластика насколько возможно совпадал с центром круга и нажимаем… Много раз, пока не получим приемлемую градиентную тень — у кромок практически непрозрачную, около центра абсолютно прозрачную .Как-то вот так, у меня получилось 60 нажатий ластиком:
16. По п. 11 переносим градиентную тень на основной рисунок в первой вкладке. Получается бледно-красный круг, обрамленный градиентной тенью — имитация утопления кнопки.
17. Экспортируем под именем closr-pressrd.ong.

GIMP закрываем, открываем Inkscape.

1. Файл → Свойства документа, единицы переводим из mm в pt, ширину задаем 350, высоту 150.
2. Файл → Импортировать. Ищем наш файл close.png и соглашаемся с предлагаемыми условиями импорта. Файл может импортироваться в других размера, отличных от 100х100. Поэтому увеличим до приемлемого размера.
3. Повторяем п. 2 для close-hover.png и close-pressed.png. Они импортируются уже в тех размерах, какой задали для первого импортированного файла. «Склеивая» эти три… уже не файла, а объекта, получаем следующую картину:

. Выделяем первый объект и присваиваем им ID. А именно, выделяем первый объект. Меню→ Объект → Свойства объекта, ID — меняем на active-center, метку н #active-center Последнее не обязательно, просто для порядка. Как всегда при изменении ID и метки не забываем нажимать кнопку Установить:
5. Повторяем п.4 для следующих двух объектов — hover-center и pressed-center.
6. Еще раз проверяем правильность присвоенных ID (в основном чтобы убедедиться, что не забыли нажать Установить). И сохраняем файл как close,svgz.

Смотрим, что получилось — не очень (нужно править наш дефолтный конфигурационный файл), но для начала сойдет:
Осталось повторить все для трех оставшихся «кнопочных» файлов. Сами справитесь? Две подсказки,
1. В G{MPе можно взять наши три заготовки и воспользоваться Меню → Цвет - Насыщенность. В основном Тон.
2. В Inkscape restore отличается от maxsimize лишь именем.
Теперь точно справитесь! И так уже вон 5К слов набрал… Удачи!

Надо еще добавлять? Например, приемы создания 3D эффектов с помощью ГИМПа? Или примеры собственных тем? Или и так букв и картинок чрезмерно много?

Эммм... Вот здесь /usr/share/kwin/aurorae/ нашлось 8 файлов:

AppMenuButton.qml
aurorae.qml
AuroraeButton.qml
AuroraeButtonGroup.qml
AuroraeMaximizeButton.qml
Decoration.qml
DecorationButton.qml
MenuButton.qml

Весят в общей сложности аж 34 кб. Это что же - и есть тот самый движок Aurorae?

dragon писал(а): 05 мар 2020, 14:59 Весят в общей сложности аж 34 кб. Это что же - и есть тот самый движок Aurorae?

Ну не совсем.
В отрисовке декорации окон ещё участвуют файлы из пакета kdecorations.
А оформление окон Breeze содержится, например, в либе
/usr/lib64/qt5/plugins/org.kde.kdecoration2/breezedecoration.so
В этом оформлении сейчас вообще отказались от оформления границ окон.
Всё минималистично и шустро.
Мне очень нравится такой подход, во всяком случае в текущий момент времени.