@silexlabs/silex 3.0.0-alpha.62 → 3.0.0-alpha.63

package/dist/client/css/admin.css

@@ -307,6 +307,15 @@ template {
   display: none;
 }
 
+:root {
+  --primaryColor: #333333;
+  --secondaryColor: #ddd;
+  --tertiaryColor: #8873FE;
+  --quaternaryColor: #56E3FF;
+  --darkerPrimaryColor: #292929;
+  --lighterPrimaryColor: #575757;
+}
+
 /* stylelint-disable */ /* BASICS */
 .CodeMirror {
   /* Set height, width, borders, and global font properties here */
@@ -3986,7 +3995,7 @@ form.silex-form footer {
   margin: 20px 0 0;
 }
 form.silex-form button, form.silex-form input, form.silex-form optgroup, form.silex-form select, form.silex-form textarea {
-  background-color: #363636;
+  background-color: #292929;
   color: #ddd;
   padding: 5px;
   border: none;
@@ -4180,13 +4189,13 @@ iframe.enable-squeeze.silex-squeeze-left {
 }
 .page-panel-container .pages .pages__main {
   flex: 1;
-  border: 1px solid #363636;
+  border: 1px solid #292929;
   background-color: #333333;
 }
 .page-panel-container .pages .pages__page {
   display: flex;
   align-items: center;
-  background-color: #363636;
+  background-color: #292929;
   border-bottom: 1px solid rgba(0, 0, 0, 0.25);
   cursor: pointer;
 }
@@ -4239,7 +4248,7 @@ iframe.enable-squeeze.silex-squeeze-left {
   line-height: 1;
   min-width: 100px;
   border: 1px solid #575757;
-  background-color: #363636;
+  background-color: #292929;
 }
 
 #gjs {
@@ -4469,15 +4478,6 @@ iframe.enable-squeeze.silex-squeeze-left {
 }
 /* Normalize css */
 /* Silex styles imports */
-:root {
-  --primaryColor: $primaryColor;
-  --secondaryColor: $secondaryColor;
-  --tertiaryColor: $tertiaryColor;
-  --quaternaryColor: $quaternaryColor;
-  --darkerPrimaryColor: $darkerPrimaryColor;
-  --lighterPrimaryColor: $lighterPrimaryColor;
-}
-
 .container-png::before {
   content: " ";
   background-image: url("../assets/container.png");

package/dist/client/js/main.js

@@ -97,7 +97,7 @@ var silex;(()=>{var t={357:function(t){var e;"undefined"!=typeof globalThis?glob
                 ><span>${e.text}</span></div>
               `))}
           </header>
-        `,r),document.body.appendChild(r),t.on("load",(()=>{n.view.el.appendChild(r)}))),t.Commands.add(e.command,{run(){e.link&&window.open(e.link),e.attributes.containerClassName&&(n.set("visible",!0),r.classList.remove("gjs-hidden"),t.Canvas.getFrameEl().classList.add("silex-squeeze-left"))},stop(){e.attributes.containerClassName&&(n.set("visible",!1),r.classList.add("gjs-hidden"),t.Canvas.getFrameEl().classList.remove("silex-squeeze-left"))}})})),t.on("load device:select page",(()=>{!function(){const e=n.view.el,r=t.Canvas.getFrameEl();r.classList.remove("enable-squeeze"),setTimeout((()=>{const t=r.getClientRects()[0]?.left,n=e.getClientRects()[0]?.right;t<n||!n?r.classList.add("enable-squeeze"):r.classList.remove("enable-squeeze")}),400),n.get("visible")?r.classList.add("silex-squeeze-left"):r.classList.remove("silex-squeeze-left")}()}))},Nn=document.createElement("div");let In;const Dn="open-settings";let $n="v3";const Rn=nt.plugins.add("settings-dialog",((t,e)=>{try{$n="3.0.0-alpha.62"}catch(t){}console.info("Silex version:",$n),t.Commands.add(Dn,{run:(e,n,{page:r})=>{In=t.Modal.open({title:r?"Page settings":"Site Settings",content:"",attributes:{class:"settings-dialog"}}).onceClose((()=>{n.set("active",0),t.stopCommand(Dn)})),function(t,e,n=t.getModel()){const r=n.get("settings")||{};n.set("settings",r),we(ne`
+        `,r),document.body.appendChild(r),t.on("load",(()=>{n.view.el.appendChild(r)}))),t.Commands.add(e.command,{run(){e.link&&window.open(e.link),e.attributes.containerClassName&&(n.set("visible",!0),r.classList.remove("gjs-hidden"),t.Canvas.getFrameEl().classList.add("silex-squeeze-left"))},stop(){e.attributes.containerClassName&&(n.set("visible",!1),r.classList.add("gjs-hidden"),t.Canvas.getFrameEl().classList.remove("silex-squeeze-left"))}})})),t.on("load device:select page",(()=>{!function(){const e=n.view.el,r=t.Canvas.getFrameEl();r.classList.remove("enable-squeeze"),setTimeout((()=>{const t=r.getClientRects()[0]?.left,n=e.getClientRects()[0]?.right;t<n||!n?r.classList.add("enable-squeeze"):r.classList.remove("enable-squeeze")}),400),n.get("visible")?r.classList.add("silex-squeeze-left"):r.classList.remove("silex-squeeze-left")}()}))},Nn=document.createElement("div");let In;const Dn="open-settings";let $n="v3";const Rn=nt.plugins.add("settings-dialog",((t,e)=>{try{$n="3.0.0-alpha.63"}catch(t){}console.info("Silex version:",$n),t.Commands.add(Dn,{run:(e,n,{page:r})=>{In=t.Modal.open({title:r?"Page settings":"Site Settings",content:"",attributes:{class:"settings-dialog"}}).onceClose((()=>{n.set("active",0),t.stopCommand(Dn)})),function(t,e,n=t.getModel()){const r=n.get("settings")||{};n.set("settings",r),we(ne`
     <p>The page settings will override site settings, <a href="https://github.com/silexlabs/Silex/wiki/Settings" target="_blank">more info about settings here</a>.</p>
     <form class="silex-form">
       <h2>General settings</h2>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@silexlabs/silex",
   "description": "Free and easy website builder for everyone.",
-  "version": "3.0.0-alpha.62",
+  "version": "3.0.0-alpha.63",
   "version:backwardcompat": "3.0.0",
   "author": {
     "name": "Alex Hoyau",

package/src/css/_variables.scss

@@ -1,11 +1,11 @@
 // All colors
 // /!\ Duplicated in the grapesjs/index.ts too => keep in sync
-$primaryColor: #333333 !default;
-$secondaryColor: #ddd !default;
-$tertiaryColor: #8873FE !default;
-$quaternaryColor: #56E3FF !default;
-$darkerPrimaryColor: #363636 !default;
-$lighterPrimaryColor: #575757 !default;
+$primaryColor: #333333;
+$secondaryColor: #ddd;
+$tertiaryColor: #8873FE;
+$quaternaryColor: #56E3FF;
+$darkerPrimaryColor: #292929;
+$lighterPrimaryColor: #575757;
 
 $topBarHeight: 40px;
 $projectBarWidth: 35px;
@@ -22,3 +22,12 @@ $z-dialog-inline: 10;
 $z-loader: 10;
 
 $fontFamily: 'Ubuntu', sans-serif;
+
+:root {
+  --primaryColor: #{$primaryColor};
+  --secondaryColor: #{$secondaryColor};
+  --tertiaryColor: #{$tertiaryColor};
+  --quaternaryColor: #{$quaternaryColor};
+  --darkerPrimaryColor: #{$darkerPrimaryColor};
+  --lighterPrimaryColor: #{$lighterPrimaryColor};
+}

package/src/css/index.scss

@@ -20,15 +20,6 @@
 // Ubuntu Fonts
 @use "@fontsource/ubuntu";
 
-:root {
-  --primaryColor: $primaryColor;
-  --secondaryColor: $secondaryColor;
-  --tertiaryColor: $tertiaryColor;
-  --quaternaryColor: $quaternaryColor;
-  --darkerPrimaryColor: $darkerPrimaryColor;
-  --lighterPrimaryColor: $lighterPrimaryColor;
-}
-
 .container-png::before {
   content: " ";
   background-image: url("../assets/container.png");