계피 테마를 멋지게 꾸며보세요

Linux 데스크탑을 사용자 정의하고 싶었지만 완벽한 테마를 찾지 못했습니까?

Cinnamon이 현재 데스크탑 환경이라면 자신만의 테마를 만드는 것은 배우기 쉽습니다. 특별한 도구도 필요하지 않습니다. 구문 강조 표시 기능이 있는 일반 텍스트 편집기만 있으면 됩니다.

Cinnamon은 2011년 Gnome Shell의 포크로 처음 등장한 이래로 먼 길을 왔습니다. 제대로 작동하려면 Gnome에 의존했지만 오늘날에는 자체 기본 응용 프로그램 세트가 있는 완전한 독립 실행형 데스크탑 환경입니다. 이 빠른 가이드는 최신 Linux Mint 릴리스(버전 17.1 "Rebecca")와 함께 제공되는 Cinnamon 2.4를 기반으로 하지만 이 테마는 Cinnamon을 실행하는 모든 Linux 배포판과 호환됩니다.

계피 테마 이해

계피 테마는 단순하면서도 복잡합니다. 역설적으로 들리죠? 전체 테마가 CSS로 작성되었기 때문에 간단하지만 테마 파일이 거대하고 문서화가 잘 되어 있지 않기 때문에 복잡합니다. 대부분의 경우 어떤 규칙이 어떤 데스크톱 요소를 수정하는지 추론할 수 있지만 일부의 경우 시행착오를 거쳐야 합니다. 이 작업을 시도하기 전에 CSS에 익숙할 것으로 예상되지만 그렇지 않은 경우에도 걱정할 필요가 없습니다. 유용한 자습서를 통해 온라인에서 CSS를 빠르게 배울 수 있습니다.

Cinnamon 테마는 창 테두리, 버튼 또는 기타 애플리케이션 요소를 변경하지 않는다는 점에 유의하는 것이 중요합니다. 이러한 개체는 별도로 다운로드해야 하는 GTK 테마에 의해 제어됩니다. 계피 테마 자체는 민트 메뉴, 패널, 도구 설명, 알림, 애플릿 및 일부 대화 상자에만 영향을 줍니다.

시작하기

일반적으로 Cinnamon 테마를 만드는 방법에는 처음부터 코딩하거나 기존 테마를 템플릿으로 사용하는 두 가지 방법이 있습니다. 훨씬 쉽기 때문에 후자의 접근 방식을 사용합니다. 수정된 테마를 재배포하기로 결정했다면 라이선스 제한 사항을 확인하는 것을 잊지 마십시오. 일반적으로 저자에게 연락하여 허가를 요청하는 것으로 충분합니다.

CSS에 뛰어들기 전에 정확히 무엇을 변경하고 싶은지에 대한 계획을 세우는 것이 좋습니다. 이 예에서는 디지털 시계의 크기를 조정하고 메뉴 글꼴과 배경색을 변경하고 패널을 투명하게 만듭니다. 새 테마가 눈에 잘 띄도록 하려면 무료 온라인 도구를 사용하여 색 구성표를 만들 수 있습니다.

일부 변경 사항에는 "종속성"이 있음을 잊지 마십시오. 패널 배경을 어두운 색에서 흰색으로 변경하면 패널 버튼과 애플릿의 색상도 변경해야 합니다. 그렇지 않으면 이전에 어두운 패널에서 흰색이었기 때문에 새 테마에서 보이지 않을 수 있습니다. 어두운 테마를 만들고 싶다면 현명하게 이미 어두운 색상의 템플릿으로 시작하세요.

템플릿 선택

좋은 선택은 프로젝트의 GitHub 페이지에서 사용할 수 있는 기본 Cinnamon 테마입니다. deviantART 커뮤니티는 멋진 Cinnamon 테마를 만들고 있으며 공식 Linux Mint Spices 페이지와 오래된 충실한 Gnome-Look.org에서 더 많은 것을 다운로드할 수 있습니다.

기본 테마를 사용하려면

/home/$USERNAME/.themes

또는

/usr/share/themes

. 후자의 디렉토리에 있는 테마는 모든 사용자(루트 포함)가 실행하는 응용 프로그램에 영향을 미치는 반면

/home/$USERNAME

디렉토리는 한 사용자에게만 적용됩니다. 진행 중인 테마를

에 보관하는 것이 좋습니다.

/home

예배 규칙서. 완료되면 다음 명령을 사용하여 심볼릭 링크할 수 있습니다.

sudo ln -s /home/username/.themes/ThemeName /usr/share/themes/ThemeName

일부 테마에는 "gtk-2.0" 및 "gtk-3.0"이라는 하위 폴더가 포함되어 있습니다. 이것은 계피 테마와 함께 GTK 테마를 포함한다는 것을 의미합니다. 단, "cinnamon" 폴더만 있으면 됩니다.

하위 폴더가 있을 수 있습니다. 여기에는 자산, 데스크톱 요소의 스타일을 지정하는 데 사용할 수 있는 작은 이미지가 포함되어 있습니다. 예를 들어, 민트 메뉴에는 배경 이미지가 있을 수 있으며 이 이미지를 이러한 하위 폴더 중 하나에 보관합니다. "cinnamon.css"라는 파일이 필요하고 이제 파일을 열 시간입니다.

테마 구조

저는 기본 테마 중 하나인 "리눅스 민트"를 사용하고 있습니다. 꽤 긴 CSS 파일입니다. 운 좋게도 코드의 주석은 방향 감각을 제공합니다. 코드를 섹션으로 나누고 각각은 하나의 데스크탑 요소에 해당합니다. 일부 섹션은 다음과 같습니다.

PopupMenu(popupMenu.js):모든 팝업 메뉴를 수정하고 패널 메뉴를 마우스 오른쪽 버튼으로 클릭 및 메인 메뉴;
패널(panel.js):설명이 필요 없습니다.
데스크탑 위젯용 Desklet(desklet.js) 및 패널의 위젯용 애플릿(applet.js).
Looking Glass:그래픽 디버깅 인터페이스를 수정합니다(cinnamon-looking-glass).
메뉴(menu.js):에만 영향 메인 메뉴(MintMenu);
창 목록(windowList.js):패널에 열려 있는 창 목록에 적용됩니다.

계피 테마 수정

우리는 그것이 어떻게 이루어졌는지 보여주기 위해 몇 가지 작은 변화를 만들 것입니다. CSS 편집에 익숙해지면 한 번에 많은 요소를 수정하고 새 자산을 만들어 Cinnamon 테마를 완전히 변형할 수 있습니다. "이전" 버전은 다음과 같습니다.

패널 배경색 및 투명도 변경

"cinnamon.css" 파일에서

로 시작하는 줄을 찾습니다.

#panel

그라디언트를 단색 및 일부 투명도로 대체하겠습니다. 항목 제거:

background-gradient-start
background-gradient-end
background-gradient-direction

추가

background-color: rgba(152,13,13,0.6);

이것을 얻으려면:

RGBa 형식으로 색상을 선언함으로써 색상과 투명도를 한 번에 쉽게 변경할 수 있습니다. 괄호 안의 마지막 숫자는 투명도 값입니다. 0은 완전히 투명하고 1은 완전히 불투명합니다.

Cinnamon 패널은 세 영역(왼쪽, 중앙, 오른쪽)으로 나뉩니다. 새 애플릿을 해당 영역으로 드래그할 때 각 영역의 하이라이트 색상을 변경하기 위한 특별한 설정이 있습니다.

아래의 값을 수정하여 이를 조정할 수 있습니다.

#panelLeft:dnd

#panelRight:dnd

그리고

#panelCenter:dnd

주 메뉴는 "PopupMenu" 및 "Menu"의 두 섹션으로 제어됩니다. 첫 번째 변경 사항은 모든 팝업 메뉴에 영향을 미칩니다. "메뉴" 섹션에는 즐겨찾기, 카테고리, 장소 및 검색 상자에 대한 옵션이 있습니다. 그렇기 때문에

아래에서 색상과 투명도를 변경해야 합니다.

.popup-menu-boxpointer

새 패널의 RGBa 값을 복사하고

뒤에 추가했습니다.

-arrow-background-color:

, 테두리 너비를 2px로 늘리고 테두리 색상을 회색으로 변경했습니다. 글꼴을 변경하기 위해

를 수정했습니다.

font-family

"cinnamon.css" 파일의 시작 부분에 있는 값. 이것은 전체 테마에 영향을 주지만 일부 요소에 대해 개별적으로 조정할 수 있습니다. 우리는 다음에서 출발했습니다:

이에:

패널의 디지털 시계를 더 크게 만들기

시계는 패널 애플릿이지만 창 목록 및 달력과 달리 테마 파일에 정의된 고유한 모양 설정이 없습니다. 일반 "애플릿" 설정을 수정해야 하며, 이는 개별적으로 조정할 수 없는 다른 패널 애플릿과 함께 메뉴 버튼 텍스트의 크기에 영향을 미칩니다.

시계를 더 크게 만들려면

를 찾으십시오.

.applet-label

증가

font-size

값. 여기에서

를 변경하여 기본 메뉴에 대해 이전에 추가한 글꼴 설정을 재정의할 수 있습니다.

font-family

값. 이 예에서는 시계를 sans-serif 글꼴로 변경했지만 팝업 메뉴는 serif 글꼴을 유지했습니다.

달력 애플릿(시계를 클릭하여 액세스)의 모양을 수정하려면 "날짜 애플릿" 섹션을 확인하십시오. 예를 들어,

.datemenu-date-label

캘린더 애플릿 상단에 있는 텍스트의 크기, 색상 및 글꼴을 변경할 수 있습니다(이 그림에서는 "3월 8일 일요일...").

"이후" 버전은 분명히 존재하는 가장 아름다운 테마는 아니지만 우리가 만든 변경 사항을 보여줍니다.

"메뉴"버튼과 시계가 더 커지고 색상이 변경되고 글꼴이 다릅니다. 다음 단계는 실행 대화 상자, 세션 종료 대화 상자 또는 알림과 같이 인터페이스의 덜 눈에 띄는 요소를 조정하는 것입니다.

테스트 및 자세히 알아보기

테마 파일을

에 배치하면 변경 사항을 실시간으로 미리 볼 수 있습니다.

/home/$USERNAME/.themes/ThemeName

에서 해당 테마를 활성으로 설정합니다.

All Settings - Themes - Desktop

대화.

변경 사항이 즉시 표시되지 않으면 Alt+F2를 눌러 Cinnamon을 다시 시작합니다. r을 입력하여 실행 대화 상자를 불러옵니다. Enter 키를 누릅니다. . 물론 모든 것을 먼저 편집한 다음 새 테마를 적용하고 수정해야 할 사항이 있는지 확인할 수 있습니다.

이러한 기본 지침 외에도 Linux Mint 포럼에서 Cinnamon 테마에 대한 조언을 찾을 수 있습니다. 여기에서 사용자 및 기타 테마 작성자로부터 피드백을 받을 수 있습니다. 다른 많은 창의적인 활동과 마찬가지로 연습이 완벽해집니다. 따라서 테마를 더 많이 만들거나 편집하면 할수록 더 쉬워지고 "그 CSS에 관한 모든 것, 문제 없음"이 될 것입니다. Cinnamon 개발 팀이 곧 공식적이고 자세한 테마 문서를 제공할 수 있기를 바랍니다.

계피 테마를 멋지게 꾸며보세요 – 간단합니다!