1 files changed, 87 insertions, 0 deletions
diff --git a/.config/gtklock/style.css b/.config/gtklock/style.css
new file mode 100644
index 0000000..ae3d931
--- /dev/null
+++ b/.config/gtklock/style.css
@@ -0,0 +1,87 @@
+@import url("/home/user/.cache/wal/colors-css");
+* {
+    all: unset;
+    border: 0px;
+}
+
+window {
+    background: rgba(0, 0, 0, 0.5);
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+#window-box {
+    border-radius: 1.5rem;
+    padding: 1.5rem;
+    border: 0px solid black;
+}
+
+#input-label {
+    font-size: 1.5rem;
+    color: transparent;
+    background-color: transparent;
+    margin: -20rem;
+}
+
+#input-field {
+    background-color: @background;
+    color: @foreground;
+    border-radius: 999px;
+    font-size: 1.3rem;
+    padding: 0.341rem 1.364rem;
+    margin: 0.477rem;
+    box-shadow: 2px 2px 4px alpha(@background, 0.5);
+    min-height: 2.727rem;
+}
+
+#unlock-button {
+    margin: -20rem;
+    color: transparent;
+    background-color: transparent;
+}
+
+#error-label {
+    color: #F38BA8;
+}
+
+#clock-label {
+    font-family: 'Lexend';
+    font-size: 6rem;
+    border-radius: 1.2rem;
+    padding: 0.5rem;
+    margin: 0.6rem;
+    margin-top: -35rem;
+    color: @color11;
+}
+
+#user-image {
+    /* min-width: 200px;
+    min-height: 200px; */
+}
+
+#user-name {
+	color: @foreground;
+}
+
+#powerbar-box {}
+
+#poweroff-button,
+#suspend-button,
+#reboot-button {
+    background-color: @background;
+    color: @foreground;
+    min-width: 3rem;
+    min-height: 3rem;
+    margin: 10px;
+    border-radius: 99px;
+}
+
+#poweroff-button:hover,
+#reboot-button:hover,
+#suspend-button:hover,
+#poweroff-button:active,
+#reboot-button:active,
+#suspend-button:active {
+    background: alpha(@color0, 0.3);
+}