78 lines
2.2 KiB
CSS
78 lines
2.2 KiB
CSS
/* Selection */
|
|
selection,
|
|
row:selected,
|
|
iconview: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 }};
|
|
}
|
|
|
|
/* Sliders (Scales) */
|
|
scale trough {
|
|
background-color: {{ .Theme.Colors.Semantic.SurfaceAlt.Value }};
|
|
border: 1px solid {{ .Theme.Colors.Semantic.Border.Value }};
|
|
border-radius: {{ .Theme.Spacing.Radius }};
|
|
min-height: 4px;
|
|
}
|
|
|
|
scale highlight {
|
|
background-color: {{ .Theme.Colors.Semantic.Accent.Value }};
|
|
border-radius: {{ .Theme.Spacing.Radius }};
|
|
}
|
|
|
|
scale slider {
|
|
background-color: {{ .Theme.Colors.Semantic.Surface.Value }};
|
|
border: 1px solid {{ .Theme.Colors.Semantic.Border.Value }};
|
|
border-radius: 50%;
|
|
min-height: 16px;
|
|
min-width: 16px;
|
|
margin: -6px 0;
|
|
}
|
|
|
|
scale slider:hover {
|
|
background-color: {{ .Theme.Colors.Semantic.Accent.Value }};
|
|
border-color: {{ .Theme.Colors.Semantic.Accent.Value }};
|
|
}
|
|
|
|
/* Switches */
|
|
switch {
|
|
background-color: {{ .Theme.Colors.Semantic.SurfaceAlt.Value }};
|
|
border: 1px solid {{ .Theme.Colors.Semantic.Border.Value }};
|
|
border-radius: {{ .Theme.Spacing.Radius }};
|
|
color: transparent;
|
|
}
|
|
|
|
switch:checked {
|
|
background-color: {{ .Theme.Colors.Semantic.Accent.Value }};
|
|
border-color: {{ .Theme.Colors.Semantic.Accent.Value }};
|
|
}
|
|
|
|
switch slider {
|
|
background-color: {{ .Theme.Colors.Semantic.Text.Value }};
|
|
border: 1px solid {{ .Theme.Colors.Semantic.Border.Value }};
|
|
border-radius: 50%;
|
|
margin: {{ .Theme.Spacing.MarginSmall }};
|
|
min-width: 18px;
|
|
min-height: 18px;
|
|
}
|
|
|
|
scale:disabled trough,
|
|
scale:disabled highlight,
|
|
scale:disabled slider,
|
|
switch:disabled {
|
|
background-color: {{ .Theme.Colors.Semantic.Background.Value }};
|
|
border-color: {{ .Theme.Colors.Semantic.Disabled.Value }};
|
|
color: {{ .Theme.Colors.Semantic.Disabled.Value }};
|
|
}
|
|
|
|
switch:disabled slider {
|
|
background-color: {{ .Theme.Colors.Semantic.Disabled.Value }};
|
|
border-color: {{ .Theme.Colors.Semantic.Disabled.Value }};
|
|
}
|