Fixed some things

themes/gruvbox/css/style.css

@@ -284,8 +284,14 @@ input:focus, input:focus-visible {
   right: 0;
 }
 #system-power > * {
+  background: transparent;
   font-size: 2em;
 }
+#system-power > *:hover, #system-power > *:focus {
+  background: #3c3836aa;
+  backdrop-filter: blur(10px);
+}
+
 
 #sessions-list {
   position: absolute;

themes/gruvbox/fonts/material/LICENSE

@@ -1,20 +0,0 @@
-Pictogrammers Free License
---------------------------
-
-This icon collection is released as free, open source, and GPL friendly by
-the [Pictogrammers](http://pictogrammers.com/) icon group. You may use it
-for commercial projects, open source projects, or anything really.
-
-# Icons: Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0)
-Some of the icons are redistributed under the Apache 2.0 license. All other
-icons are either redistributed under their respective licenses or are
-distributed under the Apache 2.0 license.
-
-# Fonts: Apache 2.0 (https://www.apache.org/licenses/LICENSE-2.0)
-All web and desktop fonts are distributed under the Apache 2.0 license. Web
-and desktop fonts contain some icons that are redistributed under the Apache
-2.0 license. All other icons are either redistributed under their respective
-licenses or are distributed under the Apache 2.0 license.
-
-# Code: MIT (https://opensource.org/licenses/MIT)
-The MIT license applies to all non-font and non-icon files.

themes/gruvbox/fonts/material/README.md

@@ -1,25 +0,0 @@
-> *Note:* Please use the main [MaterialDesign](https://github.com/Templarian/MaterialDesign/issues) repo to report issues. This repo is for distribution of the Webfont files only.
-
-# Webfont - Material Design Icons
-
-Webfont distribution for the [Material Design Icons](https://materialdesignicons.com).
-
-```
-npm install @mdi/font
-```
-
-> Package built with [@mdi/font-build](https://github.com/Templarian/MaterialDesign-Font-Build).
-
-## Related Packages
-
-[NPM @MDI Organization](https://npmjs.com/org/mdi)
-
-- JavaScript/Typescript: [MaterialDesign-JS](https://github.com/Templarian/MaterialDesign-JS)
-- SVG: [MaterialDesign-SVG](https://github.com/Templarian/MaterialDesign-SVG)
-- Font-Build [MaterialDesign-Font-Build](https://github.com/Templarian/MaterialDesign-Font-Build)
-- Desktop Font: [MaterialDesign-Font](https://github.com/Templarian/MaterialDesign-Font)
-
-## Learn More
-
-- [MaterialDesignIcons.com](https://materialdesignicons.com)
-- https://github.com/Templarian/MaterialDesign

themes/gruvbox/index.html

@@ -5,10 +5,9 @@
   <meta name="viewport" content="width=device-width, viewport-fit=cover, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
 
   <link rel="stylesheet" href="css/style.css" class="style">
-  <link rel="stylesheet" href="fonts/material/css/materialdesignicons.css" class="style">
+  <link rel="stylesheet" href="../../_vendor/material-icons/css/materialdesignicons.min.css" onerror="this.href='../_vendor/material-icons/css/materialdesignicons.min.css'" class="style">
 
-  <script src="../_vendor/js/moment-with-locales.min.js"></script>
-  <script src="../_vendor/js/mocky.js"></script>
+  <script src="../_vendor/js/mock.js"></script>
 
   <title>Gruvbox greeter</title>
 </head>
@@ -71,18 +70,18 @@
       <div id="battery-label"></div>
     </div>
     <div id="system-power" class="label-bar">
-      <div id="shutdown-btn" class="hide">
+      <button id="shutdown-btn" class="hide">
         <span class="mdi mdi-power"></span>
-      </div>
-      <div id="restart-btn" class="hide">
+      </button>
+      <button id="restart-btn" class="hide">
         <span class="mdi mdi-restart"></span>
-      </div>
-      <div id="suspend-btn" class="hide">
+      </button>
+      <button id="suspend-btn" class="hide">
         <span class="mdi mdi-power-sleep"></span>
-      </div>
-      <div id="hibernate-btn" class="hide">
+      </button>
+      <button id="hibernate-btn" class="hide">
         <span class="mdi mdi-power-cycle"></span>
-      </div>
+      </button>
     </div>
   </div>
 

themes/gruvbox/index.theme

@@ -1,6 +0,0 @@
-[theme]
-name=gruvbox
-description=A grubox lightdm web-greeter theme
-engine=web-greeter
-url=index.html
-session=awesome

themes/gruvbox/js/index.js

@@ -24,13 +24,9 @@ async function initGreeter() {
     debug = new Debug()
   }
 
-  if (lightdm.authentication_complete) {
-    lightdm.authentication_complete.connect(() => authentication_done())
-  }
+  lightdm.authentication_complete?.connect(() => authentication_done())
 
-  if (lightdm.brightness_update) {
-    lightdm.brightness_update.connect(() => brightness._updateData())
-  }
+  lightdm.brightness_update?.connect(() => brightness._updateData())
 
   accounts = new Accounts()
 

themes/simple/index.html

@@ -8,7 +8,7 @@
 			overflow: hidden;
 			opacity: 1;
 			margin: 0;
-			background-color: #ffffff;
+			background-color: #000;
 			transition: opacity 2s, background-color 2s, background-position 2s;
 			transition-timing-function: ease-in;
 		}
@@ -157,11 +157,12 @@
 		if (lightdm.is_authenticated) {
 			// Start default session
 			// let body = document.getElementById('body');
-			document.documentElement.addEventListener('transitionend', lightdm.start_session_sync);
+			let session = lightdm.default_session
+			document.documentElement.addEventListener('transitionend', () => {lightdm.start_session(session)});
 			document.documentElement.className = 'session_starting';
 		} else {
 			show_message("Authentication Failed", "error");
-			setTimeout(start_authentication, 3000);
+			setTimeout(start_authentication, 2000);
 		}
 	};
 
@@ -191,7 +192,7 @@
 	window.start_authentication = function() {
 		clear_messages();
 		// start without providing "user" to make the greeter prompt for "user"
-		lightdm.authenticate();
+		lightdm.authenticate("");
 	};
 
 	/**
@@ -202,10 +203,16 @@
 		lightdm.respond(entry.value);
 	};
 
+	window.addEventListener("GreeterReady", () => {
+		lightdm.show_message.connect(show_message)
+		lightdm.show_prompt.connect(show_prompt)
+		lightdm.authentication_complete.connect(authentication_complete)
+		lightdm.autologin_timer_expired.connect(autologin_timer_expired)
+
+		start_authentication()
+	});
+
 </script>
 <!--<script src="../_vendor/js/mock.js"></script>-->
-<script>
-	start_authentication();
-</script>
 </body>
 </html>

themes/simple/index.theme

@@ -1,6 +0,0 @@
-[theme]
-name=Simple
-description=Simple Theme
-engine=lightdm-webkit-greeter
-url=index.html
-session=gnome