_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
background-color: overlay("activated", $on-scrim-alt);
33
color: $on-scrim-alt;
34
}
35
36
&:disabled {
37
color: disabled-hint($on-scrim-alt);
38
}
39
}
40
}
41
42
// the login window
43
#login_window,
44
#shutdown_dialog,
45
#restart_dialog {
46
margin: 8px;
47
border-radius: $corner-radius;
48
box-shadow: $shadow-z6, inset 0 1px highlight($surface-z8);
49
background-color: $surface-z8;
50
color: $on-surface;
51
}
52
53
// the top half of the login-window, in GtkDialog terms, the content
54
#content_frame {
55
padding-bottom: 28px - 12px; // take into account the hard-coded 12px margin_bottom
56
}
57
58
#login_window {
59
// the user-combobox
60
#user_combobox button {
61
}
62
63
// the entries, one for the username, one for the password
64
entry {
65
}
66
}
67
68
// the buttons, alternatively this could also be done with a simple ".lightdm-gtk-greeter button"
69
#login_window button,
70
#shutdown_dialog button,
71
#restart_dialog button {
72
}
73
74
.lightdm-gtk-greeter button {
75
}
76
77
// the user's avatar box
78
#user_image {
79
}
80
81
// the border around the user's avatar box
82
#user_image_border {
83
}
84
85
// the lower half of the login-window, in GtkDialog terms the buttonbox or action area
86
#buttonbox_frame {
87
padding-top: 24px;
88
89
> box,
90
> buttonbox {
91
margin: -16px;
92
}
93
94
button {
95
@extend %button-flat;
96
97
&:not(:disabled) {
98
color: $primary;
99
@include ink-color($primary, $button-style: "flat");
100
}
101
}
102
}
103
104
// the shutdown button
105
#shutdown_button {
106
}
107
108
// the restart button
109
#restart_button {
110
}
111
112
// the warning, in case a wrong password is entered or something else goes wrong according to PAM
113
#greeter_infobar {
114
// font-weight: bold;
115
}
116