selection-mode.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. /******************
  2. * selection mode *
  3. ******************/
  4. .selection-mode.header-bar,
  5. .selection-mode.toolbar {
  6. border-style: solid;
  7. border-color: shade(@selected_bg_color, 0.8);
  8. background-color: shade(@selected_bg_color, 0.9);
  9. background-image: none;
  10. color: @base_color;
  11. }
  12. .selection-mode.header-bar {
  13. border-top-color: @selected_bg_color;
  14. }
  15. .selection-mode.toolbar {
  16. padding: 4px;
  17. }
  18. /* regular button */
  19. .selection-mode.header-bar .button,
  20. .selection-mode.toolbar .button,
  21. .selection-mode.toolbar GtkToolButton .button {
  22. background-color: @selected_bg_color;
  23. background-image: none;
  24. color: @selected_fg_color;
  25. }
  26. .selection-mode.header-bar .button:hover,
  27. .selection-mode.toolbar .button:hover,
  28. .selection-mode.toolbar GtkToolButton .button:hover {
  29. background-color: shade(@selected_bg_color, 1.1);
  30. background-image: none;
  31. }
  32. .selection-mode.header-bar .button:active,
  33. .selection-mode.toolbar .button:active,
  34. .selection-mode.toolbar GtkToolButton .button:active {
  35. background-color: shade(@selected_bg_color, 1.2);
  36. background-image: none;
  37. }
  38. .selection-mode.header-bar .button:hover:active,
  39. .selection-mode.toolbar .button:hover:active,
  40. .selection-mode.toolbar GtkToolButton .button:hover:active {
  41. color: @theme_selected_fg_color;
  42. }
  43. /* suggested button */
  44. .selection-mode.header-bar .suggested-action.button,
  45. .selection-mode.toolbar .suggested-action.button,
  46. .selection-mode.toolbar GtkToolButton.suggested-action .button {
  47. border: none;
  48. background-color: shade(@selected_bg_color, 1.1);
  49. background-image: none;
  50. color: @theme_selected_fg_color;
  51. }
  52. .selection-mode.header-bar .suggested-action.button:hover,
  53. .selection-mode.toolbar .suggested-action.button:hover,
  54. .selection-mode.toolbar GtkToolButton.suggested-action .button:hover {
  55. background-color: shade(@selected_bg_color, 1.20);
  56. background-image: none;
  57. }
  58. .selection-mode.header-bar .suggested-action.button:active,
  59. .selection-mode.toolbar .suggested-action.button:active,
  60. .selection-mode.toolbar GtkToolButton.suggested-action:active {
  61. background-color: shade(@theme_selected_bg_color, 1.3);
  62. background-image: none;
  63. }
  64. /* menu button */
  65. .selection-mode.header-bar .selection-menu.button,
  66. .selection-mode.toolbar .selection-menu.button {
  67. border-style: none;
  68. background-color: transparent;
  69. background-image: none;
  70. color: shade(@selected_bg_color, 0.6);
  71. }
  72. .selection-mode.toolbar .dim-label,
  73. .selection-mode.toolbar .selection-menu.button .dim-label {
  74. color: shade(@selected_bg_color, 0.7);
  75. }
  76. .selection-mode.header-bar .selection-menu.button:hover,
  77. .selection-mode.toolbar .dim-label:hover,
  78. .selection-mode.toolbar .selection-menu.button:hover,
  79. .selection-mode.toolbar .selection-menu.button .dim-label:hover {
  80. color: shade(@selected_bg_color, 0.7);
  81. }
  82. .selection-mode.header-bar .selection-menu.button:active,
  83. .selection-mode.toolbar .selection-menu.button:active {
  84. color: shade(@selected_bg_color, 0.8);
  85. box-shadow: none;
  86. }