Cinnamon - 共通事項 - テーマ - カスタマイズ

 
1. いじるファイル
2. フォント
3. カテゴリ・アイテムの行間
4. カスタマイズ後

1. いじるファイル

 「Costom」という名称でディレクトリを作成しましたので

vi ~/.themes/Costom/cinnamon/cinnamon.css
 でファイルをいじります。  何の定義をしているかが調べられれば、どう変更するかは、「.css」を知っていれば、大体わかります。  また、元ネタは「/usr/share/themes/」配下にありますので、バックアップをとっていなくても、いつでも差分を見ることができます。  以下、わたしの理解できたとこだけね・・・記述します。  メニュー全体の大きさを、もう少し小さくしたかったのですが、そこはできていないのです・・・。

2. フォント

 この箇所で、フォント名やサイズを指定します。

stage {
  font-family: Ubuntu, Sans-Serif;
  font-size: 10pt;
  color: #f0f0f0; }

3. カテゴリ・アイテムの行間

 大体、ここいらあたりになります。

.menu-favorites-box {
  padding: 10px;
  transition-duration: 300;
  background-color: #404040;
  border: 1px solid #202020; }
.menu-favorites-button {
  padding: .9em 1em;
  border: 1px solid rgba(0, 0, 0, 0);
  border-radius: 2px; }
  .menu-favorites-button:hover {
    background-color: #5aaa9a; }
.menu-places-box {
  padding: 10px;
  border: 0px solid red; }
.menu-places-button {
  padding: 10px; }
.menu-categories-box {
  padding: 10px 30px 10px 30px; }
.menu-applications-inner-box, .menu-applications-outer-box {
  padding: 10px 10px 0 10px; }
.menu-application-button {
  padding: 7px;										←	★
  border: 1px solid rgba(0, 0, 0, 0); }
  .menu-application-button:highlighted {
    font-weight: bold; }
  .menu-application-button-selected {
    padding: 7px;									←	★
    color: #ffffff;
    background-color: #5aaa9a;
    border: 1px solid #202020; }
    .menu-application-button-selected:highlighted {
      font-weight: bold; }
  .menu-application-button-label:ltr {
    padding-left: 5px; }
  .menu-application-button-label:rtl {
    padding-right: 5px; }
.menu-category-button {
  padding: 7px;										←	★
  border: 1px solid rgba(0, 0, 0, 0); }
  .menu-category-button-selected {
    padding: 7px;									←	★
    color: #ffffff;
    background-color: #5aaa9a;
    border: 1px solid #202020; }
  .menu-category-button-hover {
    background-color: red;
    border-radius: 2px; }
  .menu-category-button-greyed {
    padding: 7px;
    color: rgba(240, 240, 240, 0.45);
    border: 1px solid rgba(0, 0, 0, 0); }
  .menu-category-button-label:ltr {
    padding-left: 5px; }
  .menu-category-button-label:rtl {
    padding-right: 5px; }
.menu-selected-app-box {
  padding-right: 30px;
  padding-left: 28px;
  text-align: right;
  height: 30px; }
  .menu-selected-app-box:rtl {
    padding-top: 10px;
    height: 30px; }
.menu-selected-app-title {
  font-weight: bold; }
.menu-selected-app-description {
  max-width: 150px; }
.menu-search-box:ltr {
  padding-left: 30px; }
.menu-search-box-rtl {
  padding-right: 30px; }
 このうち、979、984行が、アイテムの行間、995、998行が、カテゴリの行間に影響します。

4. カスタマイズ後

 フォントを「Migu 1M」、行間をカテゴリ・アイテムとも「padding: 7px;」から「padding: 2px;」に変更してみました。
「Manjaro 18.1 Cinnamon」-「メニュー」「カテゴリ・アイテム行間変更後」


 
 
カウンタバックグラウンド