Autumn Light Theme (Cursive)

The theme is assembled thanks to the colors from Autumn Theme (jb). A combination of cursive font and FiraDank Font.

Italics and a special FiraDank font have been added.

Usage

1. Install font Fira Dank from den-swe/FiraDank
2. Use the font in VSCode settings (fontSize and anti-aliasing is optional)

"editor.fontFamily": "'FiraDank'",
"editor.fontLigatures": true,
"editor.fontSize": 14,
"workbench.fontAliasing": "antialiased",

3. Install this theme from VSCode.
4. Install extension Custom Css and Js in VSCode
5. Configure custom css in your VSCode config

"vscode_custom_css.imports": ["file:///Users/user/projects/vscode-css.css"],

6. With the following contents (to make cursive "monospaced")

.mtki {
  margin-left: 1px;
  font-size: 1.em;
  font-weight: bold;
}

Problem description

Using the custom css alternative for Operator Mono is pretty cumbersome because of the Optimizations in Syntax Highlighting that removed a lot of the classes and replaced them with keywords like .mtk12 .mtki .mtkb etc.

Solution

This theme requires only minor customizations using the 'Custom CSS and Js Loader' extension.

This theme is explicitly setting font-style: italic for these scopes (like Operator Mono does):

• keyword.control
• storage.type
• variable.language.this
• entity.other.attribute-name
• comment.block

Furthermore, there are Ligatures available in Fira Dank that we want to use. For that the theme defines specific rules:

• storage.type.function.arrow
• punctuation.definition.comment

Contributions

Any contribution is welcome. Please provide a good use case when things aren't the way we expect