Github: https://github.com/equinusocio/material-theme
このプロジェクトはもはや積極的に開発されていません。 Sublime Textは他の編集者と比較して古いソフトウェアですので、 Visual Studio Codeの Material Themeをご検討ください。 非推奨のメモを読んでください。
このレポは寄稿者からのPRを承認し続けます。
このテーマはMaterial Designのビジュアル言語をあなたのSublime Text 3にもたらします。問題がある場合は、まず似た問題を探して、 新しい問題を報告します。
新しい問題を報告する前に、「 既知の問題」セクションをお読みください。 問題テンプレートを使用しない問題および既知の問題のセクションに関連する問題は、自動的に閉じられます。
推奨されなくなりました
私は長年にわたって崇高なテキストのユーザーでした。 崇高なテキスト2が更新を受け取っていない間、wbondや他の人たちが作業を開始するまで、著者は完全に放棄されました。 v3の3年間のベータ版とバグ修正のみを行った後、私はそれを古いソフトウェアと見なすことができます。 現在、v3がリリースされ、新しい機能はありません.Bos STのうち、商用のNodepad ++のようなものです。 考えにくいです:
- フリーモードで80%のひび割れがある、または使用される80 $の商用ソフトウェア。
- 現代的な言語の組み込みは組み込まれていません。 いくつかの開発者が拡張機能を構築することを望む必要があります。
- リンターの統合なし
- css、html、js、typescriptなど(いくつかのRAM-eater拡張機能なし)のファイルを横断するオートプレットはありません。
- markdown preview、svg preview、tasks、git ..のような機能の欠如
- テーマエンジンは時代遅れで、管理は非常に難しい。
- サポートしていない閉鎖されたコミュニティ。
- その他多くの問題
ビジュアルスタジオコード、アトムまたはIntelliJには多くのビルトイン機能があり、 vscとatomは無料のオープンソースで、巨大なコミュニティと毎月の有用なアップデートがあります 。 vscまたはintellijでは、ソフトウェアを拡張するのではなく、ソフトウェアを拡張する必要があります。 STでは、基本的なテキストエディタをインストールして、それを少し便利にするためにたくさんの拡張機能をインストールする必要があります。高速ですが、何もないためです。
VSC:
- 無料
- オープンソースとそれに続くコミュニティ
- 毎月リリースされる多くの機能強化と機能
- 現代の言語との多数の統合
- 速い
- Gitの統合
- タスクの統合
- デバッグ統合
- 他の多く
崇高なテキストは良いエディタだと思いますか? あなたは80ドルを支払うことができます(またはそれを無料のエディタとして使用することもできます)。そして、あなたが望むものを考えると、それは私には不快なものではありません。
私はこのプロジェクトの最後の貢献者でした。はい、私はこのプロジェクトに取り組むことができる唯一の人です。 古いテキストエディタのこのテーマを修正して書き直したいですか? 私は新しい本当の貢献者に開いています。 🙂
簡単インストール
この素晴らしいテーマはパッケージコントロールからインストールできます。
- ⌘/ Ctrl +⇧+ Pを押してコマンドパレットを開きます。
-
Package Control: Install Package
を入力し、EnterPackage Control: Install Package
を押します。 その後、Material Theme
検索します。
手動インストール
- 最新リリースをダウンロードし、ディレクトリを抽出して“Material Theme”に名前を変更します。
- あなたの崇高な
Packages
ディレクトリの中のディレクトリを移動してください。 (環境設定>パッケージの参照…)
テーマをアクティブにする
あなたはこのテーマを次からアクティブにすることができます:
- コマンドパレット
Tools > Command Palette
(⌘/ Ctrl +⇧+ P)を入力して、Material Theme: Activate theme
ます。 - コンテキストメニュー(エディタを右クリックして)を選択し、
Material Theme > Activate
-
Preferences > Packages Settings
を選択し、Preferences > Packages Settings
Material Theme > Activate
また、これらの行をユーザー設定( [環境設定] – [設定] – [ユーザー] )に追加することで、このテーマを手動でアクティブ化することもできます。
"color_scheme": "Packages/Material Theme/schemes/Material-Theme.tmTheme",
"theme": "Material-Theme.sublime-theme",
注:テーマをアクティブにした後、崇高なテキストを再起動します。
構成
このテーマは、インラインポップアップから使用可能なオプションをアクティブにすることによってテーマを設定できるようにする視覚的な設定ツールを提供します。 エディタで右クリックし、 Material Theme > Configuration
を選択します。 Material Theme > Configuration
検索して、コマンドパレットからコンフィギュレータを開くこともできます。
高度な設定
高度なテキストのテキスト設定が好きな場合は、コンテキストメニューとコマンドパレットの両方からMaterial Theme > Advanced configuration
コマンドを使用して使用できます。
既知の問題点
下のパネルが見えない場合は、問題番号#67を参照してください(サイドバーの拡張での検索、置換、名前の変更、移動、ボックス入力が見られないなど)。 ここでは簡単な修正:
アドオン
ファイルアイコン
リリース4.0.0以降、このテーマはファイルアイコンを表示するためのファイルアイコンパッケージを使用しています。 パッケージをインストールし、崇高なテキストを再起動してください。
アプリバー
Material Theme Appbarこの公式のアドオンは、あなたのマテリアルテーマに美しい色のタブバーを可能にします。 色合いは、あなたが選んだマテリアルテーマのアクセントの色に自動的に合います。
白いパネル
マテリアルテーマホワイトパネルホワイトパネルと入力を有効にするには、 パッケージコントロールを使用してアドオンパッケージをインストールします。「マテリアルテーマのホワイトパネル」を検索します。 Lighter
テーマスタイルを使用するには、この機能を無効にする必要があります。
テーマのオプション
// Accent
"material_theme_accent_acid-lime" : true, // Set acid-lime accent color
"material_theme_accent_blue" : true, // Set blue accent color
"material_theme_accent_brba" : true, // Set Breaking Bad green accent color
"material_theme_accent_bright-teal" : true, // Set bright-teal accent color
"material_theme_accent_cyan" : true, // Set cyan accent color
"material_theme_accent_graphite" : true, // Set graphite accent color
"material_theme_accent_indigo" : true, // Set indigo accent color
"material_theme_accent_lime" : true, // Set lime green accent color
"material_theme_accent_orange" : true, // Set orange accent color
"material_theme_accent_pink" : true, // Set pink accent color
"material_theme_accent_purple" : true, // Set purple accent color
"material_theme_accent_red" : true, // Set pale red accent color
"material_theme_accent_sky" : true, // Set bright-cyan accent color
"material_theme_accent_tomato" : true, // Set tomato red accent color
"material_theme_accent_yellow" : true, // Set yellow accent color
// Panels
"material_theme_accent_scrollbars" : true, // Enable accent color for scrollbars
"material_theme_accent_titlebar" : true, // Enable accent color for titlebar
"material_theme_bright_scrollbars" : true, // Bright scrollbars puck color
"material_theme_compact_panel" : true, // Set minimal padding for the search panel
"material_theme_contrast_mode" : true, // Enable sidebar and panels contrast mode
"material_theme_panel_separator" : true, // Show bottom panel separator
"material_theme_small_statusbar" : true, // Set small status bar
"material_theme_titlebar" : true, // Enable title bar (OS X 10.10+)
// Sidebar
"material_theme_arrow_folders" : true, // Replace folder icons with arrows
"material_theme_big_fileicons" : true, // Show bigger file type icons
"material_theme_bullet_tree_indicator" : true, // Set a bullet as active tree indicator
"material_theme_compact_sidebar" : true, // Set compact sidebar
"material_theme_disable_fileicons" : true, // Hide sidebar file type icons
"material_theme_disable_folder_animation" : true, // Disable folder animation
"material_theme_disable_tree_indicator" : true, // Disable sidebar file indicator
// Tabs
"material_theme_bold_tab" : true, // Make the tab labels bolder
"material_theme_small_tab" : true, // Set small tabs
"material_theme_tabs_autowidth" : true, // Enable autowidth for tabs
"material_theme_tabs_separator" : true, // Show tabs separator, this disables tab hover animation
// If you use Material Theme - Appbar addon, you can use this setting:
"material_theme_tree_headings" : true, // Show sidebar headings
より良いエクスペリエンスのための推奨設定:
"always_show_minimap_viewport" : true,
"bold_folder_labels" : true,
"font_options" : ["gray_antialias", "subpixel_antialias"], // On retina Mac & Windows
"indent_guide_options" : ["draw_normal", "draw_active"], // Highlight active indent
"line_padding_bottom" : 3,
"line_padding_top" : 3,
"overlay_scroll_bars" : "enabled",
コードに使用されるフォントは ” Operator Mono “です。
マテリアルデザインのモノスペースフォント ” Roboto Mono “または ” Fira Code “を使用することもできます。
貢献する
このUIテーマは、GulpとJSのカスタムコンパイラビルドを使用します。 UIを編集する場合は、最初にコンパイラをインストールする必要があります。
-
PackageDev
パッケージをSublime Textにインストールします。 -
次に、 このガイドの
subl
続くsubl
コマンド用の新しいシンボリックリンクを作成します -
必要なパッケージをすべてインストールします。
$ npm install
- 実行してコンパイラとウォッチャを実行します:
$ gulp
ルートフォルダ内でコンパイルされる./sources
フォルダの下のソースファイルを編集できるようになりました(コンパイルされたファイルを編集しないでください)。
その他のリソース
アプリケーションアイコン :公式のテーマテーマアイコンをダウンロードします。
崇高な素材のアイコンパック :このテーマに大きく触発され、@halacogluによってデザインされた崇高なテキストアイコンのセット。それをダウンロードして、完全なマテリアルテーマ体験をお楽しみください。
公式のポーティング
マテリアルテーマも移植されました:
- Atom Editor: atom-material-ui ( @silvestrehによる )とmaterial-ui ( @leoによる )
- IntelliJ IDEA ( @ChrisRMと@mallowigiのおかげです )。
- Vim ( @kristijanhusakに感謝)
- ターミナルOSX ( @mvaneijgenのおかげで)。
- iTerm2 ( @Revod )とiTerm2 Palenight ( @jonathanspeek )
- ハイパー 。
- ConEmu ( @rajadainに感謝します )。
- スラックアプリ (#263238、#2e3a40、#80CBC4、#FFFFFF、#13191C、#ffffff、#50fa7b、#FF5555)
- Nylas N1 ( @ジャッキーフルーのおかげで)
- Base16 (by @ntpeters )
配色パレット
色 | デフォルト/ライター | より暗い |
---|---|---|
赤 | #FF5370 |
#E53935 |
ピンク | #F07178 |
#FF5370 |
オレンジ | #F78C6C |
#F76D47 |
黄 | #FFCB6B |
#FFB62C |
緑 | #C3E88D |
#91B859 |
青白い | #B2CCD6 |
#8796B0 |
シアン | #89DDFF |
#39ADB5 |
青 | #82AAFF |
#6182B8 |
紫の | #C792EA |
#7C4DFF |
バイオレット | #BB80B3 |
#945EB8 |
褐色 | #AB7967 |
#AB7967 |
ありがとう
すべての寄稿者に感謝します。
LevelUpTutsによる動画レビューを確認する
ビデオレビュー
Beerpayのサポート
やあ! 私の助けを借りて