Как создавать темы для linux

Cinnamon. Часть третья. Создание собственных тем

Как некогда было сказано, настройка шрифтов интерфейса Cinnamon’а действует более-менее для всех приложений (в Ubuntu — так просто для всех), но ни в малейшей степени не затрагивает панели и главного меню. Причём следствие показало, что в панели и меню шрифты зависят от темы оформления: при смене её гарнитура в этих элементах интерфейса менялась, хотя кегль оставался если не неизменным, то во всяком случае маленьким и трудно различимым.

После отправки дела на доследование оказалось, что так оно и есть: кегли шрифтов для меню и разных элементов панели (а в ряде случаев — даже и гарнитуры) жёстко прописывались в CSS-файле всех тем, которые я просмотрел. А поскольку все они были изготовлены зоркими соколами, кегли эти везде были очень маленькими, от 7 до максимум 11 пунктов.

Обсуждать вопрос о том, насколько это идеологически правильно, здесь не буду. Конечно, на мой взгляд, неправильно абсолютно — ибо противоречит идее сквозных настроек десктопа, последовательно проводимой в KDE и Xfce. Однако идеология — идеологией, а практика — практикой: поскольку это оказался чуть ли не единственный недостаток Cinnamon’а, его следовало по возможности искоренить, а не рассуждать на тему

Что делать — было ясно: редактировать тему, наиболее близкую по всем остальным показателям. А как делать — в принципе стало ясно из прочтения материала Клемента Лефевра, к переводу или оригиналу которого и отсылаю заинтересованного читателя. Здесь же лишь кратко опишу последовательность собственных действий.

Поскольку, как ранее было сказано, в итоге я остановился на теме Void, все относящиеся к ней файлы имели место быть у меня в каталоге

/.themes/Void/cinnamon . В том числе и cinnamon.css , который я отредактировал по заветам старины Clem’а самым простым способом: без лицемерия явным образом указал гарнитуру:

Затем просто добавил один-два пункта к кеглям шрифтов всех интерфейсных элементов. А заодно из темы Canelita потырил пиктограмму для кнопки главного меню — умолчально-зелёная в мою цветовую гамму вписывалась плохо.

Ещё один раздражающий момент присутствовал абсолютно во всех просмотренных мной темах: слияние текста заголовка и его фона для активного окна (первый везде почему-то белый, а второй… тоже почти белый). Вероятно, и это лечится редактированием файла cinnamon.css , но я так и не нашёл в нём строки, которые за это отвечают. И потому прибег к ещё одному внештатному методу, о котором расскажу на следующей странице.

А пока вот что получилось в итоге:

В качестве фона рабочего стола использована фотография, сделанная джуйковцем @mahury. Кстати, заставка к этому сайту — вариации на её же тему. За что, пользуясь случаем, выражаю свою признательность.

Источник

Как делать темы для Cinnamon’а

Клемент Лефевр (aka «Clem»), оригинал, 30 января 2012
Перевод: Алексей Федорчук

Делать темы для Cinnamon легко и весело — давайте посмотрим, как это выглядит.

На этом уроке мы будем создавать тему под названием MyTheme путём изменения умолчальной темы Cinnamon’а.

1. Создание новой темы

1. Перейдите в свой домашний каталог
2. Создайте подкаталог MyTheme
3. Создайте подкаталог cinnamon внутри MyTheme
4. Скопируйте все содержимое из /usr/share/cinnamon/theme в Mytheme/cinnamon/

2. Избавление от ненужных файлов

Файл thumbnail-generic.png не нужен, и потому вы можете удалить его.

3. Установка темы

Поместите свою тему в

Примечание: .themes является «скрытым» подкаталогом в вашем домашнем каталоге, так что, возможно, придётся нажать на Вид -> Показывать скрытые файлы в файловом менеджере. Если каталог .themes не существует, создайте его.

4. Выбор темы

Чтобы выбрать тему, запустите Cinnamon Settings, нажмите на Themes и выберите MyTheme.

5. Изменение темы

Откройте каталог .themes/Mytheme/cinnamon в файловом менеджере и посмотрите на его содержимое. Вы увидите следующее:

• изображения png , которые можно изменить в Gimp’е
• векторные изображения svg , которые можно изменить в Inkscape (или в текстовом редакторе , если вы предпочитаете грубую силу по поиску/замене функций)
• стилевые файлы css , которые можно редактировать с помощью текстового редактора (я лично рекомендую для этого Geany; а я присоединяюсь к рекомендации — А.Ф.)

Протестируйте свои изменения, насколько возможно. Чтобы увидеть, как ваша тема смотрится после внесения изменений в неё, можно либо выбрать другую тему и снова вернуться к своей в Cinnamon Settings, или перезапустить Cinnamon, нажав Alt+F2 и набрав R.

6. Советы и хитрости

Вот несколько вещей, которые вы должны знать:

• toggle-on-us.svg и toggle-off-us.svg используются при английской локали. Для других языков используются toggle-on-intl.svg и toggle-off-intl.svg . Если вы их изменили, убедитесь, что были изменены и версия US, и международная;
• thumbnail.png — картинка, используемая в Cinnamon Setting для предварительного просмотра вашей темы. Как только вы закончите работу с темой, сделайте скриншот примерно такого же размера, перезапишите его как thumbnail.png и убедитесь, что он выглядит красиво в Cinnamon Setting.
• overview.png и overview-hover.png удалять не следует. Пользователи сами решат, хотят ли они принять значки из вашей темы или удалить их.
• файл cinnamon.css определяет внешний вид Cinnamon’а и более или менее всё остальное. Он начинается с секций и определений тем, которые имеются также в Gnome Shell (чтобы сделать перенос имеющихся тем Shell в Cinnamon лёгким для художников), и затем содержит определение стилей, специфичных для Cinnamon’а.

CSS широко используется в Интернете, так что по нему есть много ресурсов. Не стесняйтесь спрашивать Google, как сделать с ним ту или иную вещь.

CSS поддерживает определения цветов как в Hex-формате (типичные цветовые коды HTML), так и в RGB (который позволяет задать значения прозрачности). Не стесняйтесь использовать Gimp для захвата Hex-кода конкретного цвета, видимого на экране, а также пользоваться этим и этим ресурсами для простого перевода RGB в Hex и наоборот.

7. Представление своей темы

Как только вы достигли счастья с вашей темой, добавьте её на сайт Cinnamon Spices.

Народ будет скачивать её, оценить и комментировать. Не стесняйтесь использовать их отзывы для дальнейшего улучшения своей темы. Задайте для неё номера версий и поместите список изменений в её описании, чтобы народ знал, что было улучшено, и ради чего её нужно сказать снова.

8. Получение помощи

Если вам нужна помощь, не стесняйтесь обращаться к разработчикам Cinnamon’а на IRC at #linuxmint-dev на irc.spotchat.org.

Об авторе

Клемент Лефевр (Clement Lefebvre, aka «Clem») является ведущим разработчиком и основателем проектов Cinnamon и Linux Mint. Он также участвует в проекте MATE в качестве релиз-менеджера.

Источник

Делаем Linux терминал красивым и удобным

Добавляем функциональность

Командная оболочка

Большинство дистрибутивов поставляется со встроенным Bash. Используя дополнения можно сделать из него все что захотите, но гораздо проще этого добиться с Zsh. Почему?

Настройка Zsh

Для начала, установим Zsh (если он уже установлен, например, как в Manjaro, можете пропустить этот пункт):

Когда вам предложат установить Zsh как оболочка по-умолчанию, нажмите Y , чтоб подтвердить.

Oh-My-Zsh — популярный и активно развивающийся фреймворк Zsh, который позволяет гибко настроить оболочку терминала. Установим его:

Подсветка синтаксиса. Гораздо проще ориентироваться по содержимому терминала, когда разные части команд подсвечены разными цветами. Например, директории будут подчеркиваться, а команды — выделяться цветом, отличным от обычного текста. Установим плагин zsh-syntax-highlighting :

Чтоб плагин заработал, его надо подключить.

/.zshrc меняем строку с plugins= :

Если такой строки нет — добавьте её.

Готово! Получаем удобный и функциональный терминал. Теперь сделаем его визуально приятным.

Настраиваем внешний вид

Скачиваем и добавляем в систему шрифт JetBrains Mono Nerd (c иконками):
Выберитеодин из списка, в папке шрифт/complete выберите шрифт без «Windows Compatible», с окончанием «Mono».

Подключаем шрифт и тему.

Если в файле эти строки уже есть — замените их.

Цвета. Важная часть оформления терминала — цветовая схема. Я перебрал много разных схем, редактировал их, остановился на Monokai Dark. Не режет глаза, но при этом приятная и яркая. Список цветов:

В разных терминалах по-разному меняется цветовая схема (обычно, это делается через настройки терминала), но порядок цветов везде одинаковый. Вы можете импортировать этот шаблон в формате Termite и экспортировать его для вашего терминала через terminal.sexy

Запускаем конфигурацию темы: p10k configure .
Настройте тему, выбирая варианты отображения, которые вам больше нравятся.

Финальный штрих — меняем конфиг темы и заменяем встроенные цвета.

Если в файле эти строки уже есть — замените их. Коды цветов можно получить командой

Отображение только текущей директории:

Источник

Oomox, настраивайте и создавайте свои собственные темы GTK2 и GTK3

В следующей статье мы рассмотрим Oomox. Возможности тематической и визуальной настройки системы Gnu / Linux известны всем. Поскольку весь код открыт, мы сможем изменить внешний вид и поведение нашей операционной системы в большей степени, чем в других случаях. В Тема GTK это, пожалуй, самый популярный способ персонализации компьютеров.

GTK Toolkit используется в самых разных средах рабочего стола, таких как Gnome, Cinnamon, Unity, XFCE и budgie. Это означает, что одна тема, созданная для GTK, может быть применена к любой из этих сред рабочего стола с небольшими изменениями. Есть много популярных тем GTK с очень высоким качеством, таких как Arc, Numix и Adapta, которые мы сможем использовать с этой программой. Если хочешь настроить эти темы и создать свой собственный визуальный дизайн, вы можете использовать Oomox. На эта же программа Некоторое время назад с нами разговаривал коллега.

Oomox — это графическое приложение для настройки и создания вашей собственной полной темы GTK. С вашими собственными цветами, значками и стилем терминала. Он поставляется с несколькими предустановками, которые вы можете применить в теме стиля Numix, Arc или Materia, чтобы создать свою собственную тему GTK.

Установите Oomox на Ubuntu

Для систем Debian / Ubuntu / Linux Mint нам нужно будет только скачать oomox.debpackage со своей страницы по адресу GitHub и установите его, как показано ниже. Откройте терминал (Ctrl + Alt + T) и введите в нем:

Oomox также доступно как приложение Flatpak. Убедитесь, что вы установили Flatpak, как описано в это руководство. Затем установите и запустите Oomox, используя следующие команды в терминале (Ctrl + Alt + T):

к другие дистрибутивы Gnu / Linuxперейдите на страницу проекта Oomox по адресу Github. Загрузите, скомпилируйте и установите вручную из исходников.

Настройте и создайте свои собственные темы GTK2, GTK3 с Oomox

Настройка темы

Мы сможем изменить цвет практически всех элементов интерфейса, например: заголовки, кнопки, кнопки внутри заголовков, меню или выделенного текста.

Слева есть несколько предустановок, таких как тема Cars, современные темы, такие как Materia и Numix, а также ретро-темы. В верхней части главного окна есть опция «Стиль темы», которая позволяет нам установить общий визуальный стиль темы.

С помощью определенных стилей, таких как Numix, вы даже можете изменить такие параметры, как градиент заголовка, ширину контура и непрозрачность панели. Также возможно добавьте темный режим для своей темы Он будет создан автоматически из темы по умолчанию.

Настройка набора иконок

Мы можем настроить набор значков для использования в качестве значков для тем. Есть 2 варианта: Цвета гномов y Archdroid. Вы можете изменить основу и отследить цвета набора иконок.

Настройка терминала

У нас также будет возможность настроить цвета терминала. Приложение имеет различные предустановкис. Вы можете настроить точный цветовой код для каждого значения цвета, такого как красный, зеленый, черный и т. Д. Мы найдем возможность автоматической замены цветов фона и переднего плана.

Тема Spotify

Уникальной особенностью этого приложения является то, что мы сможем есть тема из приложения Spotify по нашему вкусу. Вы можете изменить цвет переднего плана, фона и Spotify приложения в соответствии с общей темой GTK.

Затем вам просто нужно нажать кнопку «Применить».

Просто нажмите «Применить», и все готово.

Экспортируйте свою тему

Когда вы закончите настройку темы по своему вкусу, вы можете переименовать это нажав кнопку «Переименовать» в левом верхнем углу:

Чтобы закончить, просто нажмите Экспорт темы. Следует отметить, что мы также сможем экспортировать набор иконок или тему из терминала.

После этого мы теперь можем открыть любое приложение визуальной настройки для вашей среды рабочего стола и выбрать экспортированную тему GTK и Shell.

Если вы поклонник тем Gnu / Linux и точно знаете, как должна выглядеть каждая кнопка, стоит взглянуть на Oomox. Мы сможем изменить практически все что касается аспекта вашей системы. Для людей, которые просто хотят немного подправить существующую тему, в ней есть множество предустановок, так что вы можете получить то, что хотите, без особых усилий.

Содержание статьи соответствует нашим принципам редакционная этика. Чтобы сообщить об ошибке, нажмите здесь.

Полный путь к статье: Убунлог » Ubuntu » Oomox, настраивайте и создавайте свои собственные темы GTK2 и GTK3

Источник