improve styles

docs/src/demos/Guide/NodeViews/VueComponentContent/Component.vue

@@ -21,7 +21,7 @@ export default {
 
 <style lang="scss" scoped>
 .vue-component {
-  border: 1px solid #adb5bd;
+  border: 3px solid #0D0D0D;
   border-radius: 0.5rem;
   margin: 1rem 0;
   position: relative;
@@ -29,7 +29,7 @@ export default {
 
 .label {
   margin-left: 1rem;
-  background-color: #adb5bd;
+  background-color: #0D0D0D;
   font-size: 0.6rem;
   letter-spacing: 1px;
   font-weight: bold;
@@ -43,7 +43,8 @@ export default {
 
 .content {
   margin: 2.5rem 1rem 1rem;
-  padding: 1rem;
-  border: 1px dashed #adb5bd;
+  padding: 0.5rem;
+  border: 2px dashed #0D0D0D20;
+  border-radius: 0.5rem;
 }
 </style>