make connection style.fill more aesthetic

[alixander]

what we want

what it is currently

• More padding
• Rounded corners

[bo-ku-ra]

i want

• connection style and connection label style can be specified separately.
• connection label and markdown support 'border(stroke)'.

ex.1)

a->b:foobar{
   #for connection
   style{
   stroke-dash: 5;
   stroke: orange;
   }

   #for connection label
   label.style{
   fill:orange

   width: 100;          #for padding
   near:center-center;  #for padding

   double-border: true;
   border-radius: 20;
   stroke-dash: 2;
   stroke-width: 5;
   stroke: red;
   }
}

ex.2)

c->d:|
 foobar
|{ style.fill:orange }

ex.3)different outputs, why? (dupe: #1633)

a -> b

memo: |md
  <div class="container">
    foobar
  </div>
  <style type="text/css">
  .container{
    background-color:orange;
    text-align: center;
    width: 100px;
    border-radius: 9999px;
  }
  </style>
|

y -> z: |md
  <div class="container">
    foobar
  </div>
  <style type="text/css">
  .container{
    background-color:orange;
    text-align: center;
    width: 100px;
    border-radius: 9999px;
  }
  </style>
|

https://play.d2lang.com/?script=3I9BTsMwEEX3I_kOo-xNyzIm9V0m9hAsEk81dksD4e7IXnCIbv__T_qP0HqcDRjYeBN3bNHAFNMdw0qlXIYguVLKrIM3gPguMpMamE4x3b2BqdR9Zaz7lS9D5Uc9hVLa9OUf_GncTOFzUbnlaIOsok6U8sJvrWuYpTUt2WHgXFl7_JVi_XD4ej5fHz2YRSOrVYrpVhyO4zj25rfd6T-8gaOp7NZ_P4EK_AUAAP__&

[i-am-the-slime]

No padding around connection labels often makes the text connect with the arrows when fill is the same as the background colour. I'd very much appreciate more padding and rounded corners!