Themr 项目使用教程

Themr 项目使用教程

ThemrA UI theme selector for Sublime Text.项目地址:https://gitcode.com/gh_mirrors/th/Themr

1、项目介绍

Themr 是一个为 Sublime Text 设计的 UI 主题选择器。它允许用户通过命令面板或键盘快捷键快速且轻松地循环切换、前进、后退或随机选择可用的 UI 主题。Themr 完全兼容 Sublime Text 2 和 3，并支持将主题标记为收藏以便更快访问。此外，它自动加载所有可用的 sublime-theme 文件，包括那些在 sublime-package 文件中的主题。

2、项目快速启动

安装 Themr

1. 打开 Sublime Text。
2. 通过 Package Control 安装 Themr：
   • 按下 Ctrl+Shift+P 打开命令面板。
   • 输入 Package Control: Install Package 并选择。
   • 搜索 Themr 并安装。

使用 Themr

1. 安装完成后，按下 Ctrl+Shift+P 打开命令面板。
2. 输入 Themr 可以看到相关命令，如 Themr: Cycle Forward、Themr: Cycle Backward 等。
3. 选择相应的命令即可切换主题。

{
  "keys": ["ctrl+alt+f"], "command": "themr_cycle", "args": {"direction": "forward"}
}

3、应用案例和最佳实践

应用案例

Themr 适用于需要频繁切换主题以适应不同工作环境的用户。例如，设计师可能需要在浅色和深色主题之间切换以查看设计效果，开发者可能需要在不同主题下测试代码的可读性。

最佳实践

• 收藏常用主题：将常用的主题标记为收藏，以便快速访问。
• 自定义快捷键：根据个人习惯设置快捷键，提高操作效率。
• 定期更新：定期检查并更新 Themr 以获取最新功能和修复。

4、典型生态项目

React Toolbox Themr

React Toolbox Themr 是一个命令行工具，用于提取和生成 React Toolbox 的静态样式模块，以便在几乎任何技术栈中集成。

安装

$ yarn add --dev react-toolbox-themr react-toolbox@2.0.0-beta.6

使用

{
  "reactToolbox": {
    "include": ["BUTTON", "DATE_PICKER"],
    "customProperties": {
      "animation-duration": "0.3s",
      "color-accent": "var(--palette-pink-a200)",
      "color-accent-dark": "var(--palette-pink-700)",
      "color-primary-contrast": "var(--color-dark-contrast)",
      "color-accent-contrast": "var(--color-dark-contrast)"
    },
    "output": "assets/react-toolbox"
  }
}

通过以上配置，可以自定义 React Toolbox 的样式并输出到指定目录。

ThemrA UI theme selector for Sublime Text.项目地址:https://gitcode.com/gh_mirrors/th/Themr