@flowfuse/nr-theme 1.10.0 → 1.10.1-257fe91-202605131145.0

package/lib/theme/common/forge-common.css

@@ -0,0 +1,108 @@
+
+/* Replace the header image using CSS trick https://css-tricks.com/replace-the-image-in-an-img-with-css/ */
+#red-ui-header span.red-ui-header-logo img { /* header img */
+    display: inline-block;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIyIiBoZWlnaHQ9IjIyMiIgdmlld0JveD0iMCAwIDIyMiAyMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMjIuNCAxMzQuMUMxNDUuMSAxNDMuNyAxNjYuOSAxNTUuMSAxOTAuNCAxNjAuNEMyMDAuOSAxNjIuMSAyMTEuNSAxNjMgMjIxLjkgMTYzVjEwNS4ySDIxMy4yQzE4MSAxMDUuMiAxNTEuMiAxMjEuOSAxMjIuNCAxMzQuMVoiIGZpbGw9IiNEQTNEMEIiLz4KPHBhdGggZD0iTTU1LjMgMTUyLjVDNDQuOCAxNTEuNiAzNC4zIDE1MS42IDIzLjkgMTUxLjZIMFYyMDQuN0MwIDIxNC4zIDcuOCAyMjIgMTcuMyAyMjJIMjA0LjZDMjE0LjIgMjIyIDIyMS45IDIxNC4yIDIyMS45IDIwNC43VjE5OEMxOTkuMiAxOTggMTc1LjYgMTk1LjEgMTU0LjYgMTg2LjNDMTIxLjYgMTc1IDkxLjEgMTUzLjQgNTUuMyAxNTIuNVoiIGZpbGw9IiNEQTNEMEIiLz4KPHBhdGggZD0iTTIwNC43IDBIMTcuM0M3LjggMCAwIDcuOCAwIDE3LjRWMTE1LjhDMjEgMTE1LjggNDMuMSAxMTYuNyA2NCAxMTQuOUM5Mi44IDExMi4zIDExOC4xIDk2LjUgMTQ1LjEgODZDMTY5LjUgNzUuNSAxOTUuOCA2OS40IDIyMiA3MC4yVjE3LjRDMjIyIDcuOCAyMTQuMiAwIDIwNC43IDBaIiBmaWxsPSIjREEzRDBCIi8+CjxwYXRoIGQ9Ik0yMjIgMTA1LjJWNzAuMkMxOTUuOCA2OS4zIDE2OS42IDc1LjUgMTQ1LjEgODZDMTE4IDk2LjUgOTIuOCAxMTIuMyA2NCAxMTQuOUM0My4xIDExNi43IDIxIDExNS44IDAgMTE1LjhWMTUxLjdIMjMuOUMzNC4zIDE1MS43IDQ0LjggMTUxLjcgNTUuMyAxNTIuNkM5MS4xIDE1My41IDEyMS42IDE3NS4xIDE1NC43IDE4Ni40QzE3NS43IDE5NS4yIDE5OS4zIDE5OC4xIDIyMiAxOTguMVYxNjMuMUMyMTEuNiAxNjMuMSAyMDAuOSAxNjIuMiAxOTAuNSAxNjAuNUMxNjYuOSAxNTUuMiAxNDUuMiAxNDMuOSAxMjIuNSAxMzQuMkMxNTEuMyAxMjEuOSAxODEuMSAxMDUuMyAyMTMuMyAxMDUuM0wyMjIgMTA1LjJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat;
+    width: 26px;
+    height: 26px;
+    padding-left: 26px;
+    background-size: contain;
+}
+
+/* Replace the login image using CSS trick https://css-tricks.com/replace-the-image-in-an-img-with-css/ */
+#node-dialog-login-image { /* login img */
+    display: block;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIyIiBoZWlnaHQ9IjIyMiIgdmlld0JveD0iMCAwIDIyMiAyMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMjIuNCAxMzQuMUMxNDUuMSAxNDMuNyAxNjYuOSAxNTUuMSAxOTAuNCAxNjAuNEMyMDAuOSAxNjIuMSAyMTEuNSAxNjMgMjIxLjkgMTYzVjEwNS4ySDIxMy4yQzE4MSAxMDUuMiAxNTEuMiAxMjEuOSAxMjIuNCAxMzQuMVoiIGZpbGw9IiNEQTNEMEIiLz4KPHBhdGggZD0iTTU1LjMgMTUyLjVDNDQuOCAxNTEuNiAzNC4zIDE1MS42IDIzLjkgMTUxLjZIMFYyMDQuN0MwIDIxNC4zIDcuOCAyMjIgMTcuMyAyMjJIMjA0LjZDMjE0LjIgMjIyIDIyMS45IDIxNC4yIDIyMS45IDIwNC43VjE5OEMxOTkuMiAxOTggMTc1LjYgMTk1LjEgMTU0LjYgMTg2LjNDMTIxLjYgMTc1IDkxLjEgMTUzLjQgNTUuMyAxNTIuNVoiIGZpbGw9IiNEQTNEMEIiLz4KPHBhdGggZD0iTTIwNC43IDBIMTcuM0M3LjggMCAwIDcuOCAwIDE3LjRWMTE1LjhDMjEgMTE1LjggNDMuMSAxMTYuNyA2NCAxMTQuOUM5Mi44IDExMi4zIDExOC4xIDk2LjUgMTQ1LjEgODZDMTY5LjUgNzUuNSAxOTUuOCA2OS40IDIyMiA3MC4yVjE3LjRDMjIyIDcuOCAyMTQuMiAwIDIwNC43IDBaIiBmaWxsPSIjREEzRDBCIi8+CjxwYXRoIGQ9Ik0yMjIgMTA1LjJWNzAuMkMxOTUuOCA2OS4zIDE2OS42IDc1LjUgMTQ1LjEgODZDMTE4IDk2LjUgOTIuOCAxMTIuMyA2NCAxMTQuOUM0My4xIDExNi43IDIxIDExNS44IDAgMTE1LjhWMTUxLjdIMjMuOUMzNC4zIDE1MS43IDQ0LjggMTUxLjcgNTUuMyAxNTIuNkM5MS4xIDE1My41IDEyMS42IDE3NS4xIDE1NC43IDE4Ni40QzE3NS43IDE5NS4yIDE5OS4zIDE5OC4xIDIyMiAxOTguMVYxNjMuMUMyMTEuNiAxNjMuMSAyMDAuOSAxNjIuMiAxOTAuNSAxNjAuNUMxNjYuOSAxNTUuMiAxNDUuMiAxNDMuOSAxMjIuNSAxMzQuMkMxNTEuMyAxMjEuOSAxODEuMSAxMDUuMyAyMTMuMyAxMDUuM0wyMjIgMTA1LjJaIiBmaWxsPSJ3aGl0ZSIvPgo8L3N2Zz4K) no-repeat;
+    width: 170px;
+    height: 170px;
+    padding-left: 170px;
+    margin-bottom: 14px;
+    background-size: 170px 170px;
+}
+#node-dialog-login > div:nth-child(1) { /* parent of login img */
+    width: 170px !important;
+}
+#node-dialog-login { /* parent of parent of login img */
+    display: flex;
+    flex-direction: row;
+    align-items: flex-end;
+}
+
+/* Size up header to emulate FF */
+#red-ui-header {
+    height: 60px !important;
+    padding: 8px 0px 8px 16px;
+    border-bottom: 2px solid #D12B2B !important;
+}
+#red-ui-main-container {
+    top: 60px !important;
+}
+#red-ui-header span.red-ui-header-logo {
+    margin-top: 4px;
+}
+#red-ui-header .red-ui-header-toolbar {
+    padding: 0px 12px 0px 12px;
+}
+#red-ui-header span.red-ui-header-logo img {
+    height: 26px;
+}
+#red-ui-header span.red-ui-header-logo span:not(:first-child) {
+    margin-left: 14px;
+    font-size: 19px !important;
+    text-transform: capitalize;
+    top: 1px;
+    position: relative;
+    font-weight: 500;
+}
+#red-ui-header #red-ui-header-button-user .user-profile {
+    width: 26px;
+    height: 26px;
+}
+#red-ui-header span.button-group {
+    top: 2px;
+    position: relative;
+}
+#red-ui-header .button {
+    font-size: 26px;
+    padding: 1px 6px;
+}
+#red-ui-header-button-sidemenu > i {
+    position: relative;
+    top: 2px;
+}
+
+/** emulate FF menu labels */
+#red-ui-header > ul > li:NOT(.disabled) > ul > li:NOT(.disabled) > ul > li:NOT(.disabled) > a:hover,
+#red-ui-header > ul > li:NOT(.disabled) > ul > li:NOT(.disabled) > a:hover {
+    color: #8CE2E7 !important;
+    transition: 0.3s background-color, 0.3s color !important;
+    -webkit-transition: 0.3s background-color, 0.3s color !important;
+}
+
+/** pimped scroll bars */
+.red-ui-editor {
+    scrollbar-color: var(--red-ui-secondary-text-color) var(--red-ui-tertiary-background);
+    scrollbar-width: auto;
+}
+::-webkit-scrollbar {
+    width: 12px;
+    height: 12px;
+}
+::-webkit-scrollbar-corner {
+    background-color: var(--red-ui-primary-background);
+}
+::-webkit-scrollbar-thumb {
+    background-color: var(--red-ui-secondary-text-color);
+    border-radius: 6px;
+    border: 3px solid var(--red-ui-primary-background);
+}
+::-webkit-scrollbar-track {
+    background-color: var(--red-ui-primary-background);
+}
+::-webkit-scrollbar-thumb:hover {
+    background-color: var(--red-ui-secondary-text-color-hover);
+}

package/lib/theme/common/forge-common.js

@@ -0,0 +1,125 @@
+(function () {
+    /* global RED, $ */
+    // monitorInsertion: derived from https://github.com/naugtur/insertionQuery/blob/master/insQ.min.js (MIT License Copyright (c) 2014-present Zbyszek Tenerowicz <naugtur@gmail.com>)
+    // eslint-disable-next-line
+    document.head = (document.head || document.getElementsByTagName('head')[0]);
+    // eslint-disable-next-line
+    const monitorInsertion = (function () { 'use strict'; let m = 100; let t = !1; let u = 'animationName'; let d = ''; const n = 'Webkit Moz O ms Khtml'.split(' '); let e = ''; const i = document.createElement('div'); const s = { strictlyNew: !0, timeout: 20, addImportant: !1 }; if (i.style.animationName && (t = !0), !1 === t) for (let o = 0; o < n.length; o++) if (void 0 !== i.style[n[o] + 'AnimationName']) { e = n[o], u = e + 'AnimationName', d = '-' + e.toLowerCase() + '-', t = !0; break } function c (t) { return s.strictlyNew && !0 === t.QinsQ } function r (t, n) { function e (t) { t.animationName !== o && t[u] !== o || c(t.target) || n(t.target) } let i; var o = 'insQ_' + m++; const r = s.addImportant ? ' !important' : ''; (i = document.createElement('style')).innerHTML = '@' + d + 'keyframes ' + o + ' {  from {  outline: 1px solid transparent  } to {  outline: 0px solid transparent }  }\n' + t + ' { animation-duration: 0.001s' + r + '; animation-name: ' + o + r + '; ' + d + 'animation-duration: 0.001s' + r + '; ' + d + 'animation-name: ' + o + r + ';  } ', document.head.appendChild(i); const a = setTimeout(function () { document.addEventListener('animationstart', e, !1), document.addEventListener('MSAnimationStart', e, !1), document.addEventListener('webkitAnimationStart', e, !1) }, s.timeout); return { destroy: function () { clearTimeout(a), i && (document.head.removeChild(i), i = null), document.removeEventListener('animationstart', e), document.removeEventListener('MSAnimationStart', e), document.removeEventListener('webkitAnimationStart', e) } } } function a (t) { t.QinsQ = !0 } function f (t) { if (t) for (a(t), t = t.firstChild; t; t = t.nextSibling) void 0 !== t && t.nodeType === 1 && f(t) } function l (t, n) { let e; let i = []; const o = function () { clearTimeout(e), e = setTimeout(function () { i.forEach(f), n(i), i = [] }, 10) }; return r(t, function (t) { if (!c(t)) { a(t); const n = (function t (n) { return c(n.parentNode) || n.nodeName === 'BODY' ? n : t(n.parentNode) }(t)); i.indexOf(n) < 0 && i.push(n), o() } }) } function v (n) { return !(!t || !n.match(/[^{}]/)) && (s.strictlyNew && f(document.body), { every: function (t) { return r(n, t) }, summary: function (t) { return l(n, t) } }) } return v.config = function (t) { for (const n in t)t.hasOwnProperty(n) && (s[n] = t[n]) }, v }()); typeof module !== 'undefined' && void 0 !== module.exports && (module.exports = monitorInsertion)
+    const context = {
+        isEmbedded: window.parent !== window.self,
+        shouldEmitInsteadOfRedirect: false
+    }
+    const navigateTo = (url) => {
+        if (context.shouldEmitInsteadOfRedirect) {
+            window.parent.postMessage({
+                type: 'navigate',
+                payload: url
+            }, '*')
+        } else {
+            window.location = url
+        }
+    }
+    const interceptLogoClick = (url) => {
+        const logoAnchor = document.querySelector('#red-ui-header > .red-ui-header-logo > a')
+
+        if (logoAnchor) {
+            logoAnchor.addEventListener(
+                'click',
+                (e) => {
+                    e.preventDefault()
+                    navigateTo(url)
+                })
+        }
+    }
+    const interceptLogOutClick = (url) => {
+        document.querySelector('#usermenu-item-logout')
+            .addEventListener('click', (e) => {
+                e.preventDefault()
+                e.stopPropagation()
+                if (context.shouldEmitInsteadOfRedirect) {
+                    window.parent.postMessage({
+                        type: 'logout'
+                    }, '*')
+                }
+            })
+    }
+
+    function changeFavicon (src) {
+        const link = document.createElement('link')
+        const oldLink = $('link[href="favicon.ico"]')[0] || $('#dynamic-favicon"]')[0]
+        link.id = 'dynamic-favicon'
+        link.rel = 'shortcut icon'
+        link.href = src
+        if (oldLink) {
+            document.head.removeChild(oldLink)
+        }
+        document.head.appendChild(link)
+    }
+
+    function handleMessage (event) {
+        if (event.data.type === 'prevent-redirect') {
+            context.shouldEmitInsteadOfRedirect = event.data.payload
+        }
+    }
+
+    if (context.isEmbedded) {
+        window.parent.postMessage({ type: 'load', payload: true }, '*')
+        window.addEventListener('message', handleMessage)
+    }
+
+    window.addEventListener('load', (_event) => {
+        // set favicon
+        const favicon32 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADzUlEQVR4AcXB206UVxzG4d+71jcbBmYGpjJIg2iHiNYEJaSKrQe4QeMNcOaR11BP2wuwV2JvQSMkxFAiGk1Q8UCjAoJsAkgRZuZb/wJtk6YtuEN4Ht3o7f0B+AXoBhy7w4Bh4FoEXAe+Z3cJ6AauO+Ake+c7B0TsHe/YY4495thjjj0WsdvMMNaZsSHiC7MQwAwkXBSZT6eJ0ml8MmlyziK+ADODEPDJpNU0N1t9qUT94cPkWlvJNDaSzGbxqZTkHBE7yOIYeU/d/v2h2NVFc3c3De3tShcKOO/Ffynic5lhIRDV1FjhyBFr6emh+dQpMk1NTs7xPhGfyEJgQyqft6auLjt48SL7OjqUyGTER4j4CBYCmOGiyOpaWqz59GlrPXdO9W1tcomEeB8z4nLZqqurhEoFC4HI4pgtSWyQc/h02moKBWtob2f/yZNW7OxUTWOjl8R24nLZlicnbe7RI+bHxmx5fFxri4vE5bIsBKJvr1wxzLAQYlsnkLx38t58MkmUTiuZy1Hb1ERtc7PSDQ3Ie8d2zHg3N2dTd++GicFBzY+NaW1hQRbHbJLYJBF1XL3q+FPEZ7I4tsUXL+xVf79NDA7q7fi4s2pVcg4k5D3/FrEDQqVibx48CC9v3tTUyIhW5+cd6+Qc8p7tOHZAqFRs8flz5p8+ZW1hQZghiQ8RsQOiTMYd6evj4IUL9np4OLy8dYu5x49VXVkRziGJrUTjAwO2KYQYEOvknJP35hMJ+XSaVD5PuqFByWwWeS+2kC4U9M3lyzrQ02Ozo6M2PjAQpu/d08rMjKxaFRKS2CSxQb9euhTMTJgZGyQEQjIknPf4VIp0Q4PlDh2i8cQJKx4/rrqWFrkoEtuwEOz36WmbffjQ3ty/r4Vnz1hbWFB1dZVQrWIhoBu9vQEQ2zHDzMAMOUe6ULB9HR124OxZip2dSmaz4j0sBKssL7O2tGSVt2+prKwQl8tEfAgJSfzt3fy8Xt2+rck7d6y+rc1az5+3r8+cobZYdEj8HzmnZC5HMpcT/+D7SqWfAPERJCHnsBC0MjOj6ZERvR4asnczMyFRV0cqn0feiw/g+0qlnwHxiSSxYW1xUbOjo25icJD5J08slMuWqKsjUVODnBNbiNghco4N5aUlTQwOanJoyGqLRQpHj9pXx46FfKmkTLFIMpuVT6Vw3oNzROw0CXkPZlqemmJ5clIv+/uJUilLZrOk8nlL5nJEmQw+kSACYsDxBUgC79kQl8tamZ1lZWZGmPGX2AHD7BJJyDnkPfIeeX/XAdeAO0Bg9wTgN+DHPwAIHJAeMJ00fgAAAABJRU5ErkJggg=='
+        changeFavicon(favicon32)
+
+        // monitor #red-ui-header-button-sidemenu & add main menu entries
+        monitorInsertion('#red-ui-header-button-sidemenu').summary(function (_arrayOfInsertedNodes) {
+            if (!RED) { return }
+
+            RED.menu.addItem('red-ui-header-button-sidemenu', null) // menu seperator
+            // add main menu item "About FlowFuse"
+            RED.menu.addItem('red-ui-header-button-sidemenu', {
+                id: 'usermenu-item-ffsite',
+                label: 'About FlowFuse',
+                onselect: function () {
+                    navigateTo('https://flowfuse.com/')
+                }
+            })
+            // gather info from settings and page - prep for next 2 menu items
+            const ffThemeSettings = RED.settings['forge-light'] || RED.settings['forge-dark']
+            let projectURL = ''
+            if (ffThemeSettings && ffThemeSettings.projectURL) {
+                projectURL = ffThemeSettings.projectURL
+            } else {
+                const img = $('#red-ui-header > span > a > img')
+                const ownerHref = img.parent().prop('href')
+                // Test the URL is FlowFuse Project alike
+                if (ownerHref && /http[s]*:\/\/.*\/project\/\w+-\w+-\w+-\w+-\w+.*/.test(ownerHref)) {
+                    projectURL = ownerHref
+                }
+            }
+            // if projectURL is present, show link to project in main menu
+            if (projectURL) {
+                RED.menu.addItem('red-ui-header-button-sidemenu', {
+                    id: 'usermenu-item-ffmain',
+                    label: 'FlowFuse Application',
+                    onselect: function () {
+                        navigateTo(projectURL)
+                    }
+                })
+            }
+            // if theme settings are present, add launcher version entry in main menu
+            if (ffThemeSettings && ffThemeSettings.launcherVersion) {
+                RED.menu.addItem('red-ui-header-button-sidemenu', {
+                    id: 'usermenu-item-fflv',
+                    label: 'FlowFuse Launcher v' + ffThemeSettings.launcherVersion,
+                    onselect: function () {
+                        // do nothing
+                    }
+                })
+            }
+            interceptLogOutClick()
+            interceptLogoClick(projectURL)
+        })
+    })
+})()

package/lib/theme/forge-dark/forge-dark-custom.css

@@ -0,0 +1,2 @@
+/* optional / future */
+/* If used, then a reference to this file must be entered in the plugin css array */

package/lib/theme/forge-dark/forge-dark-custom.js

@@ -0,0 +1 @@
+/* future/optional - enable in plugin js to use */

package/lib/theme/forge-dark/forge-dark-monaco.json

@@ -0,0 +1,213 @@
+{
+    "base": "vs-dark",
+    "inherit": true,
+    "rules": [
+        {
+            "background": "1f2937",
+            "token": ""
+        },
+        {
+            "foreground": "6272a4",
+            "token": "comment"
+        },
+        {
+            "foreground": "f1fa8c",
+            "token": "string"
+        },
+        {
+            "foreground": "bd93f9",
+            "token": "constant.numeric"
+        },
+        {
+            "foreground": "bd93f9",
+            "token": "constant.language"
+        },
+        {
+            "foreground": "bd93f9",
+            "token": "constant.character"
+        },
+        {
+            "foreground": "bd93f9",
+            "token": "constant.other"
+        },
+        {
+            "foreground": "ffb86c",
+            "token": "variable.other.readwrite.instance"
+        },
+        {
+            "foreground": "ff79c6",
+            "token": "constant.character.escaped"
+        },
+        {
+            "foreground": "ff79c6",
+            "token": "constant.character.escape"
+        },
+        {
+            "foreground": "ff79c6",
+            "token": "string source"
+        },
+        {
+            "foreground": "ff79c6",
+            "token": "string source.ruby"
+        },
+        {
+            "foreground": "ff79c6",
+            "token": "keyword"
+        },
+        {
+            "foreground": "ff79c6",
+            "token": "storage"
+        },
+        {
+            "foreground": "8be9fd",
+            "fontStyle": "italic",
+            "token": "storage.type"
+        },
+        {
+            "foreground": "50fa7b",
+            "fontStyle": "underline",
+            "token": "entity.name.class"
+        },
+        {
+            "foreground": "50fa7b",
+            "fontStyle": "italic underline",
+            "token": "entity.other.inherited-class"
+        },
+        {
+            "foreground": "50fa7b",
+            "token": "entity.name.function"
+        },
+        {
+            "foreground": "ffb86c",
+            "fontStyle": "italic",
+            "token": "variable.parameter"
+        },
+        {
+            "foreground": "ff79c6",
+            "token": "entity.name.tag"
+        },
+        {
+            "foreground": "50fa7b",
+            "token": "entity.other.attribute-name"
+        },
+        {
+            "foreground": "8be9fd",
+            "token": "support.function"
+        },
+        {
+            "foreground": "6be5fd",
+            "token": "support.constant"
+        },
+        {
+            "foreground": "66d9ef",
+            "fontStyle": " italic",
+            "token": "support.type"
+        },
+        {
+            "foreground": "66d9ef",
+            "fontStyle": " italic",
+            "token": "support.class"
+        },
+        {
+            "foreground": "f8f8f0",
+            "background": "ff79c6",
+            "token": "invalid"
+        },
+        {
+            "foreground": "f8f8f0",
+            "background": "bd93f9",
+            "token": "invalid.deprecated"
+        },
+        {
+            "foreground": "cfcfc2",
+            "token": "meta.structure.dictionary.json string.quoted.double.json"
+        },
+        {
+            "foreground": "6272a4",
+            "token": "meta.diff"
+        },
+        {
+            "foreground": "6272a4",
+            "token": "meta.diff.header"
+        },
+        {
+            "foreground": "ff79c6",
+            "token": "markup.deleted"
+        },
+        {
+            "foreground": "50fa7b",
+            "token": "markup.inserted"
+        },
+        {
+            "foreground": "e6db74",
+            "token": "markup.changed"
+        },
+        {
+            "foreground": "bd93f9",
+            "token": "constant.numeric.line-number.find-in-files - match"
+        },
+        {
+            "foreground": "e6db74",
+            "token": "entity.name.filename"
+        },
+        {
+            "foreground": "f83333",
+            "token": "message.error"
+        },
+        {
+            "foreground": "eeeeee",
+            "token": "punctuation.definition.string.begin.json - meta.structure.dictionary.value.json"
+        },
+        {
+            "foreground": "eeeeee",
+            "token": "punctuation.definition.string.end.json - meta.structure.dictionary.value.json"
+        },
+        {
+            "foreground": "8be9fd",
+            "token": "meta.structure.dictionary.json string.quoted.double.json"
+        },
+        {
+            "foreground": "f1fa8c",
+            "token": "meta.structure.dictionary.value.json string.quoted.double.json"
+        },
+        {
+            "foreground": "50fa7b",
+            "token": "meta meta meta meta meta meta meta.structure.dictionary.value string"
+        },
+        {
+            "foreground": "ffb86c",
+            "token": "meta meta meta meta meta meta.structure.dictionary.value string"
+        },
+        {
+            "foreground": "ff79c6",
+            "token": "meta meta meta meta meta.structure.dictionary.value string"
+        },
+        {
+            "foreground": "bd93f9",
+            "token": "meta meta meta meta.structure.dictionary.value string"
+        },
+        {
+            "foreground": "50fa7b",
+            "token": "meta meta meta.structure.dictionary.value string"
+        },
+        {
+            "foreground": "ffb86c",
+            "token": "meta meta.structure.dictionary.value string"
+        }
+    ],
+    "colors": {
+        "editor.foreground": "#f8f8f2",
+        "editor.background": "#1f2937",
+        "editorCursor.foreground": "#f8f8f0",
+        "dropdown.background": "#44475a",
+        "editor.selectionBackground": "#44475a70",
+        "editor.inactiveSelectionBackground": "#44475a30",
+        "editorWidget.background": "#44475a",
+        "list.hoverForeground": "#44475a",
+        "list.hoverBackground": "#F7F8FC",
+        "list.focusForeground": "#44475a", 
+        "list.focusBackground": "#F7F8FC", 
+        "list.activeSelectionForeground": "#44475a",
+        "list.activeSelectionBackground": "#F7F8FC"
+    }
+}