colonelpanic/dotfiles
1
0
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[taffybar] Add a border to the current workspace

Browse Source
This commit is contained in:
Ivan Malison 2019-06-26 16:49:40 -07:00
parent e35753c10a
commit cfde5d844e
No known key found for this signature in database
GPG Key ID: 62530EFBE99DC2F8
1 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
dotfiles/config/taffybar/ivanm-dfinity-razer.css
View File

@ -5,7 +5,7 @@
@define-color active-window-color @white; @define-color active-window-color @white;
@define-color urgent-window-color @taffy-blue; @define-color urgent-window-color @taffy-blue;
@define-color font-color @black; @define-color font-color @white;
@define-color menu-background-color @white; @define-color menu-background-color @white;
@define-color menu-font-color @black; @define-color menu-font-color @black;
@ -28,9 +28,14 @@
} }
.contents { .contents {
padding: 3px; padding: 1px;
transition: background-color .5s; transition: border-color .5s, background-color .5s;
border-radius: 6px; border-radius: 6px;
/* This transparent border is needed because we will run in to sizing issues
without it because we only check sizing one time. */
border-color: @transparent;
border-width: 2px;
border-style: solid;
} }
/* Workspaces styling */ /* Workspaces styling */
@ -43,6 +48,8 @@
.active .contents { .active .contents {
background-color: rgba(0.0, 0.0, 0.0, 0.2); background-color: rgba(0.0, 0.0, 0.0, 0.2);
border-color: @font-color;
border-style: solid;
} }
.visible .contents { .visible .contents {
@ -60,18 +67,22 @@
This will actually affect all widgets, (not just the workspace icons), but 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. */ that is what we want since we want the icons to look the same. */
.auto-size-image, .sni-tray { .auto-size-image, .sni-tray {
padding: 1px; border-color: @transparent;
border-style: solid;
border-width: 1px;
/* padding: 1px; */
} }
.window-icon-container.active { .window-icon-container.active {
background-color: rgba(255.0, 255.0, 255.0, 0.3); background-color: rgba(255.0, 255.0, 255.0, 0.3);
border-color: @font-color;
} }
.window-icon-container.urgent { .window-icon-container.urgent {
} }
.window-icon-container.inactive .window-icon { .window-icon-container.inactive .window-icon {
padding: 0px; padding: 0px;
} }
.window-icon-container.minimized .window-icon { .window-icon-container.minimized .window-icon {