Replies: 3 comments 2 replies
-
|
I guess you did * {
all: unset;
}And now you get transparent backgrounds? .systray image {
margin: 0px 3px; // So there is some gap between the icons
}
.systray menu {
background-color: $background-color;
>menuitem {
padding: 0px 5px;
&:disabled label {
color: gray;
}
&:hover {
color: $highlight-color;
background-color: $highlight-background-color;
}
}
separator {
background-color: #222222;
padding-top: 1px;
&:last-child {
padding: unset;
}
}
} |
Beta Was this translation helpful? Give feedback.
-
|
Hello, thanks for your answer. I haven't styled anything, I don't even know where I can put these instructions :^) I have both XFCE/X11 and labwc/Wayland, in XFCE the systray menus are themed, not in wayland, that's all I know :^) Should I put the instructions you pasted in eww.yuck file? Thanks again! |
Beta Was this translation helpful? Give feedback.
-
|
Well maybe then you want to read some background info. There is documentation available: https://elkowar.github.io/eww/ The above is a scss example that shows how to style the calendar. |
Beta Was this translation helpful? Give feedback.
-
did you mean to write systray? |
Beta Was this translation helpful? Give feedback.
-
|
@fidelski man I spent ages digging through gtk docs trying to figure it out, thanks for the CSS! turns out I was looking at GTK4 stuff...but it's still kinda hard to find references to these menus and how they're internally structured. I noticed an edge case with Discord where the top entries text wasn't being changed due it being embedding inside (probably) a box with the appicon image next to the text. matching on * > worked. I have this in my file now. .systray menu {
background-color: black;
padding: 8px;
* > label {
font-family: Sans;
font-size: 15px;
}
> menuitem {
padding-top: 2px;
padding-bottom: 2px;
&:hover {
color: $bistre;
background-color: $vista-blue;
}
}
} |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
Hello,
I'm using eww in labwc (Wayland compositor). I have a eww calendar widget tthat seems to just be a GTK calendar, but I don't know how to style it: how do I change the background color of the calendar, or the wieght of the current day (to make it bold) etc. I have the same question for the widgets that are embedded in the systray: for example, the contextual menu for Steam (accessible but right click) or the menus for nm-applet (both left- and right-click menus) are completely unstyled: their background is completely transparent. How can I style them (I have a .config/gtk3-3.0/settings.ini file that workd in XFCE on X11).
Thanks for any help!
Beta Was this translation helpful? Give feedback.
All reactions