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