_unity.scss 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. /********
  2. * Unity *
  3. *********/
  4. $unity_color: #31363D; /* Unity window border color */
  5. $unity_text_color: #fefefe; /* Unity window text color */
  6. $backdrop_unity_text_color: darken($unity_text_color,10%); /* Backdrop Unity window text color */
  7. $unity_panel_color: darken($unity_color, 10%); /* Unity panel color #454D50 */
  8. UnityDecoration {
  9. background-color: $unity_color;
  10. color: $unity_text_color;
  11. .top {
  12. padding: 0 5px 0 5px;
  13. border-radius: 4px 4px 0px 0px;
  14. box-shadow: none;
  15. border: 1px solid $unity_color;
  16. border-bottom-width: 0;
  17. background-color: $unity_color;
  18. color: $unity_text_color;
  19. border-top: 1px solid rgba(255,255,255,0.1);
  20. &:backdrop {
  21. border-bottom-width: 0;
  22. color: $backdrop_unity_text_color;
  23. border-top: 1px solid rgba(255,255,255,0.1);
  24. }
  25. .menuitem {
  26. color: $unity_text_color;
  27. &:backdrop {
  28. color: $backdrop_unity_text_color;
  29. }
  30. }
  31. }
  32. }
  33. UnityDecoration.left,
  34. UnityDecoration.right {
  35. background-repeat: repeat-x;
  36. background-color: darken($unity_color, 0.6);
  37. background-size: 1px 120px;
  38. background-clip: border-box;
  39. background-image: linear-gradient(to bottom,
  40. $unity_color,
  41. darken($unity_color, 0.6)
  42. );
  43. }
  44. UnityDecoration.bottom {
  45. background-size: 1px;
  46. background-repeat: repeat-x;
  47. background-color: darken($unity_color, 0.6);
  48. }
  49. UnityDecoration.left:backdrop,
  50. UnityDecoration.right:backdrop,
  51. UnityDecoration.bottom:backdrop {
  52. background-size: 1px;
  53. background-repeat: repeat-x;
  54. }
  55. /**************
  56. * Unity Panel *
  57. ***************/
  58. UnityPanelWidget,
  59. .unity-panel {
  60. background-color: $unity_panel_color;
  61. color: $unity_text_color;
  62. }
  63. UnityPanelWidget:backdrop,
  64. .unity-panel:backdrop {
  65. color: $backdrop_unity_text_color;
  66. }
  67. .unity-panel.menuitem,
  68. .unity-panel .menuitem {
  69. border-width: 0 1px;
  70. color: $unity_text_color;
  71. }
  72. .unity-panel.menubar,
  73. .unity-panel .menubar {
  74. color: $unity_text_color;
  75. }
  76. .unity-panel.menu.menubar,
  77. .unity-panel .menu .menubar {
  78. background-color: $unity_panel_color;
  79. color: $unity_text_color;
  80. }
  81. .unity-panel.menubar:backdrop,
  82. .unity-panel .menubar *:backdrop {
  83. color: $backdrop_fg_color;
  84. }
  85. .unity-panel.menubar.menuitem,
  86. .unity-panel.menubar .menuitem {
  87. padding: 3px 5px;
  88. border-width: 1px;
  89. border-style: solid;
  90. border: none;
  91. background: none;
  92. color: $unity_text_color;
  93. box-shadow: none;
  94. }
  95. .unity-panel.menubar.menuitem:hover,
  96. .unity-panel.menubar .menuitem:hover {
  97. border-radius: 0;
  98. background-color: darken($unity_color, 1.05);
  99. color: $unity_text_color;
  100. box-shadow: none;
  101. }
  102. .unity-panel.menubar .menuitem *:hover {
  103. color: white;
  104. box-shadow: none;
  105. }
  106. .unity-panel.menubar .menuitem.separator,
  107. .unity-panel.menubar.menuitem.separator {
  108. border: none;
  109. color: $borders_color;
  110. }
  111. /* Force Quit */
  112. SheetStyleDialog.unity-force-quit {
  113. background-color: $base_color;
  114. }
  115. @keyframes playbackmenuitem_spinner {
  116. to { -gtk-icon-transform: rotate(1turn); }
  117. }
  118. .menu IdoPlaybackMenuItem.menuitem:active {
  119. -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
  120. animation: playbackmenuitem_spinner 1s infinite linear;
  121. color: $selected_bg_color;
  122. }