Merge personal changes into css

style.css

@@ -1,7 +1,7 @@
-@define-color black rgba(28, 31, 38, 1);
-@define-color gray rgba(255, 255, 255, 0.05);
+@define-color black #1c1f26;
+@define-color gray rgba(255, 255, 255, 0.1);
 @define-color light_gray rgba(255, 255, 255, 0.35);
-@define-color white rgba(255, 255, 255, 0.7);
+@define-color white #d8dee9;
 @define-color red   #bf616a;
 @define-color blue  #8fa1be;
 @define-color green #a3be8c;
@@ -16,8 +16,8 @@ window {
 .bar {
 	padding: 5px;
 	background: alpha(@black, 0.8);
-	border: 1px solid @gray;
-	border-radius: 10px;
+	border-top: 1px solid @gray;
+	border-radius: 0px;
 	font-family: "Nunito SemiBold", "Font Awesome 6 Free Solid";
 	font-size: 16px;
 	color: @white;
@@ -27,10 +27,10 @@ button { color: inherit; }
 
 .module {
 	padding: 2px 5px;
-	background: @gray;
+	background: #2b303b;
 	border: 1px solid @gray;
 	border-radius: 5px;
-	color: @white;
+	color: alpha(@white, 0.8);
 	text-shadow: none;
 }
 
@@ -40,7 +40,7 @@ button { color: inherit; }
 
 /* workspaces */
 .workspaces {
-	background: @gray;
+	background: #2b303b;
 	border: 1px solid @gray;
 	border-radius: 5px;
 }
@@ -49,7 +49,7 @@ button { color: inherit; }
 	padding: 0px 5px;
 	background: transparent;
 	border-radius: 5px;
-	color: @white;
+	color: alpha(@white, 0.8);
 	border: 1px solid transparent;
 	min-width: 20px;
 }
@@ -82,7 +82,9 @@ button { color: inherit; }
 
 /* Override default rules */
 tooltip {
-	font-family: "Iosevka Custom"
+	font-family: "Iosevka Custom";
+	background: #1c1f26;
+	border-radius: 10px;
 }
 
 scrollbar {
@@ -152,13 +154,13 @@ button {
 
 /* widgets */
 popover, .popover {
-	background: @black;
+	font-family: "Nunito", "Font Awesome 6 Free Solid";
 	color: @white;
-	border: 1px solid @gray;
+	background: alpha(@black, 0.8);
+	border: 2px solid @blue;
 	border-radius: 20px;
-	box-shadow: none;
 	padding: 10px;
-	font-family: "Nunito", "Font Awesome 6 Free Solid";
+	box-shadow: 0px 0px 3px black;
 }
 
 .music .title {
@@ -171,7 +173,7 @@ separator { background: @gray; padding: 0; margin: 0; }
 	padding: 0px 10px;
 	border-radius: 10px;
 	border: 1px solid @gray;
-	background: @gray;
+	background: #2b303b;
 	font-size: 24px;
 	font-weight: normal;
 }
@@ -185,7 +187,7 @@ separator { background: @gray; padding: 0; margin: 0; }
 }
 
 .box {
-	background: @gray;
+	background: #2b303b;
 	border: solid 1px @gray;
 	border-radius: 10px;
 }