sunrize 1.11.8 → 1.11.10

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sunrize",
   "productName": "Sunrize X3D Editor",
-  "version": "1.11.8",
+  "version": "1.11.10",
   "description": "A Multi-Platform X3D Editor",
   "main": "src/main.js",
   "bin": {
@@ -88,10 +88,10 @@
     "shell-tools": "^1.1.9"
   },
   "dependencies": {
-    "@vscode/codicons": "^0.0.42",
+    "@vscode/codicons": "^0.0.43",
     "capitalize": "^2.0.4",
     "console": "^0.7.2",
-    "electron": "^39.2.1",
+    "electron": "^39.2.4",
     "electron-prompt": "^1.7.0",
     "electron-squirrel-startup": "^1.0.1",
     "electron-tabs": "^1.0.4",
@@ -100,17 +100,17 @@
     "jquery-ui-dist": "^1.13.3",
     "jstree": "^3.3.17",
     "material-icons": "^1.13.14",
-    "material-symbols": "^0.39.3",
+    "material-symbols": "^0.40.0",
     "md5": "^2.3.0",
-    "mime-types": "^3.0.1",
-    "monaco-editor": "^0.54.0",
+    "mime-types": "^3.0.2",
+    "monaco-editor": "^0.55.1",
     "node-localstorage": "^3.0.5",
     "qtip2": "^3.0.3",
     "spectrum-colorpicker2": "^2.0.10",
     "string-similarity": "^4.0.4",
     "tweakpane": "^3.1.10",
     "update-electron-app": "^3.1.1",
-    "x_ite": "^12.1.8",
+    "x_ite": "^12.1.10",
     "x3d-traverse": "^1.0.22"
   }
 }

package/src/Application/Document.js

@@ -80,6 +80,8 @@ module .exports = class Document extends Interface
       electron .ipcRenderer .on ("scene-properties", (event)           => require ("../Editors/SceneProperties") .open ());
       electron .ipcRenderer .on ("close",            (event)           => this .close ());
 
+      $(window) .on ("beforeunload", () => this .close ());
+
       // Edit Menu
 
       electron .ipcRenderer .on ("undo", () => this .undo ());
@@ -577,6 +579,8 @@ Viewpoint {
 
    close ()
    {
+      this .footer .scriptEditor ?.apply ();
+
       if (UndoManager .shared .saveNeeded)
          this .saveFile ();
 

package/src/Editors/OutlineView.js

@@ -1633,7 +1633,7 @@ module .exports = class OutlineView extends Interface
             case X3D .X3DConstants .SFBool:
             {
                $("<img></img>")
-                  .addClass (["boolean-button", "field-button", "button",])
+                  .addClass (["boolean-button", "field-button", "button"])
                   .attr ("src", `../images/OutlineEditor/Values/${field .getValue () ? "TRUE" : "FALSE"}.svg`)
                   .attr ("title", _("Toggle value."))
                   .appendTo (child);
@@ -1645,7 +1645,7 @@ module .exports = class OutlineView extends Interface
             case X3D .X3DConstants .SFColorRGBA:
             {
                $("<div></div>")
-                  .addClass (["color-button", "field-button", "button",])
+                  .addClass (["color-button", "field-button", "button"])
                   .attr ("title", _("Open color picker."))
                   .css ("background-color", this .getColorFromField (node, field))
                   .appendTo (child);
@@ -1656,7 +1656,7 @@ module .exports = class OutlineView extends Interface
             case X3D .X3DConstants .SFTime:
             {
                $("<img></img>")
-                  .addClass (["time-button", "field-button", "button",])
+                  .addClass (["time-button", "field-button", "button"])
                   .attr ("src", `../images/OutlineEditor/Values/Bell.svg`)
                   .attr ("title", _("Set current time."))
                   .appendTo (child);
@@ -1680,7 +1680,23 @@ module .exports = class OutlineView extends Interface
                break;
          }
       }
+      else if (field .isOutput ())
+      {
+         switch (field .getType ())
+         {
+            case X3D .X3DConstants .SFBool:
+            {
+               $("<img></img>")
+                  .addClass (["boolean-out-button", "field-button"])
+                  .attr ("src", `../images/OutlineEditor/Values/${field .getValue () ? "TRUE" : "FALSE"}-out.svg`)
+                  .attr ("title", _("State of value."))
+                  .appendTo (child);
 
+               field .addFieldCallback (this .#fieldButtonSymbol, this .updateBoolean .bind (this, parent, node, field));
+               break;
+            }
+         }
+      }
 
       // Access type
 
@@ -1943,8 +1959,16 @@ module .exports = class OutlineView extends Interface
 
    updateBoolean (parent, node, field)
    {
-      parent .find (`.field[field-id=${field .getId ()}] > .item .boolean-button`)
-         .attr ("src", `../images/OutlineEditor/Values/${field .getValue () ? "TRUE" : "FALSE"}.svg`)
+      if (field .isInitializable ())
+      {
+         parent .find (`.field[field-id=${field .getId ()}] > .item .boolean-button`)
+            .attr ("src", `../images/OutlineEditor/Values/${field .getValue () ? "TRUE" : "FALSE"}.svg`)
+      }
+      else if (field .isOutput ())
+      {
+         parent .find (`.field[field-id=${field .getId ()}] > .item .boolean-out-button`)
+            .attr ("src", `../images/OutlineEditor/Values/${field .getValue () ? "TRUE" : "FALSE"}-out.svg`)
+      }
    }
 
    updateColor (parent, node, field)

package/src/Editors/Primitives.js

@@ -102,6 +102,28 @@ DEF Sunny Background {
       0.48 0.48 0.45
    ]
 }
+`
+   },
+   {
+      componentInfo: { name: "EnvironmentalEffects" },
+      typeName: "Background Sunset",
+      x3dSyntax: `
+DEF Sunset Background {
+   skyAngle [
+      0.8, 1.2, 1.5, 1.55, 1.5708
+   ]
+   skyColor [
+      0.0196078 0.0196078 0.0196078,
+      0.054902 0.0705882 0.0862745,
+      0.203922 0.243137 0.313726,
+      0.541176 0.462745 0.435294,
+      0.745098 0.541176 0.376471,
+      0.890196 0.537255 0.172549
+   ]
+   groundColor [
+      0 0 0
+   ]
+}
 `
    },
    {

package/src/Editors/ScriptEditor.js

@@ -147,7 +147,7 @@ module .exports = class ScriptEditor extends Interface
    {
       return new Promise (resolve =>
       {
-         monacoLoader .require (["vs/editor/editor.main"], ({ m: monaco }) => resolve (monaco));
+         monacoLoader .require (["vs/editor/editor.main"], resolve);
       });
    }
 
@@ -189,19 +189,23 @@ module .exports = class ScriptEditor extends Interface
       };
 
       const keywords = [
-         'const', 'uniform', 'break', 'continue',
-         'do', 'for', 'while', 'if', 'else', 'switch', 'case', 'in', 'out', 'inout', 'true', 'false',
-         'invariant', 'discard', 'return', 'sampler2D', 'samplerCube', 'sampler3D', 'struct',
-         'radians', 'degrees', 'sin', 'cos', 'tan', 'asin', 'acos', 'atan', 'pow', 'sinh', 'cosh', 'tanh', 'asinh', 'acosh', 'atanh',
-         'exp', 'log', 'exp2', 'log2', 'sqrt', 'inversesqrt', 'abs', 'sign', 'floor', 'ceil', 'round', 'roundEven', 'trunc', 'fract', 'mod', 'modf',
-         'min', 'max', 'clamp', 'mix', 'step', 'smoothstep', 'length', 'distance', 'dot', 'cross ',
-         'determinant', 'inverse', 'normalize', 'faceforward', 'reflect', 'refract', 'matrixCompMult', 'outerProduct', 'transpose', 'lessThan ',
-         'lessThanEqual', 'greaterThan', 'greaterThanEqual', 'equal', 'notEqual', 'any', 'all', 'not', 'packUnorm2x16', 'unpackUnorm2x16', 'packSnorm2x16', 'unpackSnorm2x16', 'packHalf2x16', 'unpackHalf2x16',
-         'dFdx', 'dFdy', 'fwidth', 'textureSize', 'texture', 'textureProj', 'textureLod', 'textureGrad', 'texelFetch', 'texelFetchOffset',
-         'textureProjLod', 'textureLodOffset', 'textureGradOffset', 'textureProjLodOffset', 'textureProjGrad', 'intBitsToFloat', 'uintBitsToFloat', 'floatBitsToInt', 'floatBitsToUint', 'isnan', 'isinf',
-         'vec2', 'vec3', 'vec4', 'ivec2', 'ivec3', 'ivec4', 'uvec2', 'uvec3', 'uvec4', 'bvec2', 'bvec3', 'bvec4',
-         'mat2', 'mat3', 'mat2x2', 'mat2x3', 'mat2x4', 'mat3x2', 'mat3x3', 'mat3x4', 'mat4x2', 'mat4x3', 'mat4x4', 'mat4',
-         'float', 'int', 'uint', 'void', 'bool',
+         'break', 'case', 'const', 'continue', 'discard', 'do', 'else', 'flat', 'for', 'highp', 'if', 'in', 'inout', 'invariant', 'lowp', 'mediump', 'out', 'precision', 'return', 'smooth', 'struct', 'switch', 'uniform', 'while',
+      ];
+
+      const types = [
+         'bool', 'bvec2', 'bvec3', 'bvec4', 'float', 'int', 'ivec2', 'ivec3', 'ivec4', 'mat2', 'mat2x2', 'mat2x3', 'mat2x4', 'mat3', 'mat3x2', 'mat3x3', 'mat3x4', 'mat4', 'mat4x2', 'mat4x3', 'mat4x4', 'sampler2D', 'sampler3D', 'samplerCube', 'uint', 'uvec2', 'uvec3', 'uvec4', 'vec2', 'vec3', 'vec4', 'void',
+      ];
+
+      const functions = [
+         'abs', 'acos', 'acosh', 'all', 'any', 'asin', 'asinh', 'atan', 'atanh', 'ceil', 'clamp', 'cos', 'cosh', 'cross ', 'degrees', 'determinant', 'dFdx', 'dFdy', 'distance', 'dot', 'equal', 'exp', 'exp2', 'faceforward', 'floatBitsToInt', 'floatBitsToUint', 'floor', 'fract', 'fwidth', 'greaterThan', 'greaterThanEqual', 'intBitsToFloat', 'inverse', 'inversesqrt', 'isinf', 'isnan', 'length', 'lessThan ', 'lessThanEqual', 'log', 'log2', 'main', 'matrixCompMult', 'max', 'min', 'mix', 'mod', 'modf', 'normalize', 'not', 'notEqual', 'outerProduct', 'packUnorm2x16', 'pow', 'radians', 'reflect', 'refract', 'round', 'roundEven', 'sign', 'sin', 'sinh', 'smoothstep', 'sqrt', 'step', 'tan', 'tanh', 'texelFetch', 'texelFetchOffset', 'texture', 'textureGrad', 'textureGradOffset', 'textureLod', 'textureLodOffset', 'textureProj', 'textureProjGrad', 'textureProjLod', 'textureProjLodOffset', 'textureSize', 'transpose', 'trunc', 'uintBitsToFloat',
+      ];
+
+      const constants = [
+         'false', 'true',
+      ];
+
+      const builtins = [
+         'gl_ClipDistance', 'gl_CullDistance', 'gl_FragCoord', 'gl_FragDepth', 'gl_FrontFacing', 'gl_GlobalInvocationID', 'gl_HelperInvocation', 'gl_InstanceID', 'gl_InvocationID', 'gl_Layer', 'gl_LocalInvocationID', 'gl_LocalInvocationIndex', 'gl_NumSamples', 'gl_NumWorkGroups', 'gl_PatchVerticesIn', 'gl_PointCoord', 'gl_PointSize', 'gl_Position', 'gl_PrimitiveID', 'gl_PrimitiveIDIn', 'gl_SampleID', 'gl_SampleMask', 'gl_SampleMaskIn', 'gl_SamplePosition', 'gl_TessCoord', 'gl_TessLevelInner', 'gl_TessLevelOuter', 'gl_VertexID', 'gl_ViewportIndex', 'gl_WorkGroupID', 'gl_WorkGroupSize',
       ];
 
       const language = {
@@ -209,6 +213,10 @@ module .exports = class ScriptEditor extends Interface
          // Set defaultToken to invalid to see what you do not tokenize yet
          defaultToken: 'invalid',
          keywords,
+         types,
+         functions,
+         constants,
+         builtins,
          operators: [
             '=',
             '>',
@@ -256,33 +264,43 @@ module .exports = class ScriptEditor extends Interface
 
          tokenizer: {
             root: [
+               // data:mime-type,
+               [/data:x-shader\/x-(?:vertex|fragment),/, 'string'],
+
+               // x3d_SpecialVariable
+               [/x3d_\w+/, 'keyword'],
+
                // identifiers and keywords
-               [
-               /[a-zA-Z_]\w*/,
+
+               [/[a-zA-Z_]\w*/,
                {
                   cases: {
                      '@keywords': { token: 'keyword.$0' },
-                     '@default': 'identifier'
+                     '@types': { token: 'type.identifier' },
+                     '@functions': { token: 'attribute.name' },
+                     '@constants': { token: 'constant' },
+                     '@builtins': { token: 'regexp' },
+                     '@default': 'identifier',
                   }
-               }
-               ],
-
-               // Preprocessor directive (#define)
-               [/^\s*#\s*\w+/, 'keyword.directive'],
+               }],
 
                // Version
                [/#version\s+\d+\s+es/, 'keyword.directive'],
 
+               // Preprocessor directive (#define)
+               [/^\s*#\s*\w+/, 'keyword.directive'],
+
                // whitespace
                { include: '@whitespace' },
 
                // delimiters and operators
                [/[{}()\[\]]/, '@brackets'],
-               [/@symbols/, {
-               cases: {
-                  '@operators': 'operator',
-                  '@default': ''
-               }
+               [/@symbols/,
+               {
+                  cases: {
+                     '@operators': 'operator',
+                     '@default': ''
+                  }
                }],
 
                // numbers
@@ -305,18 +323,6 @@ module .exports = class ScriptEditor extends Interface
                [/[\/*]/, 'comment']
             ],
 
-            // Does it have strings?
-            string: [
-               [/[^\\"]+/, 'string'],
-               [/@escapes/, 'string.escape'],
-               [/\\./, 'string.escape.invalid'],
-               [/"/, {
-               token: 'string.quote',
-               bracket: '@close',
-               next: '@pop'
-               }]
-            ],
-
             whitespace: [
                [/[ \t\r\n]+/, 'white'],
                [/\/\*/, 'comment', '@comment'],

package/src/Undo/Editor.js

@@ -465,16 +465,38 @@ module .exports = class Editor
     <meta charset="utf-8">
     <script defer src="https://cdn.jsdelivr.net/npm/x_ite@latest/dist/x_ite.min.js"></script>
     <style>
+@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400&family=Source+Sans+3:ital,wght@0,400&display=swap");
+
+@media (prefers-color-scheme: light) {
+  :root {
+    --text-color: rgb(42, 42, 42);
+    --background-color: white;
+    --link-color: rgb(0, 86, 178);
+    --link-hover-color: rgb(210, 96, 58);
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --text-color: rgb(175, 176, 177);
+    --background-color: rgb(27, 27, 30);
+    --link-color: rgb(82, 108, 150);
+    --link-hover-color: rgb(210, 96, 58);
+  }
+}
+
 body {
   color-scheme: light dark;
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   margin: 0px;
   padding: 0px;
   height: 100vh;
-  background-color: light-dark(white, rgb(27, 27, 30));
-  color: light-dark(rgb(42, 42, 42), rgb(175, 176, 177));
-  font-family: sans-serif;
+  background-color: var(--background-color);
+  color: var(--text-color);
+  font-family: "Source Sans 3", sans-serif;
+  font-size: 1.08rem;
 }
 
 body > * {
@@ -482,21 +504,26 @@ body > * {
   padding: 0px 1rem;
 }
 
+h1 {
+   font-family: Lato, sans-serif;
+}
+
 x3d-canvas {
   flex: 1 1 auto;
-  border-top: 2px solid light-dark(rgb(42, 42, 42), rgb(175, 176, 177));
-  border-bottom: 2px solid light-dark(rgb(42, 42, 42), rgb(175, 176, 177));
+  box-sizing: border-box;
+  border-top: 1px solid color-mix(in srgb, var(--text-color), transparent 90%);
+  border-bottom: 1px solid color-mix(in srgb, var(--text-color), transparent 90%);
   padding: 0px;
   width: 100%;
   height: 100%;
 }
 
 a {
-  color: light-dark(rgb(0, 86, 178), rgb(82, 108, 150));
+  color: var(--link-color);
 }
 
 a:hover {
-  color: light-dark(rgb(210, 96, 58), rgb(210, 96, 58))
+  color: var(--link-hover-color);
 }
     </style>
   </head>
@@ -505,7 +532,7 @@ a:hover {
     <x3d-canvas>
 ${scene .toXMLString ({ html: true, indent: " " .repeat (6) }) .trimEnd () }
     </x3d-canvas>
-    <p>Made with <a href="https://create3000.github.io/sunrize/" target="_blank">Sunrize X3D Editor.</a></p>
+    <p>Made with <a href="https://create3000.github.io/sunrize/" target="_blank">Sunrize X3D Editor</a>. If local files are not loaded <a href="https://create3000.github.io/x_ite/setup-a-localhost-server">consider setup a localhost server</a> or use <a href="https://create3000.github.io/x_ite/dom-integration">DOM integration methods</a>.</p>
   </body>
 </html>`
    }

package/src/assets/images/OutlineEditor/Values/FALSE-out.svg

@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="12"
+   height="12"
+   viewBox="0 0 3.175 3.1750001"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.4.2 (ebf0e940, 2025-05-08)"
+   sodipodi:docname="FALSE-out.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#e6e6e6"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="26.354658"
+     inkscape:cx="13.375245"
+     inkscape:cy="4.7619666"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="true"
+     inkscape:window-width="1472"
+     inkscape:window-height="840"
+     inkscape:window-x="-1"
+     inkscape:window-y="34"
+     inkscape:window-maximized="0"
+     units="px"
+     inkscape:object-nodes="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid42"
+       empspacing="1"
+       originx="0"
+       originy="0"
+       spacingy="1"
+       spacingx="1"
+       units="px" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <circle
+       style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.265;stroke-dasharray:none;stroke-opacity:1"
+       id="path1"
+       cx="1.5875001"
+       cy="1.5875001"
+       r="1.455" />
+    <ellipse
+       ry="0.92604178"
+       rx="0.92604172"
+       style="fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:0.264583;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path890"
+       cx="1.5875"
+       cy="1.5875" />
+  </g>
+</svg>

package/src/assets/images/OutlineEditor/Values/TRUE-out.svg

@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="12"
+   height="12"
+   viewBox="0 0 3.175 3.1750001"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.4.2 (ebf0e940, 2025-05-08)"
+   sodipodi:docname="TRUE-out.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#e6e6e6"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="26.354658"
+     inkscape:cx="5.2931819"
+     inkscape:cy="3.7754237"
+     inkscape:document-units="mm"
+     inkscape:current-layer="layer1"
+     inkscape:document-rotation="0"
+     showgrid="true"
+     inkscape:window-width="976"
+     inkscape:window-height="840"
+     inkscape:window-x="0"
+     inkscape:window-y="34"
+     inkscape:window-maximized="0"
+     units="px"
+     inkscape:object-nodes="true"
+     inkscape:snap-bbox="true"
+     inkscape:bbox-nodes="true"
+     inkscape:showpageshadow="2"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid42"
+       empspacing="1"
+       originx="0"
+       originy="0"
+       spacingy="1"
+       spacingx="1"
+       units="px" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Ebene 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <circle
+       style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.265;stroke-dasharray:none;stroke-opacity:1"
+       id="path1"
+       cx="1.5875001"
+       cy="1.5875001"
+       r="1.455" />
+    <ellipse
+       ry="0.92604178"
+       rx="0.92604172"
+       style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:0.264583;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path890"
+       cx="1.5875001"
+       cy="1.5875001" />
+  </g>
+</svg>

package/src/assets/themes/default.css

@@ -4,6 +4,7 @@
 @import url(system-colors.css);
 
 html {
+  color-scheme: light dark;
   overflow: hidden;
   height: 100%;
 }
@@ -1319,6 +1320,18 @@ body.light .console-output .selected {
   inset: 0;
 }
 
+/* monaco editor */
+
+.monaco-editor,
+.monaco-editor * {
+  all: revert;
+}
+
+/* Hide monaco tooltips. */
+.context-view.monaco-component {
+  display: none;
+}
+
 /* Animation Editor */
 
 .animation-editor {
@@ -1604,7 +1617,7 @@ body.light .console-output .selected {
   color: var(--system-brown);
 }
 
-.scene-graph .exported-node > .item .boolean-button {
+.scene-graph .exported-node > .item :is(.boolean-button, .boolean-out-button) {
   top: 2px
 }
 
@@ -1635,6 +1648,14 @@ body.light .console-output .selected {
   top: 4px;
 }
 
+.scene-graph .boolean-out-button {
+  position: relative;
+  margin-left: 10px;
+  width: 12px;
+  height: 12px;
+  top: 4px;
+}
+
 .scene-graph .color-button {
   position: relative;
   box-sizing: border-box;
@@ -1912,15 +1933,3 @@ body.light .console-output .selected {
 .tp-ckbv_w svg path {
   stroke: var(--system-green) !important;
 }
-
-/* monaco editor */
-
-.monaco-editor,
-.monaco-editor * {
-  all: revert;
-}
-
-/* Fix stange tooltip with placehoder in Find widget */
-.context-view.monaco-component {
-  display: none;
-}

package/src/assets/themes/system-colors.css

@@ -2,8 +2,6 @@
 
 @media (prefers-color-scheme: light) {
   :root {
-    color-scheme: light;
-
     /* Colors */
 
     --system-red: rgb(255, 56, 60);
@@ -43,8 +41,8 @@
     /* Special Colors */
 
     --sidebar-background-color: rgb(208, 219, 231);
-    --tint-color1: rgba(255, 255, 255, 0.5);
-    --tint-color2: rgba(255, 255, 255, 1);
+    --tint-color1: rgba(255, 255, 255, 0.4);
+    --tint-color2: rgba(255, 255, 255, 0.6);
 
     /* TweakPanel colors */
 
@@ -79,8 +77,6 @@
 
 @media (prefers-color-scheme: dark) {
   :root {
-    color-scheme: dark;
-
     /* Colors */
 
     --system-red: rgb(255, 66, 69);