hyper-oceanic-next 是一款为 Hyper.js (一个基于 Electron 的终端模拟器) 设计的主题。这个主题灵感来自于 Oceanic Next，是一种暗黑风格的配色方案，颜色不仅仅仅适合编程，也非常适合阅读文档。本文将会讲解如何使用 hyper-oceanic-next 主题，来提高你的终端使用体验。
安装
在安装 Hyper.js 的前提下，使用 npm 进行安装：
$ npm install hyper-oceanic-next
接着，在 Hyper.js 的配置文件 ~/.hyper.js 中进行主题的设置：
-- -------------------- ---- -------
-------------- - -
------- -
-- ---
------- -
-- ---
----------------- -
------ ----------
---- ----------
------ ----------
------- ----------
----- ----------
-------- ----------
----- ----------
------ ----------
----------- ----------
--------- ----------
----------- ----------
------------ ----------
---------- ----------
------------- ----------
---------- ----------
----------- ----------
--
-- ---
--
-- ---
-- ------
-- ---
-- ----------
-- ---
-
--设置 colors 对象中的 hyperOceanicNext，这是该主题的颜色配置。在 config 对象的其他位置设置 Hyper.js 其他部分的选项。
示例代码
下面是一个简单的可以让你快速体验使用的实例：
-- -------------------- ---- -------
-------------- - -
------- -
-- ---
------- -
----------------- -
------ ----------
---- ----------
------ ----------
------- ----------
----- ----------
-------- ----------
----- ----------
------ ----------
----------- ----------
--------- ----------
----------- ----------
------------ ----------
---------- ----------
------------- ----------
---------- ----------
----------- ---------
-
--
-- ---
-- ----------------
-- ---
-- -- ------------- --------
-- -- --------- - ----- --------
-- ---
-------- -
---------------------
-----------------------
------------------------------
-
-
--在你的 .bashrc 中添加下面这一行，来覆盖默认的终端颜色:
[[ $- = *i* ]] && [[ -z $TMUX ]] && [[ ! $TERM =~ screen ]] && [[ ! $TERM =~ tmux ]] && /usr/bin/env printf '\033]6;1;bg;red;brightness;20\a\033]6;1;bg;green;brightness;26\a\033]6;1;bg;blue;brightness;30\a'
这时候你已经可以享受到 hyper-oceanic-next 的美妙体验了。
总结
在本文中，我们讲解了如何安装和使用 hyper-oceanic-next 主题，并给出了示例代码。尝试换一下黑暗风格的配色，可以让你在终端中更加自由自在。同时也可以将自己的样式自定义，代码高亮体验更佳。希望这篇文章可以帮到你，如果你有任何疑问或者建议，欢迎留言讨论。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065b44c6eb7e50355dbe3c