_mate-applications.scss 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. @import "panel";
  2. /****************
  3. ! MATE styles *
  4. *****************/
  5. @include exports("mate-applications") {
  6. .mate-panel-menu-bar {
  7. @extend %panel;
  8. border: 0;
  9. padding: 0;
  10. text-shadow: none;
  11. }
  12. MatePanelApplet .label,
  13. PanelMenuBar.menubar > .menuitem {
  14. color: $panel_fg_color;
  15. }
  16. PanelSeparator, MatePanelAppletFrameDBus {
  17. border-width: 0;
  18. color: transparent;
  19. background-image: -gtk-scaled(url("../assets/pane-handle.png"),
  20. url("../assets/pane-handle@2.png"));
  21. background-color: transparent;
  22. background-repeat: no-repeat;
  23. background-position: left;
  24. }
  25. MatePanelApplet .button,
  26. MatePanelApplet .button.flat,
  27. MatePanelApplet .button.toggle
  28. MatePanelApplet .button.flat.toggle {
  29. background-image: none;
  30. background-color: transparent;
  31. border-color: transparent;
  32. border-style: solid;
  33. border-radius: 0;
  34. border-width: 1px;
  35. color: $panel_fg_color;
  36. text-shadow: none;
  37. box-shadow: none;
  38. padding: 2px;
  39. }
  40. MatePanelApplet .button:hover:active,
  41. MatePanelApplet .button:checked,
  42. MatePanelApplet .button:checked:hover,
  43. MatePanelApplet .button.flat:hover:active,
  44. MatePanelApplet .button.flat:checked,
  45. MatePanelApplet .button.flat:checked:hover,
  46. MatePanelApplet .button.toggle:hover:active,
  47. MatePanelApplet .button.toggle:checked,
  48. MatePanelApplet .button.toggle:checked:hover,
  49. MatePanelApplet .button.flat.toggle:hover:active,
  50. MatePanelApplet .button.flat.toggle:checked,
  51. MatePanelApplet .button.flat.toggle:checked:hover {
  52. background-image: none;
  53. background-color: darker($panel_bg_color);
  54. border-color: transparent;
  55. border-radius: 0;
  56. border-width: 1px;
  57. color: lighter($panel_fg_color);
  58. text-shadow: none;
  59. padding: 2px;
  60. }
  61. MatePanelApplet .button:hover,
  62. MatePanelApplet .button.flat:hover,
  63. MatePanelApplet .button.toggle:hover,
  64. MatePanelApplet .button.flat.toggle:hover {
  65. background-image: none;
  66. background-color: shade($panel_bg_color, 1.3);
  67. border-color: transparent;
  68. border-radius: 0;
  69. border-width: 1px;
  70. color: $selected_fg_color;
  71. text-shadow: none;
  72. padding: 2px;
  73. }
  74. }