npm 包 hyper-solarized-dark 使用教程

阅读时长 4 分钟读完

简介

hyper-solarized-dark 是一个基于 Hyper.js 的主题包,它采用了深蓝色为主题配色,以及 Solarized 风格的配色方案,让你在使用 Hyper.js 时拥有更加美观舒适的体验。

在本篇教程中,我们将详细介绍如何使用 hyper-solarized-dark

安装

首先,我们需要在本地安装 Hyper.js,具体安装方式可以参考 Hyper.js 的官方文档

接着,在 Hyper.js 中使用以下命令安装 hyper-solarized-dark

配置

安装成功后,在 Hyper.js 的配置文件中添加以下代码:

-- -------------------- ---- -------
-------------- - -
  ------- -
    -- ---
    ------------------- -
      -- ---
    --
    -- ---
  --
  -- ---
--

config.hyperSolarizedDark 中,我们可以设置以下几项配置:

  • contrast:主题的对比度,可选值为 normalhigh
  • borderWidth:边框宽度,单位 px,默认值为 1
  • borderRadius:边框圆角大小,单位 px,默认值为 0
  • tabActiveBorderWidth:激活标签的边框宽度,单位 px,默认值为 5
  • tabActiveBorderRadius:激活标签的边框圆角大小,单位 px,默认值为 0

以下是一个示例配置:

-- -------------------- ---- -------
-------------- - -
  ------- -
    -- ---
    ------------------- -
      --------- -------
      ------------ --
      ------------- --
      --------------------- --
      ---------------------- --
    --
    -- ---
  --
  -- ---
--

使用

配置完成后,使用以下命令重新启动 Hyper.js 生效:

启动成功后,即可看到美丽的 hyper-solarized-dark 主题。

总结

本篇教程详细介绍了如何安装和配置 hyper-solarized-dark 主题,同时也提供了一个示例配置。希望这篇教程能给你带来一些帮助和指导,让你更加愉快地使用 Hyper.js。

示例代码:

-- -------------------- ---- -------
-------------- - -
  ------- -
    -------------- ---------
    --------- ---
    ----------- ------- ------- ---- ------ --------- ------- --------- -----------
    ----------- ---------
    --------------- -------
    ----------- ----
    -------------- --
    ------------ -----------------------
    ------------------ -------
    ------------ --------
    ------------ -----
    --------------- -----------------------
    ------------ -------
    ------------ --
    ------------- --
    -------- ---
    ---- ---
    -------- ----- ------
    ------------------ ---
    ------------------- ---
    ----------- ----- -----
    ---- ---
    ----- --------
    ------------------- -
      --------- -------
      ------------ --
      ------------- --
      --------------------- --
      ---------------------- --
    --
  --
  -------- ---
  ------------- ---
  -------- ---
--

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60067357890c4f7277583d56

纠错
反馈