ASCII text
1
/**
2
* LightDM GTK+ Greeter
3
*/
4
// Based on:
6
// https://bazaar.launchpad.net/~lightdm-gtk-greeter-team/lightdm-gtk-greeter/trunk/view/head:/data/sample-lightdm-gtk-greeter.css
7
@use "../../../theme";
9
@use "../../../theme-color";
10
@use "../../../shadow";
11
@use "../common";
12
@use "../drawing";
13
// the panel widget at the top
15
#panel_window {
16
background-color: theme-color.$scrim-alt;
17
color: theme-color.$on-scrim-alt;
18
// font-weight: bold;
19
// the menubars/menus of the panel, i.e. indicators
21
menubar,
22
separator {
23
background-color: transparent;
24
}
25
separator {
27
padding: 0 4px;
28
&:first-child {
30
padding: 0 8px;
31
}
32
}
33
menubar > menuitem {
35
color: theme-color.hint(theme-color.$on-scrim-alt);
36
&:hover {
38
background-color: theme-color.activated-overlay(theme-color.$on-scrim-alt);
39
color: theme-color.$on-scrim-alt;
40
}
41
&:disabled {
43
color: theme-color.disabled-hint(theme-color.$on-scrim-alt);
44
}
45
}
46
}
47
// the login window
49
#login_window,
50
#shutdown_dialog,
51
#restart_dialog {
52
margin: 8px;
53
border-radius: theme.$corner-radius;
54
box-shadow: shadow.$z6, inset 0 1px theme-color.highlight(theme-color.$surface-z8);
55
background-color: theme-color.$surface-z8;
56
color: theme-color.$on-surface;
57
}
58
// the top half of the login-window, in GtkDialog terms, the content
60
#content_frame {
61
padding-bottom: 28px - 12px; // take into account the hard-coded 12px margin_bottom
62
}
63
#login_window {
65
// the user-combobox
66
#user_combobox button {
67
}
68
// the entries, one for the username, one for the password
70
entry {
71
}
72
}
73
// the buttons, alternatively this could also be done with a simple ".lightdm-gtk-greeter button"
75
#login_window button,
76
#shutdown_dialog button,
77
#restart_dialog button {
78
}
79
.lightdm-gtk-greeter button {
81
}
82
// the user's avatar box
84
#user_image {
85
}
86
// the border around the user's avatar box
88
#user_image_border {
89
}
90
// the lower half of the login-window, in GtkDialog terms the buttonbox or action area
92
#buttonbox_frame {
93
padding-top: 24px;
94
> box,
96
> buttonbox {
97
margin: -16px;
98
}
99
button {
101
@extend %button-flat;
102
&:not(:disabled) {
104
color: theme-color.$primary;
105
@include drawing.ink-color(theme-color.$primary, $button-style: "flat");
106
}
107
}
108
}
109
// the shutdown button
111
#shutdown_button {
112
}
113
// the restart button
115
#restart_button {
116
}
117
// the warning, in case a wrong password is entered or something else goes wrong according to PAM
119
#greeter_infobar {
120
// font-weight: bold;
121
}
122