Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Submission] Hardhacker的Base16配色方案 #25

Open
monicfenga opened this issue Apr 8, 2024 · 1 comment
Open

[Submission] Hardhacker的Base16配色方案 #25

monicfenga opened this issue Apr 8, 2024 · 1 comment

Comments

@monicfenga
Copy link

以下为Hardhacker的Base16配色方案,每个颜色符合Base16的建议,免费贡献给贵repo。代码量极少,估计我不用单独开repo提交?

scheme: "HardHacker"
author: "HardHackerLabs(https://github.com/hardhackerlabs/)"
base00: "282433"
base01: "211e2a"
base02: "3f3951"
base03: "938aad"
base04: "938aad"
base05: "eee9fc"
base06: "eee9fc"
base07: "e4dee9"
base08: "e192ef"
base09: "ebde76"
base0A: "b3f4f3"
base0B: "b1f2a7"
base0C: "ebde76"
base0D: "b1baf4"
base0E: "e965a5"
base0F: "938aad"

以及CSS变量版本(便于与Web16结合使用):

/* HardHacker by HardHackerLabs(https://github.com/hardhackerlabs/) */

:root {
  --base00: #282433;
  --base01: #211e2a;
  --base02: #3f3951;
  --base03: #938aad;
  --base04: #938aad;
  --base05: #eee9fc;
  --base06: #eee9fc;
  --base07: #e4dee9;
  --base08: #e192ef;
  --base09: #ebde76;
  --base0A: #b3f4f3;
  --base0B: #b1f2a7;
  --base0C: #ebde76;
  --base0D: #b1baf4;
  --base0E: #e965a5;
  --base0F: #938aad;
}

使用这套配色方案的效果:

使用这套配色方案的效果

Base16 简介

Base16的初衷是为了解决代码编辑器中颜色方案不一致的问题,但它的应用远不止于此。这套方案不仅适用于代码编辑器,还可以用于网站和其他用户界面的设计。

在Base16中,每种颜色都有特定的用途和意义。例如,深色和浅色的组合可以用于前景和背景,而不同的颜色可以用于表示不同类型的语法元素,如变量、操作符、关键字等。这种一致的颜色方案有助于提高代码的可读性和可维护性。

@anson0370
Copy link
Collaborator

非常感谢!我忙完手上的事看看用什么形式给它放到 repo 里。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants