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

1.　いじるファイル

2.　フォント

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

4.　カスタマイズ後

1.　いじるファイル

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


vi ~/.themes/Custom/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;」に変更してみました。