and menubar
parent
b659cdad09
commit
4d5e3ecd51
|
|
@ -132,3 +132,32 @@ tooltip {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Top menu bar (File, Edit, View, etc.) */
|
||||||
|
menubar {
|
||||||
|
background-color: #1a1a1a;
|
||||||
|
border-bottom: 1px solid #5018dd; /* subtle accent line */
|
||||||
|
padding: 4px 8px;
|
||||||
|
spacing: 6px; /* adds space between menu items */
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Individual menu items */
|
||||||
|
menubar > menuitem {
|
||||||
|
padding: 4px 10px;
|
||||||
|
margin: 0 4px; /* spacing between each item */
|
||||||
|
border-radius: 8px;
|
||||||
|
color: #d6abab;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Hover state */
|
||||||
|
menubar > menuitem:hover {
|
||||||
|
background-color: rgba(80, 24, 221, 0.2);
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Active/open menu */
|
||||||
|
menubar > menuitem:active,
|
||||||
|
menubar > menuitem:checked {
|
||||||
|
background-color: rgba(80, 24, 221, 0.35);
|
||||||
|
color: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue