Linux
 Computer >> コンピューター >  >> システム >> Linux

シナモンのテーマにスパイスを効かせましょう–簡単です!

Linuxデスクトップをカスタマイズしたいと思ったことがありますが、その1つの完璧なテーマが見つかりませんでしたか?

Cinnamonが現在のデスクトップ環境である場合、独自のテーマの作成は簡単に習得できます。特別なツールも必要ありません。構文が強調表示された通常のテキストエディタで十分です。

シナモンは、2011年にGnome Shellのフォークとして最初に登場して以来、長い道のりを歩んできました。以前はGnomeに依存して正常に動作していましたが、現在は、独自の基本アプリケーションのセットを備えた完全なスタンドアロンデスクトップ環境になっています。このクイックガイドは、最新のLinux Mintリリース(バージョン17.1「Rebecca」)に同梱されているCinnamon 2.4に基づいていますが、テーマはCinnamonを実行しているすべてのLinuxディストリビューションと互換性があります。

シナモンテーマを理解する

シナモンのテーマはシンプルでも複雑でもあります。逆説的に聞こえますよね?テーマ全体がCSSで記述されているため単純ですが、テーマファイルが巨大で十分に文書化されていないため複雑です。ほとんどの場合、どのルールがどのデスクトップ要素を変更するかを推測できますが、試行錯誤を繰り返す必要がある場合もあります。これを試す前にCSSに精通していることが期待されますが、そうでなくても心配する必要はありません。役立つチュートリアルを使用して、オンラインでCSSをすばやく学ぶことができます。

Cinnamonテーマは、ウィンドウの境界線、ボタン、またはその他のアプリケーション要素を変更しないことに注意することが重要です。これらのオブジェクトは、別途ダウンロードする必要があるGTKテーマによって制御されます。シナモンのテーマ自体は、ミントメニュー、パネル、ツールチップ、通知、アプレット、および一部のダイアログにのみ影響します。

はじめに

一般的に、Cinnamonテーマを作成するには、2つの方法があります。最初からコーディングするか、既存のテーマをテンプレートとして使用します。後者の方がはるかに簡単なので、後者のアプローチを採用します。変更したテーマを再配布する場合は、ライセンスの制限を確認することを忘れないでください。通常は、作成者に連絡して許可を求めるだけで十分です。

CSSに飛び込む前に、何を変更したいかを正確に計画しておくことをお勧めします。この例では、デジタル時計のサイズを変更し、メニューフォントと背景色を変更して、パネルを透明にします。新しいテーマが見やすいように、無料のオンラインツールを使用して配色を作成できます。

一部の変更には「依存関係」があることを忘れないでください。パネルの背景を暗い色から白い色に変更する場合は、パネルのボタンとアプレットの色も変更する必要があります。そうしないと、以前は暗いパネルでは白だったため、新しいテーマでは表示されない可能性があります。ダークテーマを作成する場合は、賢明で、すでにダークカラーのテンプレートから始めてください。

テンプレートの選択

プロジェクトのGitHubページで利用できるデフォルトのCinnamonテーマを選択することをお勧めします。 deviantARTコミュニティは素晴らしいシナモンテーマを作成し、LinuxMintSpicesの公式ページと古い忠実なGnome-Look.orgからさらにダウンロードできます。

デフォルトのテーマを使用する場合は、

にあります。
/home/$USERNAME/.themes

または

/usr/share/themes

。後者のディレクトリにあるテーマは、すべてのユーザー(rootを含む)が実行するアプリケーションに影響しますが、

/home/$USERNAME

ディレクトリは1人のユーザーにのみ適用されます。進行中のテーマを

に保持することをお勧めします
/home

ディレクトリ。完了したら、次のコマンドを使用してシンボリックリンクできます:

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

一部のテーマには、「gtk-2.0」および「gtk-3.0」という名前のサブフォルダーが含まれていることに気付くでしょう。これは、シナモンテーマに加えてGTKテーマが含まれていることを意味します。ただし、必要なのは「シナモン」フォルダだけです。

シナモンのテーマにスパイスを効かせましょう–簡単です!

サブフォルダが含まれている可能性があります。サブフォルダには、デスクトップ要素のスタイル設定に使用できるアセットや小さな画像が含まれています。たとえば、ミントメニューに背景画像を含めることができ、それをこれらのサブフォルダの1つに保持します。 「cinnamon.css」というファイルが必要です。今がそれを開くときです。

テーマの構造

デフォルトのテーマの1つである「LinuxMint」を使用しています。かなり長いCSSファイルです。幸いなことに、コード内のコメントは方向性の感覚を提供します。コードをセクションに分割し、それぞれが1つのデスクトップ要素に対応します。一部のセクションは次のとおりです。

  • PopupMenu(popupMenu.js):すべてのポップアップメニューを変更し、パネルメニューを右クリックしておよび メインメニュー;
  • パネル(panel.js):自明;
  • デスクトップウィジェット用のDesklets(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は完全に不透明です。

シナモンパネルは3つのエリア(左、中央、右)に分かれています。新しいアプレットをその領域にドラッグするときに、各領域のハイライト色を変更するための特別な設定があります。

の下の値を変更することでこれを調整できます
#panelLeft:dnd

#panelRight:dnd

および

#panelCenter:dnd

メインメニューの色、透明度、フォントを変更する

メインメニューは、「PopupMenu」と「Menu」の2つのセクションで制御されます。最初の変更は、すべてのポップアップメニューに影響します。 [メニュー]セクションには、お気に入り、カテゴリ、場所、検索ボックスのオプションが含まれています。そのため、

で色と透明度を変更する必要があります
.popup-menu-boxpointer

シナモンのテーマにスパイスを効かせましょう–簡単です!

新しいパネルのRGBa値をコピーし、

の後に追加しました
-arrow-background-color:

、境界線の幅を2pxに増やし、境界線の色を灰色に変更しました。フォントを変更するために、

を変更しました
font-family

「cinnamon.css」ファイルの先頭の値。これはテーマ全体に影響しますが、一部の要素について個別に調整できます。私たちはこれから行きました:

シナモンのテーマにスパイスを効かせましょう–簡単です!

これに:

シナモンのテーマにスパイスを効かせましょう–簡単です! パネルのデジタル時計を大きくする

Clockはパネルアプレットですが、ウィンドウリストやカレンダーとは異なり、テーマファイルで独自の外観設定が定義されていません。一般的な「アプレット」設定を変更する必要があります。これは、メニューボタンのテキストのサイズと、個別に調整できない他のパネルアプレットに影響します。

シナモンのテーマにスパイスを効かせましょう–簡単です!

時計を大きくするには、

を見つけます
.applet-label

を増やします
font-size

価値。ここで、

を変更することにより、メインメニューに以前に追加したフォント設定を上書きできます。
font-family

価値。この例では、時計をサンセリフフォントに変更しましたが、ポップアップメニューにはセリフフォントが保持されています。

カレンダーアプレット(時計をクリックしてアクセスする)の外観を変更するには、[日付アプレット]セクションを確認します。たとえば、

.datemenu-date-label

カレンダーアプレットの上部にあるテキストのサイズ、色、フォントを変更できます(この写真では、「3月8日日曜日...」です)。

「後」バージョンは明らかに存在する中で最も美しいテーマではありませんが、私たちが行った変更を示しています。

シナモンのテーマにスパイスを効かせましょう–簡単です!

「メニュー」ボタンと時計が大きくなり、色が変わり、フォントが異なります。次のステップは、実行ダイアログ、セッション終了ダイアログ、通知など、インターフェースの目立たない要素を微調整することです。

テストと詳細

テーマファイルを

に配置すると、変更をライブプレビューできます。
/home/$USERNAME/.themes/ThemeName

そのテーマを

でアクティブとして設定します
All Settings - Themes - Desktop

ダイアログ。

シナモンのテーマにスパイスを効かせましょう–簡単です!

変更がすぐに表示されない場合は、 Alt + F2を押してCinnamonを再起動します [実行]ダイアログを表示するには、 rと入力します Enterを押します 。もちろん、最初にすべてを編集してから、新しいテーマを適用して、修正が必要かどうかを確認することができます。

これらの基本的な手順に加えて、LinuxMintフォーラムでCinnamonのテーマに関するアドバイスを見つけることができます。そこで、ユーザーや他のテーマ作成者からフィードバックを得ることができます。他の多くのクリエイティブなアクティビティと同様に、練習は完璧です。したがって、作成(または編集)するテーマが多いほど、作成が容易になり、「そのCSSのすべて、問題なし」になります。 Cinnamon開発チームがまもなく公式の詳細なテーマドキュメントを提供することを期待しています。


  1. Windows 11 でテーマを変更する方法

    Windows 11 の同じ古いデフォルト テーマにうんざりしていませんか?ただし、Microsoft には、デフォルトのテーマ設定をいじることができる多くの機能があるため、心配する必要はありません。そのような機能の 1 つがテーマです。 新しい Windows 11 の導入により、Microsoft が Windows オペレーティング システムの UI とデザイン機能を強化したことは秘密ではありません。このような便利な UI 設定には、使い慣れた古い テーマ が含まれています 、Windows 11 の背景、色、フォントなどを変更できる Windows 設定の機能。 方法を学びましょう

  2. デスクトップを装飾する Windows 7 の無料テーマ 15 選

    Windows 7 は、Microsoft がこれまでにリリースした中で最も人気があり、非常に効率的な OS であることは間違いありません。これが、何千人ものユーザーがまだ新しい OS バージョンに移行していない理由です。しかし、その効率性と使いやすさにもかかわらず、同じような画面やインターフェイスを長時間見続けると、頭が疲れてしまいます。つまり、ときどき変更されていないのに、なぜ同じものを使いたいと思うのでしょうか。そこで、Windows 7 デスクトップを微調整し、グラフィックスの創造性を追加するために、最高の無料 Windows 7 テーマのリストを用意しました。 それらのいくつかはテ