54 lines
1.5 KiB
CSS
54 lines
1.5 KiB
CSS
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;
|
|
}
|