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