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