diff --git a/dotfiles/config/taffybar/taffybar.css b/dotfiles/config/taffybar/taffybar.css
index f79291a4..0c67cf2e 100644
--- a/dotfiles/config/taffybar/taffybar.css
+++ b/dotfiles/config/taffybar/taffybar.css
@@ -5,7 +5,7 @@
 
 @define-color active-window-color @white;
 @define-color urgent-window-color @taffy-blue;
-@define-color font-color @white;
+@define-color font-color @black;
 @define-color menu-background-color @white;
 @define-color menu-font-color @black;
 
@@ -19,9 +19,8 @@
 
 .taffy-box {
 	border-color: @white;
-	border-width: 5px;
 	border-style: solid;
-	border-radius: 5px;
+	border-radius: 0px;
 }
 
 .inner-pad {
@@ -29,7 +28,10 @@
 }
 
 .contents {
-	padding: 7px;
+	padding-top: 3px;
+	padding-bottom: 3px;
+	padding-right: 3px;
+	padding-left: 3px;
 	transition: background-color .5s;
 }
 
@@ -42,7 +44,7 @@
 }
 
 .active .contents {
-	background-color: #e21d3b;
+	background-color: rgba(0.0, 0.0, 0.0, 0.2);
 }
 
 .visible .contents {
@@ -52,22 +54,22 @@
 .window-icon-container {
 	transition: opacity .5s, box-shadow .5s;
 	opacity: 1;
+	border-radius: 5px;
+	transition: background-color 1s;
 }
 
 /* This gives space for the box-shadow (they look like underlines) that follow.
    This will actually affect all widgets, (not just the workspace icons), but
    that is what we want since we want the icons to look the same. */
 .auto-size-image, .sni-tray  {
-	padding-top: 3px;
-	padding-bottom: 3px;
+	padding: 1px;
 }
 
 .window-icon-container.active {
-	box-shadow: inset 0 -3px @white;
+	background-color: rgba(255.0, 255.0, 255.0, 0.3);
 }
 
 .window-icon-container.urgent {
-	box-shadow: inset 0 -3px @urgent-window-color;
 }
 
 .window-icon-container.inactive .window-icon {
@@ -86,6 +88,7 @@
 /* Button styling */
 
 button {
+	all: initial;
 	background-color: @transparent;
 	border-width: 0px;
 	border-radius: 0px;