_unity-greeter.scss (2868B)
1 /*********************** 2 ! Unity Greeter * 3 ***********************/ 4 5 @include exports("unity-greeter") { 6 7 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; 14 15 color: $white; 16 } 17 18 .lightdm-combo .menu { 19 background-color: shade($dark_bg_color, 1.08); 20 border-radius: 0; 21 padding: 0; 22 color: $white; 23 } 24 25 .lightdm.menu .menuitem *, 26 .lightdm.menu .menuitem.check:active, 27 .lightdm.menu .menuitem.radio:active { 28 color: $white; 29 } 30 31 .lightdm.menubar *, 32 .lightdm.menubar .menuitem { 33 padding: 2px; 34 } 35 36 .lightdm-combo.combobox-entry .button, 37 .lightdm-combo .cell, 38 .lightdm-combo .button, 39 .lightdm-combo .entry, 40 41 .lightdm.button{ 42 background-image: none; 43 background-color: fade-out($black, .7); 44 border-color: fade-out($white, .1); 45 border-radius: 5px; 46 padding: 5px; 47 color: $white; 48 } 49 .lightdm.button:hover { 50 background-image: none; 51 background-color: fade-out($white, .7); 52 border-color: fade-out($white, .4); 53 border-radius: 5px; 54 padding: 5px; 55 color: $white; 56 text-shadow: none; 57 } 58 .lightdm.button:active, 59 .lightdm.button:active:focused, 60 .lightdm.button:focused, 61 62 .lightdm.entry { 63 background-image: none; 64 background-color: fade-out($black, .7); 65 border-color: fade-out($white, .4); 66 border-radius: 5px; 67 padding: 7px; 68 color: $white; 69 text-shadow: none; 70 } 71 .lightdm.entry:hover, 72 .lightdm.entry:active, 73 .lightdm.entry:active:focused { 74 background-image: none; 75 border-image: none; 76 } 77 .lightdm.entry:focused { 78 border-color: fade-out($white, .4); 79 border-width: 1px; 80 border-style: solid; 81 color: $white; 82 } 83 .lightdm.entry:selected { 84 background-color: fade-out($white, .8); 85 } 86 87 @keyframes dashentry_spinner { 88 to { -gtk-icon-transform: rotate(1turn); } 89 } 90 91 .lightdm.entry:active { 92 -gtk-icon-source: -gtk-icontheme("process-working-symbolic"); 93 animation: dashentry_spinner 1s infinite linear; 94 } 95 96 .lightdm.option-button { 97 padding: 5px; 98 background: none; 99 border: 0; 100 } 101 102 .lightdm.toggle-button { 103 background: none; 104 border-width: 0; 105 } 106 .lightdm.toggle-button.selected:hover { 107 background-color: fade-out($white, .7); 108 border-color: fade-out($white, .7); 109 border-width: 1px; 110 } 111 .lightdm.toggle-button.selected { 112 background-color: fade-out($black, .7); 113 border-color: fade-out($white, .7); 114 border-width: 1px; 115 } 116 }