|
5 | 5 | @include exports("unity-greeter") {
|
6 | 6 |
|
7 | 7 |
|
8 |
| -.lightdm.menu { |
9 |
| - background-image: none; |
10 |
| - background-color: alpha($black, 0.6); |
11 |
| - border-color: alpha($white, 0.2); |
12 |
| - border-radius: 4px; |
13 |
| - padding: 1px; |
14 |
| - |
15 |
| - color: $white; |
16 |
| -} |
17 |
| - |
18 |
| -.lightdm-combo .menu { |
19 |
| - background-color: shade($dark_bg_color, 1.08); |
20 |
| - border-radius: 0px; |
21 |
| - padding: 0px; |
| 8 | + .lightdm.menu { |
| 9 | + background-image: none; |
| 10 | + background-color: fade-out($black, .4); |
| 11 | + border-color: fade-out($white, .8); |
| 12 | + border-radius: 4px; |
| 13 | + padding: 1px; |
22 | 14 |
|
23 |
| - color: $white; |
24 |
| -} |
| 15 | + color: $white; |
| 16 | + } |
25 | 17 |
|
26 |
| -.lightdm.menu .menuitem *, |
27 |
| -.lightdm.menu .menuitem.check:active, |
28 |
| -.lightdm.menu .menuitem.radio:active { |
29 |
| - color: $white; |
30 |
| -} |
| 18 | + .lightdm-combo .menu { |
| 19 | + background-color: shade($dark_bg_color, 1.08); |
| 20 | + border-radius: 0; |
| 21 | + padding: 0; |
| 22 | + color: $white; |
| 23 | + } |
31 | 24 |
|
32 |
| -.lightdm.menubar { |
33 |
| - background-image: none; |
34 |
| - background-color: alpha(#00ff00, 0.5); |
35 |
| -} |
| 25 | + .lightdm.menu .menuitem *, |
| 26 | + .lightdm.menu .menuitem.check:active, |
| 27 | + .lightdm.menu .menuitem.radio:active { |
| 28 | + color: $white; |
| 29 | + } |
36 | 30 |
|
| 31 | + .lightdm.menubar *, |
| 32 | + .lightdm.menubar .menuitem { |
| 33 | + padding: 2px; |
| 34 | + } |
37 | 35 |
|
38 | 36 | .lightdm-combo.combobox-entry .button,
|
39 | 37 | .lightdm-combo .cell,
|
|
42 | 40 |
|
43 | 41 | .lightdm.button{
|
44 | 42 | background-image: none;
|
45 |
| - background-color: alpha($black, 0.3); |
46 |
| - border-color: alpha($white, 0.9); |
| 43 | + background-color: fade-out($black, .7); |
| 44 | + border-color: fade-out($white, .1); |
47 | 45 | border-radius: 5px;
|
48 | 46 | padding: 5px;
|
49 | 47 | color: $white;
|
50 | 48 | }
|
51 | 49 | .lightdm.button:hover {
|
52 | 50 | background-image: none;
|
53 |
| - background-color: alpha($white, 0.3); |
54 |
| - border-color: alpha($white, 0.6); |
| 51 | + background-color: fade-out($white, .7); |
| 52 | + border-color: fade-out($white, .4); |
55 | 53 | border-radius: 5px;
|
56 | 54 | padding: 5px;
|
57 | 55 | color: $white;
|
|
63 | 61 |
|
64 | 62 | .lightdm.entry {
|
65 | 63 | background-image: none;
|
66 |
| - background-color: alpha($black, 0.3); |
67 |
| - border-color: alpha($white, 0.6); |
| 64 | + background-color: fade-out($black, .7); |
| 65 | + border-color: fade-out($white, .4); |
68 | 66 | border-radius: 5px;
|
69 | 67 | padding: 7px;
|
70 | 68 | color: $white;
|
|
77 | 75 | border-image: none;
|
78 | 76 | }
|
79 | 77 | .lightdm.entry:focused {
|
80 |
| - border-color: alpha($white, 0.6); |
| 78 | + border-color: fade-out($white, .4); |
81 | 79 | border-width: 1px;
|
82 | 80 | border-style: solid;
|
83 | 81 | color: $white;
|
84 | 82 | }
|
85 | 83 | .lightdm.entry:selected {
|
86 |
| - background-color: alpha($white, 0.2); |
| 84 | + background-color: fade-out($white, .8); |
87 | 85 | }
|
88 | 86 |
|
89 | 87 | @keyframes dashentry_spinner {
|
|
106 | 104 | border-width: 0;
|
107 | 105 | }
|
108 | 106 | .lightdm.toggle-button.selected:hover {
|
109 |
| - background-color: alpha($white, 0.3); |
110 |
| - border-color: alpha($white, 0.3); |
| 107 | + background-color: fade-out($white, .7); |
| 108 | + border-color: fade-out($white, .7); |
111 | 109 | border-width: 1px;
|
112 | 110 | }
|
113 | 111 | .lightdm.toggle-button.selected {
|
114 |
| - background-color: alpha($black, 0.3); |
115 |
| - border-color: alpha($white, 0.3); |
| 112 | + background-color: fade-out($black, .7); |
| 113 | + border-color: fade-out($white, .7); |
116 | 114 | border-width: 1px;
|
117 | 115 | }
|
118 | 116 | }
|
0 commit comments