diff --git a/pd/nw/css/c64.css b/pd/nw/css/c64.css
index 62c3c54d9926626dc0ae3039d3d5b5413f16b338..fb9fc9c49eb344573dbbbc47fb7c3062b87e574b 100644
--- a/pd/nw/css/c64.css
+++ b/pd/nw/css/c64.css
@@ -634,3 +634,54 @@ input[name="rate"] {
     margin-bottom: -10px;
     padding: 30px;
 }
+
+/* used for the custom dialog titlebar */
+#titlebar {
+    width: 100%;
+    height: 20px;
+    margin-bottom: 4px;
+    -webkit-app-region: drag;
+    background-color: gray;
+    cursor: grab;
+}
+
+#titlebar_buttons_td {
+    padding-right: 1px;
+}
+
+#titlebar_title {
+    color: white;
+    position: relative;
+    left: 1px;
+    top: 1px;
+    background-color: gray;
+}
+
+#titlebar_close_button {
+    width: 16px;
+    height: 16px;
+    background: #a2a2a2;
+    -webkit-app-region: no-drag;
+    color: #FFF;
+    font-size: 18px;
+    text-align: center;
+    line-height: 16px;
+    cursor: default;
+}
+
+/*#titlebar_close_button:after {
+    position: absolute;
+    right: 6px;
+    top: 1px;
+    content: "\d7";
+    font-size: 20px;
+    color: #FFF;
+}*/
+
+#titlebar_close_button:hover {
+    background: #b2b2b2;
+}
+
+#titlebar_close_button:active {
+    background: #e2e2e2;
+}
diff --git a/pd/nw/css/extended.css b/pd/nw/css/extended.css
index 9149fdc54d3ffc338341a1eda3dd9384cc4328ab..090a796f7d3ab17722aed8d6ca6db4b53503258a 100644
--- a/pd/nw/css/extended.css
+++ b/pd/nw/css/extended.css
@@ -607,3 +607,54 @@ input[name="rate"] {
     margin-bottom: -10px;
     padding: 30px;
 }
+
+/* used for the custom dialog titlebar */
+#titlebar {
+    width: 100%;
+    height: 20px;
+    margin-bottom: 4px;
+    -webkit-app-region: drag;
+    background-color: gray;
+    cursor: grab;
+}
+
+#titlebar_buttons_td {
+    padding-right: 1px;
+}
+
+#titlebar_title {
+    color: white;
+    position: relative;
+    left: 1px;
+    top: 1px;
+    background-color: gray;
+}
+
+#titlebar_close_button {
+    width: 16px;
+    height: 16px;
+    background: #a2a2a2;
+    -webkit-app-region: no-drag;
+    color: #FFF;
+    font-size: 18px;
+    text-align: center;
+    line-height: 16px;
+    cursor: default;
+}
+
+/*#titlebar_close_button:after {
+    position: absolute;
+    right: 6px;
+    top: 1px;
+    content: "\d7";
+    font-size: 20px;
+    color: #FFF;
+}*/
+
+#titlebar_close_button:hover {
+    background: #b2b2b2;
+}
+
+#titlebar_close_button:active {
+    background: #e2e2e2;
+}
diff --git a/pd/nw/css/footgun.css b/pd/nw/css/footgun.css
index a24f8bfbee89d855d729e5e4d14fe9f30562aca9..b32fe550337ac06c9fd49e38ae832c5bcf804f08 100644
--- a/pd/nw/css/footgun.css
+++ b/pd/nw/css/footgun.css
@@ -764,3 +764,54 @@ input[name="rate"] {
     margin-bottom: -10px;
     padding: 30px;
 }
+
+/* used for the custom dialog titlebar */
+#titlebar {
+    width: 100%;
+    height: 20px;
+    margin-bottom: 4px;
+    -webkit-app-region: drag;
+    background-color: gray;
+    cursor: grab;
+}
+
+#titlebar_buttons_td {
+    padding-right: 1px;
+}
+
+#titlebar_title {
+    color: white;
+    position: relative;
+    left: 1px;
+    top: 1px;
+    background-color: gray;
+}
+
+#titlebar_close_button {
+    width: 16px;
+    height: 16px;
+    background: #a2a2a2;
+    -webkit-app-region: no-drag;
+    color: #FFF;
+    font-size: 18px;
+    text-align: center;
+    line-height: 16px;
+    cursor: default;
+}
+
+/*#titlebar_close_button:after {
+    position: absolute;
+    right: 6px;
+    top: 1px;
+    content: "\d7";
+    font-size: 20px;
+    color: #FFF;
+}*/
+
+#titlebar_close_button:hover {
+    background: #b2b2b2;
+}
+
+#titlebar_close_button:active {
+    background: #e2e2e2;
+}
diff --git a/pd/nw/css/inverted.css b/pd/nw/css/inverted.css
index 8e3510bd04f062cd2e495a99e72c3c83398e4a1c..7d062ea45098ae13eb6eadc53e3cd892f7263a10 100644
--- a/pd/nw/css/inverted.css
+++ b/pd/nw/css/inverted.css
@@ -647,3 +647,54 @@ input[name="rate"] {
     margin-bottom: -10px;
     padding: 30px;
 }
+
+/* used for the custom dialog titlebar */
+#titlebar {
+    width: 100%;
+    height: 20px;
+    margin-bottom: 4px;
+    -webkit-app-region: drag;
+    background-color: gray;
+    cursor: grab;
+}
+
+#titlebar_buttons_td {
+    padding-right: 1px;
+}
+
+#titlebar_title {
+    color: white;
+    position: relative;
+    left: 1px;
+    top: 1px;
+    background-color: gray;
+}
+
+#titlebar_close_button {
+    width: 16px;
+    height: 16px;
+    background: #a2a2a2;
+    -webkit-app-region: no-drag;
+    color: #FFF;
+    font-size: 18px;
+    text-align: center;
+    line-height: 16px;
+    cursor: default;
+}
+
+/*#titlebar_close_button:after {
+    position: absolute;
+    right: 6px;
+    top: 1px;
+    content: "\d7";
+    font-size: 20px;
+    color: #FFF;
+}*/
+
+#titlebar_close_button:hover {
+    background: #b2b2b2;
+}
+
+#titlebar_close_button:active {
+    background: #e2e2e2;
+}
diff --git a/pd/nw/css/solarized.css b/pd/nw/css/solarized.css
index 45aff43aa09cf773089ca76bb2d8aedffa2ce2e1..52bded5d056ef2988d110d82f2e14599cdd13ec5 100644
--- a/pd/nw/css/solarized.css
+++ b/pd/nw/css/solarized.css
@@ -638,3 +638,54 @@ input[name="rate"] {
     margin-bottom: -10px;
     padding: 30px;
 }
+
+/* used for the custom dialog titlebar */
+#titlebar {
+    width: 100%;
+    height: 20px;
+    margin-bottom: 4px;
+    -webkit-app-region: drag;
+    background-color: gray;
+    cursor: grab;
+}
+
+#titlebar_buttons_td {
+    padding-right: 1px;
+}
+
+#titlebar_title {
+    color: white;
+    position: relative;
+    left: 1px;
+    top: 1px;
+    background-color: gray;
+}
+
+#titlebar_close_button {
+    width: 16px;
+    height: 16px;
+    background: #a2a2a2;
+    -webkit-app-region: no-drag;
+    color: #FFF;
+    font-size: 18px;
+    text-align: center;
+    line-height: 16px;
+    cursor: default;
+}
+
+/*#titlebar_close_button:after {
+    position: absolute;
+    right: 6px;
+    top: 1px;
+    content: "\d7";
+    font-size: 20px;
+    color: #FFF;
+}*/
+
+#titlebar_close_button:hover {
+    background: #b2b2b2;
+}
+
+#titlebar_close_button:active {
+    background: #e2e2e2;
+}
diff --git a/pd/nw/css/solarized_inverted.css b/pd/nw/css/solarized_inverted.css
index 834fff642ad4f11ba266b941b2d5e9714dee905f..e13924b0491b9d1101755122d6e266e261f9a619 100644
--- a/pd/nw/css/solarized_inverted.css
+++ b/pd/nw/css/solarized_inverted.css
@@ -639,3 +639,54 @@ input[name="rate"] {
     margin-bottom: -10px;
     padding: 30px;
 }
+
+/* used for the custom dialog titlebar */
+#titlebar {
+    width: 100%;
+    height: 20px;
+    margin-bottom: 4px;
+    -webkit-app-region: drag;
+    background-color: gray;
+    cursor: grab;
+}
+
+#titlebar_buttons_td {
+    padding-right: 1px;
+}
+
+#titlebar_title {
+    color: white;
+    position: relative;
+    left: 1px;
+    top: 1px;
+    background-color: gray;
+}
+
+#titlebar_close_button {
+    width: 16px;
+    height: 16px;
+    background: #a2a2a2;
+    -webkit-app-region: no-drag;
+    color: #FFF;
+    font-size: 18px;
+    text-align: center;
+    line-height: 16px;
+    cursor: default;
+}
+
+/*#titlebar_close_button:after {
+    position: absolute;
+    right: 6px;
+    top: 1px;
+    content: "\d7";
+    font-size: 20px;
+    color: #FFF;
+}*/
+
+#titlebar_close_button:hover {
+    background: #b2b2b2;
+}
+
+#titlebar_close_button:active {
+    background: #e2e2e2;
+}
diff --git a/pd/nw/css/strongbad.css b/pd/nw/css/strongbad.css
index 3251fc431bf73951e65dac358b5919790ddf93d5..379b6fbc2b59a9a2dc579d40d6bfea94f9006ded 100644
--- a/pd/nw/css/strongbad.css
+++ b/pd/nw/css/strongbad.css
@@ -620,3 +620,54 @@ input[name="rate"] {
     margin-bottom: -10px;
     padding: 30px;
 }
+
+/* used for the custom dialog titlebar */
+#titlebar {
+    width: 100%;
+    height: 20px;
+    margin-bottom: 4px;
+    -webkit-app-region: drag;
+    background-color: gray;
+    cursor: grab;
+}
+
+#titlebar_buttons_td {
+    padding-right: 1px;
+}
+
+#titlebar_title {
+    color: white;
+    position: relative;
+    left: 1px;
+    top: 1px;
+    background-color: gray;
+}
+
+#titlebar_close_button {
+    width: 16px;
+    height: 16px;
+    background: #a2a2a2;
+    -webkit-app-region: no-drag;
+    color: #FFF;
+    font-size: 18px;
+    text-align: center;
+    line-height: 16px;
+    cursor: default;
+}
+
+/*#titlebar_close_button:after {
+    position: absolute;
+    right: 6px;
+    top: 1px;
+    content: "\d7";
+    font-size: 20px;
+    color: #FFF;
+}*/
+
+#titlebar_close_button:hover {
+    background: #b2b2b2;
+}
+
+#titlebar_close_button:active {
+    background: #e2e2e2;
+}
diff --git a/pd/nw/css/subdued.css b/pd/nw/css/subdued.css
index a0a9e3dd69f6764eacd98224834816c516d43a35..105d0ce981889d020d80e4c9ddc6b1240b9c6b96 100644
--- a/pd/nw/css/subdued.css
+++ b/pd/nw/css/subdued.css
@@ -623,3 +623,54 @@ input[name="rate"] {
     margin-bottom: -10px;
     padding: 30px;
 }
+
+/* used for the custom dialog titlebar */
+#titlebar {
+    width: 100%;
+    height: 20px;
+    margin-bottom: 4px;
+    -webkit-app-region: drag;
+    background-color: gray;
+    cursor: grab;
+}
+
+#titlebar_buttons_td {
+    padding-right: 1px;
+}
+
+#titlebar_title {
+    color: white;
+    position: relative;
+    left: 1px;
+    top: 1px;
+    background-color: gray;
+}
+
+#titlebar_close_button {
+    width: 16px;
+    height: 16px;
+    background: #a2a2a2;
+    -webkit-app-region: no-drag;
+    color: #FFF;
+    font-size: 18px;
+    text-align: center;
+    line-height: 16px;
+    cursor: default;
+}
+
+/*#titlebar_close_button:after {
+    position: absolute;
+    right: 6px;
+    top: 1px;
+    content: "\d7";
+    font-size: 20px;
+    color: #FFF;
+}*/
+
+#titlebar_close_button:hover {
+    background: #b2b2b2;
+}
+
+#titlebar_close_button:active {
+    background: #e2e2e2;
+}
diff --git a/pd/nw/css/vanilla.css b/pd/nw/css/vanilla.css
index e8bf4f7a3b23368130cefda1da01b85df7e0accb..98ffcd399eff3ec58d2e1d1e76a9343631e49c3b 100644
--- a/pd/nw/css/vanilla.css
+++ b/pd/nw/css/vanilla.css
@@ -607,3 +607,54 @@ input[name="rate"] {
     margin-bottom: -10px;
     padding: 30px;
 }
+
+/* used for the custom dialog titlebar */
+#titlebar {
+    width: 100%;
+    height: 20px;
+    margin-bottom: 4px;
+    -webkit-app-region: drag;
+    background-color: gray;
+    cursor: grab;
+}
+
+#titlebar_buttons_td {
+    padding-right: 1px;
+}
+
+#titlebar_title {
+    color: white;
+    position: relative;
+    left: 1px;
+    top: 1px;
+    background-color: gray;
+}
+
+#titlebar_close_button {
+    width: 16px;
+    height: 16px;
+    background: #a2a2a2;
+    -webkit-app-region: no-drag;
+    color: #FFF;
+    font-size: 18px;
+    text-align: center;
+    line-height: 16px;
+    cursor: default;
+}
+
+/*#titlebar_close_button:after {
+    position: absolute;
+    right: 6px;
+    top: 1px;
+    content: "\d7";
+    font-size: 20px;
+    color: #FFF;
+}*/
+
+#titlebar_close_button:hover {
+    background: #b2b2b2;
+}
+
+#titlebar_close_button:active {
+    background: #e2e2e2;
+}
diff --git a/pd/nw/css/vanilla_inverted.css b/pd/nw/css/vanilla_inverted.css
index ee126862338670878fa7d88574a5d076f3c93106..c3b714f6ed732ddeacbc6e088abfa6f08434794d 100644
--- a/pd/nw/css/vanilla_inverted.css
+++ b/pd/nw/css/vanilla_inverted.css
@@ -625,3 +625,54 @@ input[name="rate"] {
     margin-bottom: -10px;
     padding: 30px;
 }
+
+/* used for the custom dialog titlebar */
+#titlebar {
+    width: 100%;
+    height: 20px;
+    margin-bottom: 4px;
+    -webkit-app-region: drag;
+    background-color: gray;
+    cursor: grab;
+}
+
+#titlebar_buttons_td {
+    padding-right: 1px;
+}
+
+#titlebar_title {
+    color: white;
+    position: relative;
+    left: 1px;
+    top: 1px;
+    background-color: gray;
+}
+
+#titlebar_close_button {
+    width: 16px;
+    height: 16px;
+    background: #a2a2a2;
+    -webkit-app-region: no-drag;
+    color: #FFF;
+    font-size: 18px;
+    text-align: center;
+    line-height: 16px;
+    cursor: default;
+}
+
+/*#titlebar_close_button:after {
+    position: absolute;
+    right: 6px;
+    top: 1px;
+    content: "\d7";
+    font-size: 20px;
+    color: #FFF;
+}*/
+
+#titlebar_close_button:hover {
+    background: #b2b2b2;
+}
+
+#titlebar_close_button:active {
+    background: #e2e2e2;
+}