pinokiod 3.9.26 → 3.9.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pinokiod",
-  "version": "3.9.26",
+  "version": "3.9.27",
   "description": "",
   "main": "index.js",
   "scripts": {

package/server/public/style.css

@@ -292,10 +292,12 @@ footer b {
   */
 }
 .requirements {
-  padding: 20px;
+  padding: 50px 20px;
   font-size: 14px;
+  /*
   background: var(--dark-nav-bg);
   color: white;
+  */
   flex-grow: 1;
   display: flex;
   align-items: center;
@@ -316,10 +318,10 @@ footer b {
   font-size: 12px;
 }
 .requirements .requirement-item .label.highlighted {
-  color: cornflowerblue;
+  color: royalblue;
 }
 .requirements .requirement-item .name.highlighted {
-  color: cornflowerblue;
+  color: royalblue;
 }
 .requirements .requirement-item .name {
   font-weight: bold;
@@ -338,13 +340,27 @@ footer b {
 .requirements form .btn {
   width: 100%;
 }
-.requirement-item:first-child {
+/*
+body.dark .requirement-item:first-child {
   border-top: 1px solid rgba(255,255,255,0.04);
 }
+.requirement-item:first-child {
+  border-top: 1px solid rgba(0,0,0,0.08);
+}
+*/
+body.dark .requirement-item {
+/*
+  border-bottom: 1px solid rgba(255,255,255,0.04);
+  */
+  background: rgba(0,0,0,0.08);
+}
 .requirement-item {
   text-align: left;
-  padding: 15px 5px;
-  border-bottom: 1px solid rgba(255,255,255,0.04);
+  padding: 15px 20px;
+  background: rgba(0,0,100,0.03);
+  /*
+  border-bottom: 1px solid rgba(0,0,0,0.08);
+  */
 }
 .requirement-item .btn {
   margin-right: 5px;
@@ -372,6 +388,10 @@ footer b {
   margin: 10px 0;
   background: rgba(0,0,0,0.05);
 }
+#del-bin {
+  cursor: pointer;
+  color: royalblue;
+}
 
 html.columns {
   height: 100%;
@@ -589,9 +609,11 @@ body.dark {
   color: var(--dark-color);
   background: var(--dark-bg);
 }
+/*
 body.frozen {
   background: #F5F4FA;
 }
+*/
 body.fullscreen {
 /*
   background: white;
@@ -1470,7 +1492,7 @@ body.dark .swal2-styled.swal2-confirm{
   color: black;
   */
   color: rgba(255,255,255,0.8) !important;
-  border: 1px solid rgba(255,255,255,0.8) !important;
+  border: 1px solid rgba(255,255,255,0.2) !important;
   /*
   background: var(--dark-btn-bg);
   color: var(--dark-btn-color);
@@ -1479,7 +1501,6 @@ body.dark .swal2-styled.swal2-confirm{
 .swal2-styled.swal2-confirm{
   background: black !important;
   margin: 0;
-  font-weight: bold;
   border: none;
 }
 .swal2-input:focus, .swal2-file:focus, .swal2-textarea:focus {

package/server/views/download.ejs

@@ -66,7 +66,6 @@ body.frozen {
   display: flex;
   align-items: flex-start;
   margin: 10px;
-  background: rgba(0,0,0,0.04);
 }
 .item img {
   width: 100px;

package/server/views/install.ejs

@@ -69,7 +69,6 @@ body {
   display: flex;
   align-items: flex-start;
   margin: 10px;
-  background: rgba(0,0,0,0.04);
 }
 .item img {
   width: 100px;
@@ -95,19 +94,21 @@ body {
   color: rgba(0,0,0,0.5);
 }
 #status-screen {
-  padding: 10px;
+  padding: 15px;
   box-sizing: border-box;
   width: 100%;
   margin: 0;
-  background: royalblue;
+  margin-bottom: 10px;
   overflow: auto;
-  color: white;
+  border-left: 5px solid royalblue;
   /*
   color: rgb(27, 28, 29);
   */
 }
 #status-screen b {
-  color: white;
+  font-weight: normal;
+  color: royalblue;
+  font-size: 16px;
 }
 </style>
 <script src="/hotkeys.min.js"></script>

package/server/views/settings.ejs

@@ -257,7 +257,7 @@ hr {
 <button class='btn2' id='back'><div><i class="fa-solid fa-chevron-left"></i></div><div>Prev</div></button>
 <button class='btn2' id='forward'><div><i class="fa-solid fa-chevron-right"></i></div><div>Next</div></button>
 <a class='btn2 create-new' id='create-new-folder'><div><i class='fa-solid fa-plus'></i></div><div>New</div></a>
-<a class='btn2' id='explore' href="/?mode=explore"><div><i class="fa-solid fa-globe"></i></div><div>Discover</div></a>
+<a class='btn2' id='explore' href="/?mode=explore"><div><i class="fa-solid fa-magnifying-glass"></i></div><div>Discover</div></a>
 <a href="/network" class='btn2'><div><i class="fa-solid fa-wifi"></i></div><div>Network</div></a>
 <a href="/connect" class='btn2'><div><i class="fa-solid fa-circle-user"></i></div><div>Connect</div></a>
 <% paths.forEach((path) => { %>