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

[taffybar] Dotted outlines on razer

Browse Source
This commit is contained in:
Ivan Malison 2020-11-29 17:32:19 -08:00
parent cbe634b20c
commit 7ffc59c8ba
No known key found for this signature in database
GPG Key ID: 62530EFBE99DC2F8
1 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -29,7 +29,7 @@
.contents { .contents {
padding: 1px; padding: 1px;
transition: border-color .5s, background-color .5s; transition: border-color .5s, background-color .5s, border-style 3s;
border-radius: 6px; border-radius: 6px;
/* This transparent border is needed because we will run in to sizing issues /* This transparent border is needed because we will run in to sizing issues
without it because we only check sizing one time. */ without it because we only check sizing one time. */
@ -54,28 +54,25 @@
.visible .contents { .visible .contents {
background-color: rgba(0.0, 0.0, 0.0, 0.2); background-color: rgba(0.0, 0.0, 0.0, 0.2);
border-style: dotted;
border-color: @font-color;
} }
.window-icon-container { .window-icon-container {
transition: opacity .5s, box-shadow .5s; transition: opacity .5s, box-shadow .5s, background-color .5s;
opacity: 1; opacity: 1;
border-radius: 5px; border-radius: 5px;
transition: background-color 1s;
} }
/* This gives space for the box-shadow (they look like underlines) that follow. /* 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 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 {
border-color: @transparent; padding: 0px;
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: @font-color;
border-color: @font-color;
} }
.window-icon-container.urgent { .window-icon-container.urgent {