_lightdm.scss 2.8 KB

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