惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Engineering at Meta
Engineering at Meta
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
腾讯CDC
宝玉的分享
宝玉的分享
量子位
Recent Announcements
Recent Announcements
Martin Fowler
Martin Fowler
J
Java Code Geeks
V
Visual Studio Blog
阮一峰的网络日志
阮一峰的网络日志
Blog — PlanetScale
Blog — PlanetScale
大猫的无限游戏
大猫的无限游戏
博客园 - 叶小钗
S
SegmentFault 最新的问题
B
Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
博客园 - 【当耐特】
小众软件
小众软件
The Cloudflare Blog
Y
Y Combinator Blog
I
InfoQ
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
GbyAI
GbyAI
IT之家
IT之家

Icarus

Getting Started with Icarus Icarus User Guide - Configuring the Theme FAQ Upgrade Guide Custom Hexo Tag Helpers 自定义Hexo标签插件 Hexo Built-in Tag Helpers Icarus User Guide - CDN Providers Icarus User Guide - Comment Plugins Icarus User Guide - Donation Buttons Icarus User Guide - Other Plugins Icarus User Guide - Share Buttons Icarus User Guide - Search Plugin Icarus User Guide - Web Analytics Plugins Icarus User Guide - Widgets Icarus快速上手 Icarus用户指南 - 主题配置 常见问题 升级指南
Cyberpunk Theme Variant
PPOffice · 2020-02-01 · via Icarus

Icarus includes a new variant called Cyberpunk starting from version 3.0.0. The theme is inspired by the video game Cyberpunk 2077 developed by CD PROJEKT RED. This variant aims at providing a different Icarus experience to these who like dark-themed blogs. It should be noted that it uses recent web styling features that are not working correctly
in some legacy browsers, including Internet Explorer and legacy Microsoft Edge.

To enable the Cyberpunk theme, open _config.icarus.yml and make the following change:

_config.icarus.yml
1
2
- variant: default
+ variant: cyberpunk

You may also want to change the theme of highlighted code blocks. In that case, you can find some dark highlight.js themes here. Copy the file name, excluding the .css extension, and put it in the article.highlight.theme option in _config.icarus.yml. For example, if you want to change the theme to xt256, make the following change:

_config.icarus.yml
1
2
3
4
5
# Article related configurations
article:
highlight:
- theme: atom-one-light
+ theme: xt256

Apart from the color palette, Icarus also used two image resources that are placed on the top navigation bar and bottom page footer from the official Cyberpunk 2077 website. If you wish to make further modifications to this theme variant, you can take a look at <icarus_directory>/source/css/cyberpunk.styl.