Paypal代码的配色方案

Question

是否有一种从paypal代码示例中提取代码颜色方案并将其放在崇高文本中的方法？ 这是一个链接：Paypal link

Answer 1

该页面是使用Groc制作的，它以美妙的方式将注释放在代码旁边。 Groc似乎使用了我之前使用的两个项目：highlight.js和pygments，以突出显示代码，但他们不使用任何默认样式表，我认为他们使用自己的样式表。

在Groc项目中，您可以看到此sass file，其中包含您需要的几乎所有信息（变量，字符串，关键字等的颜色），以手动将值添加到a自定义配色方案。此外，Groc style documentation显示了配色方案的其他有用值，例如背景。您可以获取其他值来检查DOM。

Answer 2

我认为您必须手动执行此操作。您可以使用此Sublime Text Color Scheme Generator。在Paypal窗口中，您可以使用开发人员工具（如果您正在使用Chrome，则按Ctrl + Shift + C）并单击单词以查看确切的颜色值，然后只使用颜色方案生成器中的颜色值。

编辑：请看看@ sergioFC的答案，他提供了一种更容易找到所有颜色值的方法。