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