graphdb-workbench 10.0.0-M2-1 → 10.5.1

package/dist/css/clustermanagement.css

@@ -1,4 +1,8 @@
-svg {
+.cluster-view {
+  position: relative;
+}
+
+.cluster-view svg {
   background-color: #FFF;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -7,244 +11,125 @@ svg {
   user-select: none;
 }
 
-path.link {
-  fill: none;
-  stroke: #000;
+.cluster-view path.link {
   stroke-width: 3px;
-  cursor: default;
 }
 
-path.ON {
-    stroke: #007700;
+.cluster-zone {
+  stroke: black;
+  fill: transparent;
 }
 
-.legend-on {
-    background: #007700;
+.cluster-zone.no-cluster {
+  stroke: black;
+  fill: transparent;
+  transition: fill 0.2s, stroke 0.2s;
 }
 
-path.OFF, .legend-off {
-    stroke: #cc0000;
+.cluster-zone.no-cluster.has-access {
+    cursor: pointer;
 }
 
-.legend-off {
-    background: #cc0000;
+.cluster-zone.no-cluster:hover {
+  stroke-width: 3 !important;
+  fill: #f7f7f7 !important;
+  height: 120%;
+  width: 120%;
 }
 
-path.OUT_OF_SYNC {
-    stroke: #ccbb00;
+.settings-icon {
+  font-size: 110px !important;
 }
 
-.legend-outofsync {
-    background: #ccbb00;
+.settings-icon.small {
+  font-size: 56px !important;
 }
 
-path.OUT_OF_SYNC_FORCED {
-    stroke: #ccbb00;
-    stroke-dasharray: 5,3;
+.toggle-legend-icon {
+  font-size: 40px !important;
 }
 
-.legend-outofsync-forced {
-    background: repeating-linear-gradient(
-        to right,
-        #ccbb00 0px,
-        #ccbb00 5px,
-        #ffffff 0px,
-        #ffffff 8px
-    );
-    background: -moz-repeating-linear-gradient(
-        to right,
-        #ccbb00 0px,
-        #ccbb00 5px,
-        #ffffff 0px,
-        #ffffff 8px
-    );
-    background: -webkit-repeating-linear-gradient(
-        to right,
-        #ccbb00 0px,
-        #ccbb00 5px,
-        #ffffff 0px,
-        #ffffff 8px
-    );
-}
-
-
-path.WRITING {
-    stroke: #a37acc;
+.node {
+  cursor: pointer;
+  fill: var(--gray-color);
+  stroke: black;
 }
-
-.legend-writing {
-    background: #a37acc;
+
+.node.leader {
+  fill: var(--primary-color)
 }
 
-path.WRITING_COPY {
-    stroke: #a37acc;
-    stroke-dasharray: 2,1;
-}
-
-.legend-writing-copy {
-    background: repeating-linear-gradient(
-            to right,
-            #a37acc 0px,
-            #a37acc 2px,
-            #ffffff 0px,
-            #ffffff 3px
-    );
-    background: -moz-repeating-linear-gradient(
-            to right,
-            #a37acc 0px,
-            #a37acc 5px,
-            #ffffff 0px,
-            #ffffff 8px
-    );
-    background: -webkit-repeating-linear-gradient(
-            to right,
-            #a37acc 0px,
-            #a37acc 5px,
-            #ffffff 0px,
-            #ffffff 8px
-    );
+.node.follower {
+  fill: var(--secondary-color)
 }
 
-path.WAITING_WRITE {
-    stroke: #a37acc;
-    stroke-dasharray: 5,3;
+.node.candidate {
+  fill: var(--tertiary-color)
 }
 
-.legend-waiting-write {
-    background: repeating-linear-gradient(
-        to right,
-        #a37acc 0px,
-        #a37acc 5px,
-        #ffffff 0px,
-        #ffffff 8px
-    );
-    background: -moz-repeating-linear-gradient(
-        to right,
-        #a37acc 0px,
-        #a37acc 5px,
-        #ffffff 0px,
-        #ffffff 8px
-    );
-    background: -webkit-repeating-linear-gradient(
-        to right,
-        #a37acc 0px,
-        #a37acc 5px,
-        #ffffff 0px,
-        #ffffff 8px
-    );
-}
-
-path.REPLICATION_SERVER {
-    stroke: #1E90FF;
-}
-
-.legend-replication-server {
-    background: #1E90FF;
-}
-
-path.REPLICATION_CLIENT {
-    stroke: #1E90FF;
-    stroke-dasharray: 5,3;
-}
-
-.legend-replication-client {
-    background: repeating-linear-gradient(
-        to right,
-        #1E90FF 0px,
-        #1E90FF 5px,
-        #ffffff 0px,
-        #ffffff 8px
-    );
-    background: -moz-repeating-linear-gradient(
-        to right,
-        #1E90FF 0px,
-        #1E90FF 5px,
-        #ffffff 0px,
-        #ffffff 8px
-    );
-    background: -webkit-repeating-linear-gradient(
-        to right,
-        #1E90FF 0px,
-        #1E90FF 5px,
-        #ffffff 0px,
-        #ffffff 8px
-    );
-}
-
-.legend-unknown {
-    background: #000000;
-}
-
-svg:not(.active):not(.ctrl) path.link {
-    cursor: url(images/remove-16x16.svg) 8 8, crosshair;
-    /* workaround for webkit bug on retina displays */
-    cursor: -webkit-image-set(
-            url(images/remove-16x16.svg) 1x,
-            url(images/remove-32x32.svg) 2x
-    ) 8 8, crosshair;
-}
-
-svg:not(.active):not(.ctrl) path.link:hover {
-    stroke-width: 5px;
-}
-
-path.dragline {
-  pointer-events: none;
-  stroke: #999;
+.node.other {
+  fill: var(--gray-color)
+}
+
+#node-group.legend .node {
+  cursor: default;
+  stroke-width: 0.5;
 }
 
-#cloneButton {
-    margin-top: 5px;
+#node-group.legend .node-icon {
+  font-size: 25px;
 }
 
-line.link {
-  pointer-events: none;
+.legend .id-host {
+  font-size: 9px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  text-align: center;
+  font-weight: 400;
+  color: black;
 }
 
-.node {
-  cursor: -moz-grab;
-  cursor: -webkit-grab;
-  cursor: grab;
-  fill: white;
+.legend-group .label-wrapper {
+  overflow: visible;
 }
 
-.node.dragged {
-  cursor: -moz-grabbing;
-  cursor: -webkit-grabbing;
-  cursor: grabbing;
-  fill: #DDD;
+.toggle-legend-btn {
+  position: absolute;
+  bottom: 0;
 }
 
-.node circle {
-  fill-opacity: 0;
+.legend-group.hidden {
+  visibility: hidden;
 }
 
-.node.dragged circle {
-  fill-opacity: 1;
+.hidden {
+  display: none;
 }
 
-.node.reflexive {
-  stroke: #000 !important;
-  stroke-width: 2.5px;
+text.node-icon {
+  fill: rgba(255, 255, 255, 0.5);
+  font-size: 40px;
 }
 
-text {
-  font-family: 'RubikWeb', -apple-system,'BlinkMacSystemFont','Segoe UI','Roboto','Helvetica Neue','Arial',sans-serif !important;
-  font-size: 12px;
-  pointer-events: none;
+.id-host-background, .node-info-background {
+  fill: #EEEEEE;
 }
 
-text.id {
+text.node-icon {
   text-anchor: middle;
-  font-weight: 500;
+  dominant-baseline: central;
 }
 
-text.id-host {
-    font-weight: 400;
+text {
+  font-family: var(--main-font) !important;
+  font-size: 12px;
+  pointer-events: none;
 }
 
-text.icon-any {
-    font-size: 56px;
+text.id-host, text.node-info-text {
+  text-anchor: middle;
+  font-weight: 400;
 }
 
 .text-btn {
@@ -265,108 +150,102 @@ text.icon-any {
 }
 
 div.nodetooltip {
-    z-index: 1000;
-    position: absolute;
-    padding: 10px;
-    padding-left: 30px;
-    font-size: 90%;
-    text-align: left;
-    background: rgba(235, 235, 235, 0.9);
-    width: 40%;
-    max-width: 400px;
+  z-index: 1000;
+  position: absolute;
+  padding: 10px;
+  padding-left: 30px;
+  font-size: 90%;
+  text-align: left;
+  background: rgba(235, 235, 235, 0.9);
+  width: 40%;
+  max-width: 400px;
 }
 
-.fingerprint {
-    font-size: 90%;
-    padding: 5px;
+.main-menu.collapsed ~ div .legend-container {
+  left: 90px;
 }
 
-.nodes {
-    position: relative;
+.cluster-loader {
+  position: relative;
+  z-index: 100000;
 }
 
-.short-help {
-    position: absolute;
-    padding: 3px 8px;
-    left: 0;
-    top: 0;
+.cluster-loader .ot-loader-new-content {
+  position: absolute;
+  z-index: 100000;
+  width: 100%;
+  height: calc(100vh - 120px);
+  padding-top: calc((100vh - 300px) / 2);
+  background-color: rgba(255, 255, 255, 0.66);
 }
 
-.node-tip {
-    position: fixed;
-    right: 10px;
-    bottom: 10px;
-    display: none;
-    color: #0a6d63;
-    background: rgba(45, 186, 171, 0.15);
-    padding: 3px 8px;
-    max-width: 60%;
-    font-weight: 400;
+.create-cluster-loader {
+  position: absolute;
+  margin: auto;
+  display: flex;
+  z-index: 100000;
+  background-color: rgba(255, 255, 255, 0.66);
+
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
 }
 
-.node-warning-tip {
-    background-color: #fcf8e3;
-    color: #C4781E;
+.rdf-info-side-panel {
+  z-index: 1016 !important;
 }
 
-.legend-container {
-    position: fixed;
-    bottom: 20px;
-    left: 260px;
-    width: inherit;
-    max-width: inherit;
-    display: inline-block;
-    background: rgba(235, 235, 235, 0.9);
+.locations-list {
+  border: 1px solid;
+  min-height: 8rem;
+  max-height: 18rem;
+  overflow: auto;
 }
 
-@media screen and (max-height: 400px) {
-    .legend-container {
-        display: none;
-    }
+.locations-list .location-item {
+  justify-content: space-between;
 }
 
-.main-menu.collapsed ~ div .legend-container {
-    left: 90px;
+.location-item {
+  padding: 2px;
+  -webkit-user-select: none;
+  user-select: none;
+  word-break: break-all;
+
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
 }
 
-.legend {
-    height: 3px;
-    margin-top: 7px;
-    margin-left: 10px;
-    float: left;
-    width: 45px;
+.location-item.hoverable:not(.list-group-item-danger):hover {
+  background-color: rgba(0, 0, 0, .05);
+  cursor: pointer;
 }
 
-.legend-text {
-    font-size: 12px;
-    margin-left: 10px;
-    margin-right: 10px;
-    float: left;
+.location-item.hoverable.list-group-item-danger:hover {
+  cursor: not-allowed;
 }
 
-.link-warning {
-    visibility: hidden;
+.list-group-item-node {
+  cursor: pointer;
+  padding: 0;
 }
 
-.link-warning-visible {
-    visibility: visible;
+.list-group-item-node a {
+  padding: 0.75rem 1.25rem;
 }
 
-.link-warning text {
-    font-size: 24px !important;
-    fill: #C4781E;
+.logo-image {
+  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0NyA2Ny4yIiBzdHlsZT0iIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRjA0RTIzO30KPC9zdHlsZT4KPHRpdGxlPmdyYXBoZGItbG9nby1uby10ZXh0PC90aXRsZT4KCTxnPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTM5LjMsMjcuOGM0LjMsMC45LDcsNSw2LjEsOS4zYy0wLjksNC4zLTUsNy05LjMsNi4xYy00LjItMC45LTctNS02LjItOS4yYzAuOC00LjIsNC45LTcsOS4xLTYuMgoJCUMzOS4yLDI3LjcsMzkuMiwyNy43LDM5LjMsMjcuOCIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTIzLDQwLjNjMi41LDAuNiw0LjEsMywzLjcsNS41Yy0wLjUsMi41LTMsNC4xLTUuNSwzLjZjLTIuNS0wLjUtNC4xLTIuOS0zLjctNS41QzE4LjEsNDEuNCwyMC41LDM5LjgsMjMsNDAuMwoJCSIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI5LjQsMThjMS43LDAuNCwyLjgsMiwyLjUsMy43Yy0wLjQsMS43LTIsMi44LTMuNywyLjVjLTEuNy0wLjQtMi44LTItMi41LTMuN2MwLDAsMCwwLDAsMAoJCUMyNiwxOC44LDI3LjcsMTcuNywyOS40LDE4QzI5LjQsMTgsMjkuNCwxOCwyOS40LDE4Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjMuOSwxLjZjMy4yLDIuNSwzLjgsNywxLjMsMTAuM3MtNywzLjgtMTAuMywxLjNjLTMuMi0yLjUtMy44LTctMS4zLTEwLjJDMTYtMC4yLDIwLjYtMC44LDIzLjksMS42CgkJQzIzLjgsMS42LDIzLjgsMS42LDIzLjksMS42Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIuMyw0OS40YzIuNywyLjgsMi42LDcuMi0wLjIsOS44Yy0yLjgsMi43LTcuMiwyLjYtOS44LTAuMmMtMi43LTIuOC0yLjYtNy4yLDAuMi05LjhjMCwwLDAsMCwwLDAKCQlDNS4zLDQ2LjUsOS42LDQ2LjYsMTIuMyw0OS40Ii8+CjwvZz4KPC9zdmc+Cg==) no-repeat left center;
+  height: 25px;
+  width: 25px;
 }
 
-.cluster-loader {
-    position: relative;
-    z-index: 100000;
+.action-buttons {
+  flex-grow: 1;
 }
 
-.cluster-loader .ot-loader-new-content {
-    position: absolute;
-    z-index: 100000;
-    width: 100%;
-    height: calc(100vh - 120px);
-    padding-top: calc((100vh - 300px) / 2);
-    background-color: rgba(255,255,255,0.66);
+.advanced-options-toggle {
+  margin-right: 6px;
 }

package/dist/css/common.css

@@ -0,0 +1,105 @@
+/* Common things for GraphDB and Swagger */
+
+/*-------------------------------------------------------------
+	Variables
+-------------------------------------------------------------*/
+:root {
+    --main-font: 'Roboto', 'Helvetica Neue', Arial, sans-serif;
+    --main-font-weight: 300;
+    --mono-font: 'JetBrains Mono', Menlo, Consolas, 'Ubuntu Mono', monospace;
+}
+
+/*-------------------------------------------------------------
+	Fonts
+-------------------------------------------------------------*/
+/* roboto-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 300;
+    src: local(''),
+    url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+    url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-300italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
+@font-face {
+    font-family: 'Roboto';
+    font-style: italic;
+    font-weight: 300;
+    src: local(''),
+    url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+    url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    src: local(''),
+    url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+    url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
+@font-face {
+    font-family: 'Roboto';
+    font-style: italic;
+    font-weight: 400;
+    src: local(''),
+    url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+    url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-500 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
+@font-face {
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 500;
+    src: local(''),
+    url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+    url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* roboto-500italic - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
+@font-face {
+    font-family: 'Roboto';
+    font-style: italic;
+    font-weight: 500;
+    src: local(''),
+    url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+    url('fonts/roboto-v30-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* jetbrains-mono-regular - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
+@font-face {
+    font-family: 'JetBrains Mono';
+    font-style: normal;
+    font-weight: 400;
+    src: local(''),
+    url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+    url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* jetbrains-mono-600 - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
+@font-face {
+    font-family: 'JetBrains Mono';
+    font-style: normal;
+    font-weight: 600;
+    src: local(''),
+    url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+    url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* jetbrains-mono-italic - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
+@font-face {
+    font-family: 'JetBrains Mono';
+    font-style: italic;
+    font-weight: 400;
+    src: local(''),
+    url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+    url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* jetbrains-mono-600italic - vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic */
+@font-face {
+    font-family: 'JetBrains Mono';
+    font-style: italic;
+    font-weight: 600;
+    src: local(''),
+    url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+    url('fonts/jetbrains-mono-v12-vietnamese_latin-ext_latin_greek_cyrillic-ext_cyrillic-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}

package/dist/css/dependencies.css

@@ -7,7 +7,7 @@
 }
 
 #download-svg:hover {
-    color: #f04e23;
+    color: var(--primary-color);
 }
 
 #circle:hover path.fade {
@@ -124,7 +124,7 @@ div.tooltip {
     border-left: 1pt solid #ffffff !important;
     border-top: 0.5pt solid #ffffff !important;
     border-right: 1pt solid #ffffff !important;
-    background-color: rgba(17, 176, 161, 0.30) !important;
+    background-color: hsla(var(--tertiary-color-hsl), 0.30) !important;
 }
 
 
@@ -157,7 +157,7 @@ div.tooltip {
 }
 
 .direction-filter-header {
-    color: #003663;
+    color: var(--secondary-color);
     font-size: 18px;
 }
 
@@ -191,7 +191,7 @@ body .row {
     margin-top: 10px !important;
 }
 
-svg {
+.dependencies-chord svg {
     margin-left:auto;
     margin-right:auto;
     display:block;

package/dist/css/domain-range-graph.css

@@ -34,7 +34,7 @@
 }
 
 .link, .loop-link, .property-arrow, .implicit-property-arrow, .collapsed-property-arrow, .property-type-list-item-legend {
-    stroke: #003663;
+    stroke: var(--secondary-color);
 }
 
 .legend-class-node {
@@ -73,7 +73,7 @@
 }
 
 .rdf-class-label {
-    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
+    font-family: var(--main-font);
     text-shadow: 0 0 3px #000000;
     text-anchor: middle;
     dominant-baseline: middle;
@@ -92,7 +92,7 @@
 }
 
 .property-name:hover, .loop-link-property-name:hover, .left-class-label:hover, .right-class-label:hover, .rdf-class-label:hover {
-    fill: #003663;
+    fill: var(--secondary-color);
 }
 
 .left-class-label {

package/dist/css/explore.css

@@ -13,4 +13,10 @@
 
 .autocomplete-toast a, .autocomplete-toast a:hover {
     color: #fff;
-}
+}
+
+@media screen and (max-width: 768px) {
+    .page {
+        padding-right: 20px;
+    }
+}