Initial Commit

waybar/LilieshBase/style.css

@@ -0,0 +1,94 @@
+* {
+    /* `otf-font-awesome` is required to be installed for icons */
+    font-family: Ubuntu, sans-serif;
+    font-size: 13px;
+}
+
+/*VARS*/
+@define-color critical-color #ff5ed1;
+@define-color primary-color #ffabe7;
+@define-color secondary-color #fbe4f7;
+@define-color dark-color rgba(0,0,0, 0.9);
+@define-color background-color rgba(0, 0, 0, 0.4);
+@define-color text-color rgb(255, 255, 255);
+
+window#waybar {
+    background: @background-color;
+    border-radius: 5px;
+}
+
+
+/*General Paddings*/
+#clock,
+#battery,
+#window,
+#tray,
+#pulseaudio,
+#cpu,
+#temperature,
+#memory,
+#idle_inhibitor{
+    padding: 0 10px 0 10px;
+    color: @text-color;
+    background-color: @dark-color;
+    border-radius: 5px;
+    margin: 0 3px 0 3px;
+}
+
+/*Window Settings*/
+#window {
+    /*background-color: @primary-color;*/
+    color: @text-color;
+    font-weight: bold;
+}
+
+/*Workspace Settings*/
+#workspaces {
+    border-radius: 5px;
+    /*background-color: @secondary-color;*/
+    color: @text-color;
+}
+
+#workspaces button {
+    transition: all 300ms ease-in-out;
+    border-radius: 5px;
+    color: @text-color;
+}
+
+#workspaces button.active {
+    background-color: @primary-color;
+    color: black;
+    font-weight: bold;
+}
+
+/*Animated objects*/
+#cpu,
+#battery,
+#memory,
+#temperature{
+    transition: all 300ms ease-in-out;
+}
+
+#cpu.critical,
+#battery.critical,
+#memory.critical,
+#temperature.critical {
+    animation-name: pLINK;
+    animation-duration: 0.5s;
+    animation-timing-function: steps(12);
+    animation-iteration-count: infinite;
+    animation-direction: alternate;
+    font-weight: bold;
+}
+
+/*Modules*/
+.modules-right {
+    /*background-color: @secondary-color;*/
+    border-radius: 5px;
+    padding: 5px;
+}
+
+/*Animations*/
+@keyframes pLINK {
+    to { background-color: @critical-color;}
+}