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