forked from colonelpanic/dotfiles
114 lines
1.9 KiB
CSS
114 lines
1.9 KiB
CSS
@define-color bg-color #000000;
|
|
@define-color bg-tone #1E1E20;
|
|
@define-color active-window-color #374140;
|
|
@define-color urgent-window-color #D9CB9E;
|
|
@define-color font-color #FFFFFF;
|
|
|
|
.InnerPad {
|
|
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;
|
|
}
|
|
|
|
.Active .Contents, .Visible .Contents {
|
|
background-color: rgba(0.0, 0.0, 0.0, 0.5);
|
|
}
|
|
|
|
.WorkspaceLabel {
|
|
padding-right: 3px;
|
|
padding-left: 2px;
|
|
font-size: 10pt;
|
|
}
|
|
|
|
.Windows * {
|
|
color: @bg-color;
|
|
border-color: @bg-color;
|
|
}
|
|
|
|
.TrayContainer {
|
|
background-color: @urgent-window-color;
|
|
padding: 20px;
|
|
}
|
|
|
|
.TrayWidget {
|
|
background-color: @urgent-window-color;
|
|
padding: 20px;
|
|
}
|
|
|
|
.TrayWidgetContainer {
|
|
background-color: @urgent-window-color;
|
|
padding: 20px;
|
|
}
|
|
|
|
.TaffyBox {
|
|
border-bottom: solid;
|
|
border-width: 1px;
|
|
border-color: #FFFFFF;
|
|
background-color: rgba(0.0, 0.0, 0.0, 0.3);
|
|
}
|
|
|
|
.Taffybar * {
|
|
font-family: "Noto Sans", sans-serif;
|
|
font-size: 10pt;
|
|
color: @font-color;
|
|
}
|
|
|
|
.Menu * {
|
|
color: #FFFFFF;
|
|
background-color: rgba(1.0, 1.0, 1.0, 1.0);
|
|
}
|
|
|
|
.OuterPad * {
|
|
background-color: rgba(1.0, 0.0, 0.0, 0.0);
|
|
}
|
|
|
|
.OuterPad:focus {
|
|
background-color: rgba(0.0, 0.0, 0.0, 0.3);
|
|
box-shadow: inset 0 -3px #0c7cd5;
|
|
}
|
|
|
|
.OuterPad *:hover {
|
|
box-shadow: inset 0 -3px #0c7cd5;
|
|
}
|
|
|
|
.IconImage {
|
|
transition: opacity .5s, background-color .5s;
|
|
opacity: 1;
|
|
padding-bottom: 1px;
|
|
padding-top: 1px;
|
|
}
|
|
|
|
.IconContainer {
|
|
border-bottom: 0px;
|
|
transition: opacity .5s, box-shadow 1s;
|
|
padding-bottom: 4px;
|
|
opacity: 1;
|
|
}
|
|
|
|
.IconContainer.Active {
|
|
border-color: rgba(255, 255, 255, 1.0);
|
|
/* background-color: rgba(255, 255, 255, 0.3); */
|
|
border-radius: 0px;
|
|
opacity: 1;
|
|
box-shadow: inset 0 -1px #FFFFFF;
|
|
}
|
|
|
|
.IconContainer.Urgent {
|
|
box-shadow: inset 0 -3px @urgent-window-color;
|
|
}
|
|
|
|
.IconContainer.Minimized .IconImage {
|
|
transition: opacity .5s;
|
|
opacity: .3;
|
|
}
|