[taffybar] Add crypto icons to crypto prices

dotfiles/config/taffybar/taffybar.css

@@ -4,12 +4,14 @@
 @define-color taffy-blue #0c7cd5;
 @define-color taffy-navy rgb(25, 30, 55);
 @define-color taffy-red rgba(255, 65, 81, 1.0);
+@define-color taffy-teal #00695C;
 
 @define-color active-window-color @white;
 @define-color urgent-window-color @taffy-blue;
 @define-color font-color @white;
 @define-color menu-background-color @white;
 @define-color menu-font-color @black;
+@define-color bar-background @taffy-navy;
 
 /* Top level styling */
 
@@ -18,32 +20,36 @@
 	font-size: 10pt;
 	font-weight: bold;
 	color: @font-color;
-	border-radius: 4px;
 	text-shadow: 2px 2px @black;
 }
 
 .taffy-box {
 	border-color: @white;
 	border-style: solid;
-	background-color: @taffy-navy;
+	background-color: @bar-background;
 	padding: 3px;
 	margin: 4px;
-}
-
-.inner-pad {
-	padding: 0px;
+	border-radius: 4px;
 }
 
 .contents {
 	padding: 2px;
 	transition: background-color .5s;
-	border-color: @white;
 	opacity: 1;
-	/* border-radius: 6px; */
 }
 
 /* Workspaces styling */
 
+.workspaces .inner-pad {
+	box-shadow: none;
+	border-width: 0;
+}
+
+.workspaces .contents {
+	box-shadow: none;
+	border-radius: 4px;
+}
+
 .workspace-label {
 	padding-right: 4px;
 	padding-left: 2px;
@@ -56,9 +62,8 @@
 	text-shadow: 2px 2px @black;
 }
 
-
 .contents .window-icon {
-	opacity: .5;
+	border-width: 1px;
 }
 
 .active .contents .window-icon {
@@ -107,10 +112,6 @@
 .window-icon-container.urgent {
 }
 
-.window-icon-container.inactive .window-icon {
-  padding: 0px;
-}
-
 .window-icon-container.minimized .window-icon {
 	opacity: .3;
 }