flakes: switch codex-cli-nix back to sadjow/main
This commit is contained in:
@@ -1,41 +1,50 @@
|
||||
/* Top level styling */
|
||||
|
||||
.taffy-window {
|
||||
background-color: @bar-background;
|
||||
background-image: linear-gradient(to bottom, @bar-gradient-start, @bar-gradient-end);
|
||||
border-bottom: 1px solid @bar-border;
|
||||
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
|
||||
}
|
||||
/* Widget/layout styling for taffybar.
|
||||
*
|
||||
* Colors live in `theme.css` (loaded via `palette.css`).
|
||||
*/
|
||||
|
||||
.taffy-window * {
|
||||
font-family: "Iosevka Aile", "Noto Sans", sans-serif;
|
||||
/* Most text should come from Iosevka Aile; icon glyphs (Font Awesome / Nerd
|
||||
Font PUA) should come from a Nerd Font family to avoid tiny fallback glyphs. */
|
||||
font-family: "Iosevka Aile", "Iosevka Nerd Font", "Iosevka NF", "Noto Sans", sans-serif;
|
||||
font-size: 9pt;
|
||||
font-weight: 600;
|
||||
color: @font-color;
|
||||
background-color: @transparent;
|
||||
/* Bar background is painted on `.taffy-box`; most widget nodes stay
|
||||
transparent so pills (outer-pad) read as "solid". */
|
||||
background-color: transparent;
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
|
||||
.taffy-box {
|
||||
border-width: 0px;
|
||||
background-color: @transparent;
|
||||
|
||||
|
||||
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
border-radius: 0px;
|
||||
box-shadow: none;
|
||||
background-color: @bar-background;
|
||||
background-image: linear-gradient(to bottom, @bar-gradient-start, @bar-gradient-end);
|
||||
}
|
||||
|
||||
.outer-pad {
|
||||
background-color: @pill-background;
|
||||
border: 1px solid @pill-border;
|
||||
border-radius: 6px;
|
||||
border: 0px;
|
||||
border-radius: 12px;
|
||||
margin: 4px 6px;
|
||||
box-shadow: 0 1px 0 @pill-highlight, 0 6px 14px @pill-shadow;
|
||||
/* No white outline; define shape with subtle inner highlight + dark stroke. */
|
||||
box-shadow:
|
||||
inset 0 1px 0 @pill-highlight,
|
||||
inset 0 0 0 1px @pill-border,
|
||||
0 10px 24px @pill-shadow;
|
||||
}
|
||||
|
||||
.inner-pad {
|
||||
padding: 1px 8px;
|
||||
border-radius: 5px;
|
||||
padding: 2px 10px;
|
||||
border-radius: 9px;
|
||||
}
|
||||
|
||||
.contents {
|
||||
@@ -44,6 +53,44 @@
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* Make each widget's squircle background feel "solid": avoid GTK nodes and
|
||||
labels painting their own backgrounds on top of `.outer-pad`. */
|
||||
.outer-pad *,
|
||||
.inner-pad,
|
||||
.inner-pad *,
|
||||
.contents,
|
||||
.contents * {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* Right side widget palette overrides */
|
||||
.outer-pad.audio {
|
||||
background-color: @widget-audio-bg;
|
||||
border-color: @widget-audio-border;
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 0 10px 24px rgba(0, 0, 0, 0.30);
|
||||
}
|
||||
.outer-pad.audio * {
|
||||
color: @widget-audio-fg;
|
||||
}
|
||||
|
||||
.outer-pad.network {
|
||||
background-color: @widget-network-bg;
|
||||
border-color: @widget-network-border;
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 0 10px 24px rgba(0, 0, 0, 0.30);
|
||||
}
|
||||
.outer-pad.network * {
|
||||
color: @widget-network-fg;
|
||||
}
|
||||
|
||||
.outer-pad.mpris {
|
||||
background-color: @widget-mpris-bg;
|
||||
border-color: @widget-mpris-border;
|
||||
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06), 0 10px 24px rgba(0, 0, 0, 0.30);
|
||||
}
|
||||
.outer-pad.mpris * {
|
||||
color: @widget-mpris-fg;
|
||||
}
|
||||
|
||||
/* Workspaces styling */
|
||||
|
||||
.workspaces .inner-pad {
|
||||
@@ -61,17 +108,46 @@
|
||||
}
|
||||
|
||||
.workspace-label {
|
||||
padding-right: 6px;
|
||||
padding-left: 2px;
|
||||
padding-top: 0px;
|
||||
font-size: 9pt;
|
||||
opacity: 0.95;
|
||||
font-weight: 600;
|
||||
/* Overlay label (workspace number) that sits inside the icon "squircle". */
|
||||
padding: 1px 3px;
|
||||
margin: 0px;
|
||||
font-size: 10pt;
|
||||
opacity: 0.92;
|
||||
font-weight: 700;
|
||||
transition: color .2s;
|
||||
background-color: @transparent;
|
||||
}
|
||||
|
||||
/* The workspace label is overlaid bottom-left over the workspace icon strip. */
|
||||
.workspaces .overlay-box {
|
||||
transition: background-color .2s, border-color .2s;
|
||||
|
||||
/* The workspace widget's outer-pad has margin; without this, the overlay
|
||||
sits in the margin area and looks "outside" the squircle. */
|
||||
margin-left: 10px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.workspaces .overlay-box .workspace-label {
|
||||
/* GtkLabel often doesn't paint its own background, so style the eventbox and
|
||||
keep the label itself transparent. */
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
padding: 0px;
|
||||
color: rgba(255, 255, 255, 0.92);
|
||||
}
|
||||
|
||||
.workspaces .active .overlay-box {
|
||||
background-color: transparent;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.contents .window-icon {
|
||||
border-width: 1px;
|
||||
border-width: 3px;
|
||||
}
|
||||
|
||||
.active .contents .window-icon {
|
||||
@@ -80,25 +156,34 @@
|
||||
|
||||
.active .contents {
|
||||
background-color: rgba(255, 255, 255, 0.10);
|
||||
border-radius: 999px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.overlay-box {
|
||||
transition: background-color .5s;
|
||||
}
|
||||
|
||||
.active .overlay-box {
|
||||
padding: 0px;
|
||||
border-color: @transparent;
|
||||
border-width: 0px;
|
||||
opacity: 1;
|
||||
}
|
||||
/* (Handled above for workspaces.) */
|
||||
|
||||
.visible .contents {
|
||||
background-color: rgba(255, 255, 255, 0.06);
|
||||
}
|
||||
|
||||
.workspaces .window-icon-container,
|
||||
.workspaces .window-icon-container.active {
|
||||
/* Don't give each window icon its own background/border; the workspace
|
||||
squircle is the background. */
|
||||
background-color: transparent;
|
||||
border: 0px;
|
||||
box-shadow: none;
|
||||
padding: 0px 2px;
|
||||
}
|
||||
|
||||
.workspaces .active .contents,
|
||||
.workspaces .visible .contents {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.workspaces .window-icon {
|
||||
border-width: 0px;
|
||||
}
|
||||
|
||||
.window-icon-container {
|
||||
transition: opacity .2s, box-shadow .2s;
|
||||
opacity: 1;
|
||||
@@ -135,12 +220,13 @@
|
||||
|
||||
/* Button styling */
|
||||
|
||||
.taffy-window button {
|
||||
.taffy-window button {
|
||||
all: initial;
|
||||
background-color: @transparent;
|
||||
border-width: 0px;
|
||||
border-radius: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.taffy-window button:checked, .taffy-window button:hover .Contents:hover {
|
||||
box-shadow: inset 0 -2px @accent;
|
||||
@@ -293,6 +379,6 @@ popover modelbutton:hover * {
|
||||
letter-spacing: 0.2px;
|
||||
}
|
||||
|
||||
.mpris label {
|
||||
r.mpris label {
|
||||
color: @font-muted;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user