leodevbro / vscode-blockman

VSCode extension to highlight nested code blocks
https://github.com/leodevbro/vscode-blockman
MIT License
345 stars 16 forks source link

How to customize borders? #115

Open snlucas opened 1 year ago

snlucas commented 1 year ago

Hi!

Is there a way to customize borders? Like instead of solid borders have dotted ones?

leodevbro commented 1 year ago

Interesting idea. I'll try to implement new setting for this. Maybe I will be able to do it in several days. (Or maybe today or tomorrow, if things go smooth).

leodevbro commented 11 months ago

I tried but unfortunately the current structure of Blockman makes it impossible (or too difficult) to change border style.

The blocks (div boxes) does not have actual borders. Borders are represented as border-box helpers like this:

const backgroundAndBorder =
        "background: " +
        inputBackgroundColor +
        " padding-box, " +
        inputBorderColor +
        "border-box;";

For the future, I am going to try to implement SVG rendering instead of div rendering. SVG is very flexible, but I'm not sure that VS Code extension environment supports it without a huge headache.

Like I said in this issue: https://github.com/leodevbro/vscode-blockman/issues/116

snlucas commented 11 months ago

I see. Well, that's ok. Hope it can be done in the future.