~croccifixio/blackboard-pro-vscode

Dark theme for VSCode. Based on the Blackboard theme.
29c23b25 — croccifixio 5 months ago
1.1.10
4bada06f — croccifixio 5 months ago
chore: update dependencies
2a7767d3 — croccifixio 5 months ago
1.1.9

refs

main
browse  log 

clone

read-only
https://git.sr.ht/~croccifixio/blackboard-pro-vscode
read/write
git@git.sr.ht:~croccifixio/blackboard-pro-vscode

You can also use your local clone with git send-email.

#Blackboard Pro Theme

This is Blackboard Pro. A dark theme for Visual Studio Code.

#Screenshots

screenshot

View it on the tmTheme Editor The tmTheme Editor app no longer seems to be working (see https://github.com/aziz/tmTheme-Editor/issues/275 for more details).

#Developing

This theme utilises a theme builder that is based on YAML. The theme builder can be initialised by running the following command:

npm run start

#Config Options

The src/config.ts file exports an object with the following attributes:

  • #colors

    colors is an object containing key-value pairs used for search and replace (i.e. any occurrences of the keys in the theme definition will be replaced with those keys' corresponding values). It is worth noting that this allows 8-digit hex codes to be used while only having to define the equivalent 6-digit hex code. An example is shown below.

    Given the following config:

    // src/config.ts
    // ...
      "colors": {
        "black": "#112233",
        "red": "#dd2244"
      },
    // ...
    

    And the following theme definition:

    // my-theme.yaml
    // ...
    colors:
      editor.background: black
      editor.selectionBackground: red77
    

    The generated JSON file will have the following content:

    // my-theme.json
    // ...
      "colors": {
        "editor.background": "#112233",
        "editor.selectionBackground": "#dd224477"
      }
    // ...
    

    Notice that the last 2 digits in the 8-digit hex code are preserved.

  • #inputPath

    inputPath is a path to the input folder containing the YAML files used for theming.

  • #outputPath

    outputPath is a path to the output folder that serves as the destination for generated JSON files. (NOTE: the output path must also be defined in the contributes.themes.path attribute of the package.json).

#Building

The theme can be built by running the following command:

npm run build

The built theme can be imported into VS Code by copying the package.json and the output folder that contains the generated JSON files, into VS Code's extensions folder.

Do not follow this link