307 lines
8.1 KiB
CSS
307 lines
8.1 KiB
CSS
/*
|
|
This is an autogenerated file.
|
|
Do not edit this file directly.
|
|
|
|
This is modified to dynamically
|
|
change the border-radius which will
|
|
follow the border-radius of hyprland.
|
|
|
|
To parse this file, we use PT as a unit
|
|
to represent the border-radius.
|
|
This is stored separately to avoid
|
|
issues on parsing the border-radius
|
|
|
|
*/
|
|
|
|
/* ? Leaf shape */
|
|
|
|
window#waybar.top #leaf,
|
|
window#waybar.top #leaf button,
|
|
window#waybar.top #leaf menu,
|
|
window#waybar.top #leaf menuitem,
|
|
window#waybar.top #leaf tooltip,
|
|
window#waybar.bottom #leaf,
|
|
window#waybar.bottom #leaf button,
|
|
window#waybar.bottom #leaf menu,
|
|
window#waybar.bottom #leaf menuitem,
|
|
window#waybar.bottom #leaf tooltip {
|
|
border-radius: 10pt 0 10pt 0;
|
|
}
|
|
|
|
window#waybar.left #leaf,
|
|
window#waybar.left #leaf button,
|
|
window#waybar.left #leaf menu,
|
|
window#waybar.left #leaf menuitem,
|
|
window#waybar.left #leaf tooltip,
|
|
window#waybar.right #leaf,
|
|
window#waybar.right #leaf button,
|
|
window#waybar.right #leaf menu,
|
|
window#waybar.right #leaf menuitem,
|
|
window#waybar.right #leaf tooltip {
|
|
border-radius: 10pt 0 10pt 0;
|
|
}
|
|
|
|
/* ? Inverse Leaf shape */
|
|
|
|
window#waybar.top #leaf-inverse,
|
|
window#waybar.top #leaf-inverse button,
|
|
window#waybar.top #leaf-inverse menu,
|
|
window#waybar.top #leaf-inverse menuitem,
|
|
window#waybar.top #leaf-inverse tooltip,
|
|
window#waybar.bottom #leaf-inverse,
|
|
window#waybar.bottom #leaf-inverse button,
|
|
window#waybar.bottom #leaf-inverse menu,
|
|
window#waybar.bottom #leaf-inverse menuitem,
|
|
window#waybar.bottom #leaf-inverse tooltip {
|
|
border-radius: 0 10pt 0 10pt;
|
|
}
|
|
|
|
window#waybar.left #leaf-inverse,
|
|
window#waybar.left #leaf-inverse button,
|
|
window#waybar.left #leaf-inverse menu,
|
|
window#waybar.left #leaf-inverse menuitem,
|
|
window#waybar.left #leaf-inverse tooltip,
|
|
window#waybar.right #leaf-inverse,
|
|
window#waybar.right #leaf-inverse button,
|
|
window#waybar.right #leaf-inverse menu,
|
|
window#waybar.right #leaf-inverse menuitem,
|
|
window#waybar.right #leaf-inverse tooltip {
|
|
border-radius: 0 10pt 0 10pt;
|
|
}
|
|
|
|
|
|
/* ? Full Pill shape*/
|
|
|
|
window#waybar.bottom #pill menuitem,
|
|
window#waybar.bottom #pill menu,
|
|
window#waybar.bottom #pill tooltip,
|
|
window#waybar.bottom #pill,
|
|
window#waybar.bottom #pill button,
|
|
window#waybar.top #pill menuitem,
|
|
window#waybar.top #pill menu,
|
|
window#waybar.top #pill tooltip,
|
|
window#waybar.top #pill,
|
|
window#waybar.top #pill button {
|
|
border-radius: 10pt 10pt 10pt 10pt;
|
|
}
|
|
|
|
window#waybar.left #pill menuitem,
|
|
window#waybar.left #pill menu,
|
|
window#waybar.left #pill tooltip,
|
|
window#waybar.left #pill,
|
|
window#waybar.left #pill button,
|
|
window#waybar.right #pill menuitem,
|
|
window#waybar.right #pill menu,
|
|
window#waybar.right #pill tooltip,
|
|
window#waybar.right #pill,
|
|
window#waybar.right #pill button {
|
|
border-radius: 10pt 10pt 10pt 10pt;
|
|
}
|
|
|
|
|
|
/* ? half pill with the curve pointing dowmwards */
|
|
|
|
|
|
window#waybar.top #pill-down,
|
|
window#waybar.top #pill-down button,
|
|
window#waybar.top #pill-down menu,
|
|
window#waybar.top #pill-down menuitem,
|
|
window#waybar.top #pill-down tooltip,
|
|
window#waybar.bottom #pill-down,
|
|
window#waybar.bottom #pill-down button,
|
|
window#waybar.bottom #pill-down menu,
|
|
window#waybar.bottom #pill-down menuitem,
|
|
window#waybar.bottom #pill-down tooltip {
|
|
border-radius: 0 0 10pt 10pt;
|
|
}
|
|
|
|
window#waybar.left #pill-down,
|
|
window#waybar.left #pill-down button,
|
|
window#waybar.left #pill-down menu,
|
|
window#waybar.left #pill-down menuitem,
|
|
window#waybar.left #pill-down tooltip,
|
|
window#waybar.right #pill-down,
|
|
window#waybar.right #pill-down button,
|
|
window#waybar.right #pill-down menu,
|
|
window#waybar.right #pill-down menuitem,
|
|
window#waybar.right #pill-down tooltip {
|
|
border-radius: 0 0 10pt 10pt;
|
|
}
|
|
|
|
|
|
/*
|
|
? half pill with the curve pointing inwards
|
|
*/
|
|
|
|
window#waybar.top #pill-in,
|
|
window#waybar.top #pill-in button,
|
|
window#waybar.top #pill-in menu,
|
|
window#waybar.top #pill-in menuitem,
|
|
window#waybar.top #pill-in tooltip {
|
|
border-radius: 0 0 10pt 10pt;
|
|
}
|
|
|
|
window#waybar.right #pill-in,
|
|
window#waybar.right #pill-in button,
|
|
window#waybar.right #pill-in menu,
|
|
window#waybar.right #pill-in menuitem,
|
|
window#waybar.right #pill-in tooltip {
|
|
border-radius: 10pt 0 0 10pt;
|
|
}
|
|
|
|
window#waybar.bottom #pill-in,
|
|
window#waybar.bottom #pill-in button,
|
|
window#waybar.bottom #pill-in menu,
|
|
window#waybar.bottom #pill-in menuitem,
|
|
window#waybar.bottom #pill-in tooltip {
|
|
border-radius: 10pt 10pt 0 0;
|
|
}
|
|
|
|
window#waybar.left #pill-in,
|
|
window#waybar.left #pill-in button,
|
|
window#waybar.left #pill-in menu,
|
|
window#waybar.left #pill-in menuitem,
|
|
window#waybar.left #pill-in tooltip {
|
|
border-radius: 0 10pt 10pt 0;
|
|
}
|
|
|
|
|
|
|
|
/* ? half pill with the curve pointing to left */
|
|
|
|
window#waybar.top #pill-left,
|
|
window#waybar.top #pill-left button,
|
|
window#waybar.top #pill-left menu,
|
|
window#waybar.top #pill-left menuitem,
|
|
window#waybar.top #pill-left tooltip,
|
|
window#waybar.bottom #pill-left,
|
|
window#waybar.bottom #pill-left button,
|
|
window#waybar.bottom #pill-left menu,
|
|
window#waybar.bottom #pill-left menuitem,
|
|
window#waybar.bottom #pill-left tooltip {
|
|
border-radius: 10pt 0 0 10pt;
|
|
}
|
|
|
|
window#waybar.left #pill-left,
|
|
window#waybar.left #pill-left button,
|
|
window#waybar.left #pill-left menu,
|
|
window#waybar.left #pill-left menuitem,
|
|
window#waybar.left #pill-left tooltip,
|
|
window#waybar.right #pill-left,
|
|
window#waybar.right #pill-left button,
|
|
window#waybar.right #pill-left menu,
|
|
window#waybar.right #pill-left menuitem,
|
|
window#waybar.right #pill-left tooltip {
|
|
border-radius: 10pt 0 0 10pt;
|
|
}
|
|
|
|
|
|
/* ? half pill with the curve pointing to outwards */
|
|
|
|
|
|
window#waybar.top #pill-out,
|
|
window#waybar.top #pill-out button,
|
|
window#waybar.top #pill-out menu,
|
|
window#waybar.top #pill-out menuitem,
|
|
window#waybar.top #pill-out tooltip {
|
|
border-radius: 10pt 10pt 0 0;
|
|
}
|
|
|
|
window#waybar.right #pill-out,
|
|
window#waybar.right #pill-out button,
|
|
window#waybar.right #pill-out menu,
|
|
window#waybar.right #pill-out menuitem,
|
|
window#waybar.right #pill-out tooltip {
|
|
border-radius: 0 10pt 10pt 0;
|
|
}
|
|
|
|
window#waybar.bottom #pill-out,
|
|
window#waybar.bottom #pill-out button,
|
|
window#waybar.bottom #pill-out menu,
|
|
window#waybar.bottom #pill-out menuitem,
|
|
window#waybar.bottom #pill-out tooltip {
|
|
border-radius: 0 0 10pt 10pt;
|
|
}
|
|
|
|
window#waybar.left #pill-out,
|
|
window#waybar.left #pill-out button,
|
|
window#waybar.left #pill-out menu,
|
|
window#waybar.left #pill-out menuitem,
|
|
window#waybar.left #pill-out tooltip {
|
|
border-radius: 10pt 0 0 10pt;
|
|
}
|
|
|
|
|
|
/* ============================ */
|
|
/* ? half pill with the curve pointing to the right */
|
|
|
|
window#waybar.top #pill-right,
|
|
window#waybar.top #pill-right button,
|
|
window#waybar.bottom #pill-right menu,
|
|
window#waybar.bottom #pill-right menuitem,
|
|
window#waybar.bottom #pill-right tooltip,
|
|
window#waybar.bottom #pill-right,
|
|
window#waybar.bottom #pill-right button,
|
|
window#waybar.top #pill-right menu,
|
|
window#waybar.top #pill-right menuitem,
|
|
window#waybar.top #pill-right tooltip {
|
|
border-radius: 0 10pt 10pt 0;
|
|
}
|
|
|
|
window#waybar.left #pill-right,
|
|
window#waybar.left #pill-right button,
|
|
window#waybar.right #pill-right menu,
|
|
window#waybar.right #pill-right menuitem,
|
|
window#waybar.right #pill-right tooltip,
|
|
window#waybar.right #pill-right,
|
|
window#waybar.right #pill-right button,
|
|
window#waybar.left #pill-right menu,
|
|
window#waybar.left #pill-right menuitem,
|
|
window#waybar.left #pill-right tooltip {
|
|
border-radius: 0 10pt 10pt 0;
|
|
}
|
|
|
|
|
|
/* ? half pill with the flat surface pointing upwards */
|
|
|
|
window#waybar.top #pill-up,
|
|
window#waybar.top #pill-up button,
|
|
window#waybar.top #pill-up menu,
|
|
window#waybar.top #pill-up menuitem,
|
|
window#waybar.top #pill-up tooltip,
|
|
window#waybar.bottom #pill-up,
|
|
window#waybar.bottom #pill-up button,
|
|
window#waybar.bottom #pill-up menu,
|
|
window#waybar.bottom #pill-up menuitem,
|
|
window#waybar.bottom #pill-up tooltip {
|
|
border-radius: 10pt 10pt 0 0;
|
|
}
|
|
|
|
window#waybar.left #pill-up,
|
|
window#waybar.left #pill-up button,
|
|
window#waybar.left #pill-up menu,
|
|
window#waybar.left #pill-up menuitem,
|
|
window#waybar.left #pill-up tooltip,
|
|
window#waybar.right #pill-up,
|
|
window#waybar.right #pill-up button,
|
|
window#waybar.right #pill-up menu,
|
|
window#waybar.right #pill-up menuitem,
|
|
window#waybar.right #pill-up tooltip {
|
|
border-radius: 10pt 10pt 0 0;
|
|
}
|
|
|
|
tooltip {
|
|
border-radius: 10pt;
|
|
}
|
|
|
|
menu {
|
|
border-radius: 10pt;
|
|
}
|
|
|
|
menu menuitem {
|
|
border-radius: 10pt;
|
|
}
|
|
|
|
window.popup decoration {
|
|
border-radius: 10pt;
|
|
} |