get app icons for each workspace
This commit is contained in:
28
eww/eww.scss
28
eww/eww.scss
@@ -26,15 +26,14 @@ $red: #f38ba8;
|
||||
// Window margin (replaces calc() in geometry)
|
||||
// ─────────────────────────────────────────────
|
||||
.eww-bar {
|
||||
margin: 8px 10px 0 10px;
|
||||
margin: 0 0 0 0;
|
||||
}
|
||||
|
||||
// ─────────────────────────────────────────────
|
||||
// Bar root
|
||||
// ─────────────────────────────────────────────
|
||||
.bar-left{
|
||||
background: $bg;
|
||||
border-radius: 8px;
|
||||
background: transparent;
|
||||
padding: 0 10px;
|
||||
min-height: 24px;
|
||||
}
|
||||
@@ -52,18 +51,15 @@ $red: #f38ba8;
|
||||
// ─────────────────────────────────────────────
|
||||
// Workspaces
|
||||
// ─────────────────────────────────────────────
|
||||
.workspaces {
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
.workspace-btn {
|
||||
background: transparent;
|
||||
border-radius: 5px;
|
||||
min-width: 32px;
|
||||
padding: 2px 8px;
|
||||
background: rgba(0, 0, 0, 0.35);
|
||||
border-radius: 8px;
|
||||
color: $subtext;
|
||||
font-weight: bold;
|
||||
font-size: 11px;
|
||||
padding: 2px 7px;
|
||||
margin: 2px 0px;
|
||||
transition: all 200ms ease;
|
||||
|
||||
&:hover {
|
||||
@@ -72,7 +68,7 @@ $red: #f38ba8;
|
||||
}
|
||||
|
||||
&.active {
|
||||
background: rgba(23, 142, 21, 0.778);
|
||||
background: rgba(90, 148, 22, 0.85);
|
||||
color: $accent;
|
||||
}
|
||||
|
||||
@@ -82,12 +78,16 @@ $red: #f38ba8;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// ─────────────────────────────────────────────
|
||||
// Window title
|
||||
// ─────────────────────────────────────────────
|
||||
.window-title {
|
||||
padding-left: 4px;
|
||||
padding: 0px 8px;
|
||||
color: $subtext;
|
||||
background: $bg;
|
||||
border-radius: 8px;
|
||||
|
||||
.window-icon {
|
||||
font-size: 11px;
|
||||
@@ -100,6 +100,7 @@ $red: #f38ba8;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// ─────────────────────────────────────────────
|
||||
// Clock
|
||||
// ─────────────────────────────────────────────
|
||||
@@ -184,3 +185,6 @@ $red: #f38ba8;
|
||||
}
|
||||
}
|
||||
|
||||
.center-btn.active {
|
||||
background: rgba(90, 148, 22, 0.85);
|
||||
}
|
||||
Reference in New Issue
Block a user