Merge pull request #186 from ZenUml/update-vue-sequence

Updated vue-sequence dependency.
ZenUml · Nov 1, 2021 · 08ac40d · 08ac40d
2 parents 0410c9b + c4f8894
commit 08ac40d
Show file tree

Hide file tree

Showing 5 changed files with 110 additions and 15,473 deletions.
diff --git a/resource/META-INF/plugin.xml b/resource/META-INF/plugin.xml
@@ -1,7 +1,7 @@
 <idea-plugin>
   <id>com.zenuml.jetbrains</id>
   <name>ZenUML support</name>
-  <version>2021.4</version>
+  <version>2021.11</version>
   <idea-version since-build="202.6397.94"/>
   <vendor url="http://www.zenuml.com">ZenUML</vendor>MarkdownSplitEditor
 

diff --git a/resource/html/zenuml/preview.html b/resource/html/zenuml/preview.html
@@ -5,9 +5,8 @@
   <link rel="stylesheet" href="$FONT_AWESOME_MIN_CSS">
 </head>
 <body>
-<main id="demo">
-  <div id="diagram">
-    <seq-diagram></seq-diagram>
+<main id="diagram">
+  <div id="demo">
   </div>
 </main>
 <script src="$VUE_SEQUENCE_BUNDLE_JS"></script>

diff --git a/resource/org/intellij/plugins/markdown/settings/darcula.css b/resource/org/intellij/plugins/markdown/settings/darcula.css
@@ -1,51 +1,128 @@
+/* palette */
+
+:root {
+  /* mostly from https://github.com/dracula/dracula-theme#color-palette */
+  --background: #282a36;
+  --hover: #44475966; /* I made this up */
+  --occurance-border: #6e7191; /* I made this up */
+  --border: #585b74; /* I made this up */
+  --white: #f8f8f2; /* the "foreground" */
+  --current: #44475a;
+  --comment: #6272a4;
+  --cyan: #8be9fd;
+  --green: #50fa7b;
+  --orange: #ffb86c;
+  --pink: #ff79c6;
+  --purple: #bd93f9;
+  --red: #ff5555;
+  --yellow: #f1fa8c;
+}
+
+/* boby */
+
 body {
-  background-color: #121212;
+  background-color: var(--background);
+}
+
+
+/* frame */
+
+/*
+.frame {  
+  border-color: var(--border) !important;
 }
-body #diagram .sequence-diagram {
-  color: #a9b7c6;
+.diagram-title {
+  border-color: var(--border) !important;
 }
+*/
+
+/* participant */
+
 body #diagram .sequence-diagram .lifeline .participant {
-  font-weight: 400;
-  color: #ffc66d;
-  border: 1px solid #e1e1e1;
-  background: #121212;
+  border: 1px solid var(--border);
+  border-radius: 2px;
+  background: var(--background);
+  padding: 12px 4px;
+  font-size: 15px;
+}
+
+body #diagram .sequence-diagram .lifeline .participant label {
+  color: var(--cyan);
 }
+
 body #diagram .sequence-diagram .lifeline .line {
-  border-left-color: #e1e1e1;
+  border-left-color: var(--border);
+}
+
+/* fragment */
+
+body #diagram .fragment>.header>.condition
+{
+  color: var(--white);
+  padding: 6px;
+}
+body #diagram .sequence-diagram .fragment .header label {
+  color: var(--white);
+  padding: 6px;
 }
-body #diagram .sequence-diagram .fragment > .header > .name > label {
-  color: #cc7832;
-  background: rgba(250, 250, 250, 0.8);
+body #diagram .sequence-diagram .fragment .header .name {
+  border-bottom-color: var(--border);
+  padding: 6px;
 }
-body #diagram .sequence-diagram .fragment .divider {
-  border-bottom-color: #e1e1e1;
+body #diagram .sequence-diagram .fragment .header .name label {
+  color: var(--pink);
+  font-weight: 400;
+}
+body #diagram .sequence-diagram .fragment {
+  border-color: var(--border);
 }
 body #diagram .sequence-diagram .comments {
+  border: none;
   background: transparent;
-  color: #629755;
+  color: var(--comment);
   opacity: 1;
 }
+body #diagram  .sequence-diagram .fragment .segment:not(:first-child) {
+  border-top: 1px solid var(--border);
+}
+
+/* message */
+
 body #diagram .sequence-diagram .message {
-  color: #ffc66d;
-  border-bottom: 1px #e1e1e1;
+  border-bottom: 1px var(--border);
+}
+body #diagram .sequence-diagram .message .name {
+  color: var(--orange);
 }
 body #diagram .sequence-diagram .message svg polyline {
-  fill: #e1e1e1;
-  stroke: #e1e1e1;
+  fill: var(--border);
+  stroke: var(--border);
 }
 body #diagram .sequence-diagram .message.self svg > polyline:not(.head) {
   fill: none;
 }
+
+/* occurance */
+
 body #diagram .sequence-diagram .occurrence {
-  background-color: #2b2b2b;
-  border: 2px solid #e1e1e1;
+  background-color: var(--current);
+  border: 2px solid transparent;
+  box-shadow: 0 0 0 1px var(--occurance-border);
+  border-radius: 2px;
 }
-body #diagram .fragment {
-  background: transparent;
+
+/* divider */
+
+body #diagram .sequence-diagram .divider .left,body #diagram  .sequence-diagram .divider .right {
+  background: var(--border);
 }
-body #diagram .fragment>.name,
-body #diagram .fragment>.header>.condition
-{
-  color: #cc7832;
-  padding: 0 10px;
+
+body #diagram .sequence-diagram .divider .name {
+  color: var(--comment);
+}
+
+/* hover */
+
+body #diagram .interaction.hover {
+  background-color: var(--hover); /* 40% */
 }