}
menu {
- background-color: $menu-background;
+ background-color: var(--menuBackgroundColor);
margin: 0;
padding: 0;
height: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
- color: $menu-color;
+ color: var(--menuForegroundColor);
display: flex;
flex-direction: column;
width: 100%;
.logged-in-username {
font-size: 16px;
font-weight: $font-semibold;
- color: $menu-color;
+ color: var(--menuForegroundColor);
cursor: pointer;
@include disable-default-a-behaviour;
display: flex;
align-items: center;
padding-left: $menu-lateral-padding;
- color: $menu-color;
+ color: var(--menuForegroundColor);
cursor: pointer;
height: 40px;
font-size: 16px;
--mainHoverColor: #{$orange-hoover-color};
--mainBackgroundColor: #{$bg-color};
--mainForegroundColor: #{$fg-color};
+ --menuBackgroundColor: #{$menu-background};
+ --menuForegroundColor: #{$menu-color};
--submenuColor: #{$sub-menu-color};
--inputColor: #{$input-background-color};
--inputPlaceholderColor: #{$input-placeholder-color};
--mainHoverColor: var(--mainHoverColor),
--mainBackgroundColor: var(--mainBackgroundColor),
--mainForegroundColor: var(--mainForegroundColor),
+ --menuBackgroundColor: var(--menuBackgroundColor),
+ --menuForegroundColor: var(--menuForegroundColor),
--submenuColor: var(--submenuColor),
--inputColor: var(--inputColor),
--inputPlaceholderColor: var(--inputPlaceholderColor)