d71de0a92d
* chore(docs): update basic example styles * chore(docs): update confirm delete example styles * chore(docs): update dnd example styles * chore(docs): update hidden example * chore(docs): update update node example * chore(docs): update node toolbar example styles * chore(docs): update transition example styles * chore(docs): cleanup basic example els * chore(docs): cleanup examples
53 lines
995 B
CSS
53 lines
995 B
CSS
.basic-flow.dark {
|
|
background: #2d3748;
|
|
color: #FFFFFB;
|
|
}
|
|
|
|
.basic-flow.dark .vue-flow__node {
|
|
background: #4a5568;
|
|
color: #FFFFFB;
|
|
}
|
|
|
|
.basic-flow.dark .vue-flow__node.selected {
|
|
background: hsl(0, 0%, 20%);
|
|
box-shadow: 0 0 0 2px #2563eb;
|
|
}
|
|
|
|
.basic-flow .vue-flow__controls {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
|
|
.basic-flow.dark .vue-flow__controls {
|
|
border: 1px solid #FFFFFB;
|
|
}
|
|
|
|
.basic-flow .vue-flow__controls .vue-flow__controls-button {
|
|
border: none;
|
|
border-right: 1px solid #eee;
|
|
}
|
|
|
|
.basic-flow .vue-flow__controls .vue-flow__controls-button svg {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.basic-flow.dark .vue-flow__controls .vue-flow__controls-button {
|
|
background: hsl(0, 0%, 20%);
|
|
fill: #FFFFFB;
|
|
border: none;
|
|
}
|
|
|
|
.basic-flow.dark .vue-flow__controls .vue-flow__controls-button:hover {
|
|
background: hsl(0, 0%, 30%);
|
|
}
|
|
|
|
.basic-flow.dark .vue-flow__edge-textbg {
|
|
fill: #292524;
|
|
}
|
|
|
|
.basic-flow.dark .vue-flow__edge-text {
|
|
fill: #FFFFFB;
|
|
}
|