Linux cinnamon внешний вид

compizomania

В релизе Linux Mint 14 Cinnamon очень хорошо организованы настройки окружения в одном окне — Настройки Cinnamon:

Для настроек внешнего вида служит вкладка Темы:

Во вкладке Темы Cinnamon уже установлены по умолчанию наиболее востребованные темы, активирована и используется тема Cinnamon. Данная тема изменяет внешний вид панели и меню (только). Кликните на другой теме из предложенных в перечне, как тут же она применится.
Если вы хотите установить другие темы, то прежде нужно создать папку .themes в Домашней папке, выполнив следующую команду в терминале (Ctrl+Alt+T):

Теперь кликните на строке с надписью Получить новые темы , которая перенаправит вас на страницу Cinnamon/Themes:

Выберите понравившуюся и кликните на ней (пример):

Нажмите кнопку Download, указанную стрелкой, после чего откроется окно с файлом темы:

Загрузите его, нажав OK . После загрузки должен открыться Менеджер архивов где нужно Извлечь (указано стрелкой) данный .zip файл:

Но прежде чем извлечь, мне хотелось бы обратить ваше внимание на то, куда его нужно извлечь? В самом низу сайта Cinnamon/Themes с перечнем тем есть маленькая поясняющая аннотация на английском:

Которая объясняет, что нужно распаковать/извлечь файл с темой в папку ~/.themes. Знак тильда (~), обозначает, что это Домашняя папка пользователя, точка (.) перед themes — скрытую папку.
Итак нажимаем кнопку Извлечь в Менеджере архивов:

Теперь примените сочетание клавиш Ctrl+H, чтобы открыть скрытые файлы и папки, найдите строку .themes, активируйте её и Извлечь:

Но так как в данной папке nadiatemes находится две темы, нужно открыть папку, скопировать данные темы и вновь вставить их к другим темам:

Вот и всё. Остаётся открыть Настройки Cinnamon ->Teмы ->Темы Cinnamon, найти и активировать одну из загруженных тем:

Как она тут же изменит тему Cinnamon:

Темы оформления окон, значков и курсора находятся во вкладке Тема -> Другие настройки, в Настройки Cinnamon:

Здесь также установлены темы по умолчанию, которые вы можете активировать и использовать, но к сожалению тем оформления GTK, значков и курсоров пока нет на сайте Cinnamon.
Для того чтобы их установить, нужно прежде создать папку .themes в Домашней папке следующей командой в терминале (Ctrl+Alt+T):

И загрузить понравившуюся тему GTK 3.x.

Итак кликаем на картинке с темой. Для примера я выбрал Lion-theme-reloaded:

Извлекаем его по той же схеме, что и темы Cinnamon в папку .themes:

И включаем (активируем) в Настройки Cinnamon ->Темы ->Другие настройки -> Тема GTK+ и Оформление окон:

Если вы хотите перенести кнопки управления окном влево, то сделать это также просто в Настройки Cinnamon ->Окна ->Кнопки управления окнами слева:

Чтобы вернуть кнопки вправо, измените их положение в Кнопки управления окнами справа. Действия применяются мгновенно.

Темы значков также находятся во вкладке Темы ->Другие настройки ->Тема значков, где уже есть темы по умолчанию:

Читайте также:  Пишем драйвера для linux

Чтобы установить новые темы значков, нужно создать директорию или папку .icons в Домашней папке следующей командой в терминале (Ctrl+Alt+T), если не была создана раньше:

И также перейти на сайт http://gnome-look.org/ для загрузки значков:

Для примера я также выбрал значки Mac OS — Mac-X-Lion-reload:

Кликаем на картинке и загружаем файл со значками:

И извлекаем в созданную папку .icons:

Теперь осталось активировать установленные значки в Настройки Cinnamon ->Темы ->Другие настройки ->Тема значков:

Чтобы тема значков отображалась везде, нужно перезагрузить Cinnamon: Alt+F2, ввести r и Enter.

Вот так получилось с новой темой значков:

Несколько тем курсора также установлены по умолчанию в Настройки Cinnamon ->Темы ->Другие настройки ->Тема курсора:

Чтобы установить дополнительно новые темы курсоров, вновь обратимся к сайту http://gnome-look.org/X11 Mouse Themes:

Для примера я также выбрал тему курсора Mac OSShere Khan X 1.0:

Клик на картинку перенаправляет нас на страницу загрузки файла:

После загрузки распаковываем файл в папку .icons:

И последнее, включаем тему в Настройки Cinnamon ->Темы ->Другие настройки ->Тема курсора:

Таким образом настраивается внешний вид в окружении Cinnamon.

Теперь вы можете настроить внешний вид Cinnamon так, как вам нравится.

Вы также можете установить дополнитедьные темы для Linux Mint, установив их во вкладке Темы, в шапке данного сайта, где указано для Linux Mint.

Источник

Linux cinnamon внешний вид

Мне безумно интересно настраивать внешний вид в моем любимом Linux Mint с оболочкой Cinnamon.
Если вы хотите что-то поменять во внешнем виде, но не знаете где и как, то эта тема для вас! Покажу, расскажу и постараюсь понятно объяснить как вам добиться желаемого результата.

Вместе с вопросом обязательно указывайте название темы, которую используете или ссылку на неё (если это что-то не из стандартного набора).

Чтобы тема сразу была полезной, давайте немного покапаемся в апплетах.
XApp

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

XApp имеет отступы в 2 пикселя по краям. Это мы и будем исправлять.

Переходим по адресу:
/usr/share/cinnamon/applets/xapp-status@cinnamon.org

Открываем (с root правами) файл applet.js и редактируем 14 и 15 строки приведя их к виду:

const HORIZONTAL_STYLE = 'padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0'; const VERTICAL_STYLE = 'padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0';

Таким образом мы уберем отступы при любом положении панели (горизонтальном и вертикальном).

Сгруппированный список окон
Тут всё проще, мы просто регулируем отступы между каждым из элементов сгруппированного списка.

Переходим по адресу: /usr/share/cinnamon/applets/grouped-window-list@cinnamon.org и открываем (с root правами) файл appGroup.js для редактирования строки 263.
Стандартное значение — 6px, но вы можете выставить то значение, которое вас устраивает, вплоть до нуля.

С апплетами закончили, дальше конфигурация Cinnamon.

Высота панели
Не знаю для чего и для кого это может быть полезно, но почему бы и нет? Давайте увеличим допустимую максимальную высоту панели (регулируется в настройках панели).
Переходим по адресу: /usr/share/cinnamon/cinnamon-settings/modules и открываем (всё так же с root правами) файл cs_panel.py .
Ищем 63 строку и редактируем пару параметров:

Читайте также:  Application software used in linux

Первый отвечает за минимальную высоту, второй за максимальную.

После всех манипуляций всё сохраняете и перезагружаете Cinnamon.

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

Kamikaze Сообщения: 71 Зарегистрирован: 17 апр 2021, 14:07 Решено: 3 Откуда: Санкт-Петербург Благодарил (а): 5 раз Поблагодарили: 81 раз Контактная информация:

Настройка внешнего вида Cinnamon

Друзья!
Я придумал как сделать так, чтобы вам было интересно и в то же время эта тема стала гайдом по настройке внешнего вида.
В этой теме мы будем вместе с вами поэтапно создавать собственное оформление для Cinnamon.

Сегодня будет самое начало.
В папке .themes в вашей домашней директории создайте ещё одну папку и назовите её как угодно (только латиница и без пробелов). Это будет название нашей темы.
Далее в созданной папке создайте ещё одну и назовите её cinnamon (обязательно с маленькой буквы).
И уже в папке cinnamon создайте новый файл с названием cinnamon.css (тоже обязательно с маленькой буквы).

Структура следующая:
.themes
— Папка (название темы)
— cinnamon (папка)
— cinnamon.css (файл)

Если вы всё сделали правильно, то в параметрах системы => темы вы сможете выбрать тему рабочего стола именно ту, которую только что создали.

Из-за того, что файл пустой, оформление будет браться стандартное, которое будет выглядеть подобным образом:

По мере продвижения весь этот скелет будет обрастать стилями и меняться буквально на глазах.
Пока мы ещё не начали, вы можете предложить варианты того, каким должен быть итоговый результат. В виде скриншота или более-менее подробного описания.

UPD: В каком формате делать? Текст или видео?

sheridan Сообщения: 1214 Зарегистрирован: 24 фев 2020, 19:13 Решено: 14 Откуда: Алчевск Благодарил (а): 835 раз Поблагодарили: 449 раз Контактная информация:

Настройка внешнего вида Cinnamon

Kifer Сообщения: 1 Зарегистрирован: 11 янв 2022, 18:00 Благодарил (а): 2 раза Контактная информация:

Настройка внешнего вида Cinnamon

сори если слегка не в теме, у меня mate, но вопрос именно о внешнем виде.
LM19.3 MATE.
установка фона — беру jpg на разделе FAT32, встаёт без проблем.
при перезагрузке чорный фон.
где собака порылась.
не то, чтобы проблема, просто интересно.
может скопировать в раздел Ext4?
или это другое.

rogoznik Сообщения: 9698 Зарегистрирован: 27 июн 2017, 13:36 Решено: 121 Откуда: Нижний Тагил Благодарил (а): 757 раз Поблагодарили: 1859 раз Контактная информация:

Настройка внешнего вида Cinnamon

Kifer , скорее всего раздел не успевает примонтироваться, до того как срабатывает установка фона при загрузке. так что лучше положить картинку в каталог пользователя

Изображение

Kamikaze Сообщения: 71 Зарегистрирован: 17 апр 2021, 14:07 Решено: 3 Откуда: Санкт-Петербург Благодарил (а): 5 раз Поблагодарили: 81 раз Контактная информация:

Читайте также:  Linux traffic on interface

Настройка внешнего вида Cinnamon

Kifer, к сожалению не взлюбил MATE и даже не пытался в нем разобраться. Увы, но я не помогу.

Kamikaze Сообщения: 71 Зарегистрирован: 17 апр 2021, 14:07 Решено: 3 Откуда: Санкт-Петербург Благодарил (а): 5 раз Поблагодарили: 81 раз Контактная информация:

Настройка внешнего вида Cinnamon

Урок #1. Панель.

Для начала давайте в ранее созданном файле cinnamon.css пропишем следующее:

Так мы задали для всей панели единый цвет.

Если вам необходимо задать разные цвета для каждой из частей панели, то необходимо использовать другие стили.
#panelLeft отвечает за левую часть панели;
#panelCenter отвечает за центральную часть панели;
#panelRight отвечает за правую часть панели.

Но помимо всего прочего мы можем задавать разные стили для панели в зависимости от её положения на экране.
.panel-top отвечает за панель, расположенную сверху;
.panel-bottom отвечает за панель, расположенную снизу;
.panel-left отвечает за панель, расположенную слева;
.panel-right отвечает за панель, расположенную справа.

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

.panel-bottom #panelLeft, .panel-bottom #panelRight < background-color: red; >.panel-bottom #panelCenter

Если вы переместите панель в любое другое место, то стили не применятся, поскольку они прописаны только для панели, которая расположена снизу.
Обращаю внимание, что если вы оставите #panel со своим цветом, то центральная часть, которая должна быть прозрачной будет того цвета, который указан для #panel .

Если хочется чего-то более сложного, то можно сделать, например, панель в стиле DDE.
Для начала нам необходимо задать внешний отступ панели от рабочего пространства. На самом деле это делается не так, и то что мы делаем — костыль, но по-другому не получится. Всё делается для показа возможностей кастомизации.

border — это рамка вокруг элемента. В данном случае это прозрачная рамка вокруг панели толщиной в 7 пикселей.
Далее нам необходимо задать цвет панели. Если мы зададим цвет для #panel или, например, для .panel-bottom (-top, -left, -right), то из-за прозрачности рамки панель будет иметь сплошной цвет без отступов.

#panelLeft, #panelCenter, #panelRight

Для #panelCenter в данном случае указывать ничего не надо, поскольку он и так имеет примые углы.

Может показаться, что всё идеально, но если изменить положение панели, то скругленные углы не адаптируются.

Полный код:

#panel < border: 7px solid transparent; >#panelLeft, #panelCenter, #panelRight < background-color: rgba(0, 0, 0, 0.7); >.panel-bottom #panelLeft, .panel-top #panelLeft < border-radius: 20px 0 0 20px; >.panel-bottom #panelRight, .panel-top #panelLeft < border-radius: 0 20px 20px 0; >.panel-left #panelLeft, .panel-right #panelLeft < border-radius: 20px 20px 0 0; >.panel-left #panelRight, .panel-right #panelRight

По мере продвижения панель будет редактироваться и дополняться (как и многие другие элементы).
По возможности в уроках будет несколько вариаций, чтобы к концу вы могли не просто повторить, а создать своё уникальное оформление Cinnamon.

Если есть какие-то вопросы, то обязательно задавайте!

Источник

Оцените статью
Adblock
detector