From e019e80eac1b03a5c177ef5d358b720bdbc774ac Mon Sep 17 00:00:00 2001
From: Gregor Kleen <gkleen@yggdrasil.li>
Date: Sun, 5 Dec 2021 16:56:41 +0100
Subject: gkleen@sif: taffybar

---
 accounts/gkleen@sif/taffybar/taffybar.css | 146 ++++++++++++++++++++++++++++++
 1 file changed, 146 insertions(+)
 create mode 100644 accounts/gkleen@sif/taffybar/taffybar.css

(limited to 'accounts/gkleen@sif/taffybar/taffybar.css')

diff --git a/accounts/gkleen@sif/taffybar/taffybar.css b/accounts/gkleen@sif/taffybar/taffybar.css
new file mode 100644
index 00000000..7a297465
--- /dev/null
+++ b/accounts/gkleen@sif/taffybar/taffybar.css
@@ -0,0 +1,146 @@
+@define-color transparent rgba(0.0, 0.0, 0.0, 0.0);
+@define-color white #808080;
+@define-color gray #202020;
+@define-color green #008000;
+@define-color yellow #808000;
+@define-color blue #000080;
+@define-color red #800000;
+@define-color black #000000;
+/* @define-color taffy-blue #0c7cd5; */
+@define-color taffy-blue @blue;
+
+@define-color active-window-color @white;
+@define-color urgent-window-color @taffy-blue;
+@define-color font-color @white;
+@define-color menu-background-color @black;
+@define-color menu-font-color @white;
+
+/* Top level styling */
+
+.taffy-window * {
+	/*
+		This removes any existing styling from UI elements. Taffybar will not
+		cohere with your gtk theme.
+	*/
+	all: unset;
+
+	font-family: "Fira Sans", sans-serif;
+	font-size: 21px;
+	color: @font-color;
+}
+
+.taffy-box {
+	/* border-radius: 10px; */
+	background-color: @black;
+}
+
+.inner-pad {
+	/* padding-bottom: 5px; */
+	/* padding-top: 5px; */
+	padding-left: 2px;
+	padding-right: 2px;
+}
+
+.contents {
+	/* padding-bottom: 4px; */
+	/* padding-top: 4px; */
+	padding-right: 2px;
+	padding-left: 2px;
+	transition: background-color .5s;
+	border-radius: 5px;
+}
+
+/* Workspaces styling */
+
+.workspace-label {
+	padding-right: 3px;
+	padding-left: 2px;
+	font-size: 21px;
+}
+
+.workspace-label.active {
+	color: @green;
+}
+.workspace-label.visible {
+	color: @yellow;
+}
+.workspace-label.empty {
+	color: @gray;
+}
+.workspace-label.urgent {
+	color: @red;
+}
+
+.active .contents {
+	background-color: rgba(0.0, 0.0, 0.0, 0.5);
+}
+
+.visible .contents {
+	background-color: rgba(0.0, 0.0, 0.0, 0.2);
+}
+
+.window-icon-container {
+	transition: opacity .5s, box-shadow .5s;
+	opacity: 1;
+}
+
+/* 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;
+}
+
+.window-icon-container.active {
+	box-shadow: inset 0 -3px @white;
+}
+
+.window-icon-container.urgent {
+	box-shadow: inset 0 -3px @urgent-window-color;
+}
+
+.window-icon-container.inactive .window-icon {
+	padding: 0px;
+}
+
+.window-icon-container.minimized .window-icon {
+	opacity: .3;
+}
+
+.window-icon {
+	opacity: 1;
+	transition: opacity .5s;
+}
+
+/* Button styling */
+
+button {
+	background-color: @transparent;
+	border-width: 0px;
+	border-radius: 0px;
+}
+
+button:checked, button:hover .Contents:hover {
+	box-shadow: inset 0 -3px @taffy-blue;
+}
+
+/* Menu styling */
+
+/* The ".taffy-window" prefixed selectors are needed because if they aren't present,
+   the top level .Taffybar selector takes precedence */
+.taffy-window menuitem *,  menuitem * {
+	color: @menu-font-color;
+}
+
+.taffy-window menuitem, menuitem {
+	background-color: @menu-background-color;
+}
+
+.taffy-window menuitem:hover, menuitem:hover {
+	background-color: @taffy-blue;
+}
+
+.taffy-window menuitem:hover > label, menuitem:hover > label {
+	color: @white;
+}
-- 
cgit v1.2.3