ICARUS Files

Upgrade Notes

The Cyberpunk variant has a new look, no longer based on the video game Cyberpunk 2077 (see the Cyberpunk Theme Variant post). If your site, or some of its pages, use variant: cyberpunk, check the following. The upgrade guide has the steps.

• Logo: the navbar and the footer of the variant are dark now, so it shows the dark logo: the image set in logo_dark, or /img/logo-dark.svg when logo is the theme's own logo. If you use your own logo image, set a version for dark backgrounds in logo_dark [903456]
• Font: code uses JetBrains Mono instead of Roboto Mono. If you set your own web font CDN, make sure it provides this font [903456]
• Code colors: code blocks are colored with the palette of the variant, whatever the theme set in article.highlight.theme [903456]
• Removed: source/img/razor-top-black.svg and source/img/razor-bottom-black.svg, the edges of the former navbar and footer. If you use them elsewhere, copy them from 6.4.1 into the source directory of your site [903456]
• source/css/cyberpunk.styl is rewritten. If you customized it, apply your changes to the new file again. Its colors are now variables at the top of the file
• Customized copies of layout/common/navbar.jsx and layout/common/footer.jsx: they show the logo for the appearance given by the new getLogoAppearance function of include/util/appearance.js, which is dark for the Cyberpunk variant [903456]
• The theme configuration file does not change: its version is still 5.1.0, with no new options

New Features

• Cyberpunk variant redesign: a city at night, lit by neon signs, with the yellow, cyan and red of the first variant and its chamfered panels [#1397]
• A dark background with magenta and cyan glows over a faint grid, and scanlines drawn into the backgrounds of the page, the panels, the navbar and the footer, not over images and text [903456] 3dc4ad806ae5b819e7053813a2cd33f215b30d38 [586819] 7873e623e9407f71b9968cda55e2db74f55476db
• A dark navbar and footer, edged with a neon tube. The current page glows in yellow, and the footer has a moving perspective grid running to the horizon [903456] 6bc10004e4fb8ee8c2797dbb9f0c9855b40392d9
• Panels framed in cyan, chamfered at the top right and bottom left corners and numbered R1, R2… on their bottom edge, with yellow HUD marks on their other corners [3dc4ad]
• The titles of the posts glitch in red and cyan when hovered [903456] 4b11a99c8f3a3aa5b98d1fb692b8359609263d34
• Code blocks look like terminal windows. {% message %} blocks are dark readouts with an edge and a title in their color, and the current tab of a {% tabs %} toggle is cyan [903456] 6bc10004e4fb8ee8c2797dbb9f0c9855b40392d9
• Tags, the numbers of the widgets, pagination and the tags of a post are one kind of chamfered, outlined box, closed along the cut at any pixel ratio [6e9f0f] 7873e623e9407f71b9968cda55e2db74f55476db
• The back to top button docks on the neon tube of the footer as a regular hexagon [7873e6] 4b11a99c8f3a3aa5b98d1fb692b8359609263d34
• Animations stop for visitors who prefer reduced motion [903456]

Improvements

• PJAX works on sites with relative_link: true: the scripts and stylesheets of a page switched to are loaded from its own URL, and the theme stylesheets are no longer replaced on every switch between pages at different depths [451494] [#1398]
• The README no longer refers to Cyberpunk 2077

Bug Fixes

• Fix PJAX reloading pages that have Bulma columns in their content, such as the About page of the documentation site [c97c8a] [#1398]
• Cyberpunk: fix the cookie consent popup showing the light colors of its script; it is a dark panel with a cyan button [e394bb]
• Cyberpunk: fix the social links of the profile widget and the links of the footer not changing color when hovered [e394bb]