gtk-3.0/apps/_lightdm.scss 2.8 K raw
1
/***********
2
 * LightDm *
3
 ***********/
4
5
// the panel widget at the top
6
#panel_window {
7
  background-color: $panel_bg_color;
8
  color: $panel_fg_color;
9
  font-weight: bold;
10
  box-shadow: inset 0 -1px darken($panel_bg_color, 7%);
11
12
  // the menubars/menus of the panel, i.e. indicators
13
  .menubar,
14
  .menubar > .menuitem
15
  menubar,
16
  menubar > menuitem {
17
    background-color: transparent;
18
    color: $panel_fg_color;
19
    font-weight: bold;
20
  }
21
22
  .menubar .menuitem:disabled,
23
  menubar menuitem:disabled {
24
    color: transparentize($panel_fg_color, 0.5);
25
26
    GtkLabel { color: inherit; }
27
    label { color: inherit; }
28
  }
29
  .menubar .menu > .menuitem,
30
  menubar menu > menuitem { font-weight: normal; }
31
}
32
33
// the login window
34
#login_window,
35
#shutdown_dialog,
36
#restart_dialog {
37
  font-weight: normal;
38
  border-style: none;
39
  background-color: transparent;
40
  color: $fg_color;
41
}
42
43
// the top half of the login-window, in GtkDialog terms, the content
44
#content_frame {
45
  padding-bottom: 14px;
46
  background-color: $bg_color;
47
  border-top-left-radius: 2px;
48
  border-top-right-radius: 2px;
49
  border: solid transparentize(black, 0.9);
50
  border-width: 1px 1px 0 1px;
51
}
52
53
#content_frame button {
54
  @include button(normal);
55
56
  &:hover { @include button(hover); }
57
  &:active, &:checked { @include button(active); }
58
  &:disabled { @include button(insensitive); }
59
}
60
61
// the lower half of the login-window, in GtkDialog terms the buttonbox or action area
62
#buttonbox_frame {
63
  padding-top: 20px;
64
  padding-bottom: 0px;
65
  border-style: none;
66
  background-color: if($variant=='light', $osd_bg_color, $headerbar_color);
67
  border-bottom-left-radius: 3px;
68
  border-bottom-right-radius: 3px;
69
  border: solid transparentize(black, 0.9);
70
  border-width: 0 1px 1px 1px;
71
}
72
73
#buttonbox_frame button{
74
  @include button(osd);
75
76
  &:hover { @include button(osd-hover); }
77
  &:active, &:checked { @include button(osd-active); }
78
  &:disabled { @include button(osd-insensitive); }
79
}
80
81
#login_window #user_combobox {
82
  color: $fg_color;
83
  font-size: 13px;
84
85
  .menu,
86
  menu { font-weight: normal; }
87
}
88
89
// the user's avatar box
90
#user_image {
91
  padding: 3px;
92
  border-radius: 2px;
93
}
94
95
// the shutdown button
96
#shutdown_button.button {
97
  @include button(suggested_destructive, $destructive_color);
98
99
  &:hover { @include button(suggested_destructive, lighten($destructive_color, 10%)); }
100
  &:active, &:checked { @include button(suggested_destructive, darken($destructive_color, 10%)); }
101
}
102
103
// the restart button
104
#restart_button.button {
105
  @include button(suggested_destructive, $suggested_color);
106
107
  &:hover { @include button(suggested_destructive, lighten($suggested_color, 10%)); }
108
  &:active, &:checked { @include button(suggested_destructive, darken($suggested_color, 10%)); }
109
}
110
111
// the warning, in case a wrong password is entered or something else goes wrong according to PAM
112
#greeter_infobar {
113
  border-bottom-width: 0;
114
  font-weight: bold;
115
}