0bcbe05a0b
* Added the ability to apply custom opacity to all elements. * Apply menu opacity to settings menu
58 lines
1.3 KiB
SCSS
58 lines
1.3 KiB
SCSS
@import '../colors.scss';
|
|
|
|
window.popup {
|
|
opacity: $bar-menus-opacity/100;
|
|
|
|
menuitem {
|
|
label {
|
|
color: $bar-menus-popover-text;
|
|
}
|
|
|
|
&:hover {
|
|
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-text, $bar-menus-popover-text), 0.6);
|
|
}
|
|
}
|
|
|
|
menu {
|
|
border-color: $bar-menus-popover-border;
|
|
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-popover-background);
|
|
}
|
|
|
|
separator {
|
|
|
|
background-color: transparentize(if($bar-menus-monochrome, $bar-menus-text, $bar-menus-popover-text), 0.7);
|
|
min-height: 0.075em;
|
|
}
|
|
|
|
arrow {
|
|
color: if($bar-menus-monochrome, $bar-menus-text, $bar-menus-popover-text);
|
|
}
|
|
}
|
|
|
|
tooltip {
|
|
* {
|
|
all: unset;
|
|
}
|
|
|
|
opacity: $bar-menus-opacity/100;
|
|
|
|
font-size: 1.1em;
|
|
|
|
>*>* {
|
|
padding: 0.6em;
|
|
border-radius: $bar-menus-border-radius/2;
|
|
color: if($bar-menus-monochrome, $bar-menus-label, $bar-menus-tooltip-text);
|
|
background: if($bar-menus-monochrome, $bar-menus-background, $bar-menus-tooltip-background);
|
|
}
|
|
}
|
|
|
|
check:not(:checked) {
|
|
background-color: $bar-menus-check_radio_button-background;
|
|
border: 1px solid $bar-menus-check_radio_button-active;
|
|
}
|
|
|
|
check:checked {
|
|
background-color: $bar-menus-check_radio_button-active;
|
|
border: 1px solid $bar-menus-check_radio_button-background;
|
|
}
|