list, 
menu {
    background-color: {{ .Theme.Colors.Semantic.Surface.Value }};
    color: {{ .Theme.Colors.Semantic.Text.Value }};
    border: 1px solid {{ .Theme.Colors.Semantic.Border.Value }};
    border-radius: {{ .Theme.Spacing.Radius }};
}

menubar {
    background-color: {{ .Theme.Colors.Semantic.Surface.Value }};
    color: {{ .Theme.Colors.Semantic.Text.Value }};
    border-bottom: 1px solid {{ .Theme.Colors.Semantic.Border.Value }};
    padding: {{ .Theme.Spacing.PaddingSmall }};
}

menubar > menuitem {
    padding: {{ .Theme.Spacing.Padding }};
    min-height: 24px;
    transition: all 0.2s ease;
}

menuitem {
    min-height: 24px;
    padding: {{ .Theme.Spacing.Padding }};
}

menubar > menuitem:hover {
    background-color: {{ .Theme.Colors.Semantic.Accent.Value }};
    border-radius: {{ .Theme.Spacing.RadiusSmall }};
}

list row:selected,
treeview.view:selected,
.view:selected,
iconview.view:selected,
cell:selected,
*:selected {
    background-color: {{ .Theme.Colors.Semantic.Accent.Alpha .Theme.Colors.Semantic.Background 0.3 }};
    color: {{ .Theme.Colors.Semantic.Text.Value }};
    border: 1px solid {{ .Theme.Colors.Semantic.Accent.Value }};
    border-radius: {{ .Theme.Spacing.Radius }};
}

menuitem:hover {
    background-color: {{ .Theme.Colors.Semantic.Accent.Value }};
    color: {{ .Theme.Colors.Semantic.Background.Value }};
    border-radius: {{ .Theme.Spacing.RadiusSmall }};
}

menuitem:disabled {
    color: {{ .Theme.Colors.Semantic.Disabled.Value }};
    background-color: transparent;
}
