_unity.scss 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  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. /* Border properties (top, right, bottom, left) */
  10. -UnityDecoration-extents: 28px 1px 1px 1px;/* the size of the decorations */
  11. -UnityDecoration-input-extents: 10px;/* the extra size of the input areas */
  12. /* Shadows settings */
  13. -UnityDecoration-shadow-offset-x: 1px;/* Size property, the shadow x offset */
  14. -UnityDecoration-shadow-offset-y: 1px;/* Size property, the shadow y offset */
  15. -UnityDecoration-active-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, active window shadow color */
  16. -UnityDecoration-active-shadow-radius: 8px;/* Size property, active window shadow radius */
  17. -UnityDecoration-inactive-shadow-color: rgba (0, 0, 0, 0.647);/* Color property, inactive windows shadow color */
  18. -UnityDecoration-inactive-shadow-radius: 5px;/* Size property, inactive windows shadow radius */
  19. /* Glow applied to the selected scaled window */
  20. -UnityDecoration-glow-size: 8px;/* Size property, size of glow */
  21. -UnityDecoration-glow-color: $selected_bg_color;/* Color property of the glow */
  22. /* Title settings */
  23. -UnityDecoration-title-indent: 10px;/* Size property, left indent of the title */
  24. -UnityDecoration-title-fade: 35px;/* Size property, space of the title that can be faded */
  25. -UnityDecoration-title-alignment: 0.0;/* Float from 0.0 to 1.0, to align the title */
  26. background-color: $unity_color;
  27. color: $unity_text_color;
  28. .top {
  29. padding: 0 5px 0 5px;
  30. border-radius: 4px 4px 0px 0px;
  31. box-shadow: none;
  32. border: 1px solid $unity_color;
  33. border-bottom-width: 0;
  34. background-color: $unity_color;
  35. color: $unity_text_color;
  36. border-top: 1px solid rgba(255,255,255,0.1);
  37. &:backdrop {
  38. border-bottom-width: 0;
  39. color: $backdrop_unity_text_color;
  40. border-top: 1px solid rgba(255,255,255,0.1);
  41. }
  42. .menuitem {
  43. color: $unity_text_color;
  44. &:backdrop {
  45. color: $backdrop_unity_text_color;
  46. }
  47. }
  48. }
  49. }
  50. UnityDecoration.left,
  51. UnityDecoration.right {
  52. background-repeat: repeat-x;
  53. background-color: darken($unity_color, 0.6);
  54. background-size: 1px 120px;
  55. background-clip: border-box;
  56. background-image: linear-gradient(to bottom,
  57. $unity_color,
  58. darken($unity_color, 0.6)
  59. );
  60. }
  61. UnityDecoration.bottom {
  62. background-size: 1px;
  63. background-repeat: repeat-x;
  64. background-color: darken($unity_color, 0.6);
  65. }
  66. UnityDecoration.left:backdrop,
  67. UnityDecoration.right:backdrop,
  68. UnityDecoration.bottom:backdrop {
  69. background-size: 1px;
  70. background-repeat: repeat-x;
  71. }
  72. /**************
  73. * Unity Panel *
  74. ***************/
  75. UnityPanelWidget,
  76. .unity-panel {
  77. background-color: $unity_panel_color;
  78. color: $unity_text_color;
  79. }
  80. UnityPanelWidget:backdrop,
  81. .unity-panel:backdrop {
  82. color: $backdrop_unity_text_color;
  83. }
  84. .unity-panel.menuitem,
  85. .unity-panel .menuitem {
  86. border-width: 0 1px;
  87. color: $unity_text_color;
  88. }
  89. .unity-panel.menubar,
  90. .unity-panel .menubar {
  91. color: $unity_text_color;
  92. }
  93. .unity-panel.menu.menubar,
  94. .unity-panel .menu .menubar {
  95. background-color: $unity_panel_color;
  96. color: $unity_text_color;
  97. }
  98. .unity-panel.menubar:backdrop,
  99. .unity-panel .menubar *:backdrop {
  100. color: $backdrop_fg_color;
  101. }
  102. .unity-panel.menubar.menuitem,
  103. .unity-panel.menubar .menuitem {
  104. padding: 3px 5px;
  105. border-width: 1px;
  106. border-style: solid;
  107. border: none;
  108. background: none;
  109. color: $unity_text_color;
  110. box-shadow: none;
  111. }
  112. .unity-panel.menubar.menuitem:hover,
  113. .unity-panel.menubar .menuitem:hover {
  114. border-radius: 0;
  115. background-color: darken($unity_color, 1.05);
  116. color: $unity_text_color;
  117. box-shadow: none;
  118. }
  119. .unity-panel.menubar .menuitem *:hover {
  120. color: white;
  121. box-shadow: none;
  122. }
  123. .unity-panel.menubar .menuitem.separator,
  124. .unity-panel.menubar.menuitem.separator {
  125. border: none;
  126. color: $borders_color;
  127. }
  128. /* Force Quit */
  129. SheetStyleDialog.unity-force-quit {
  130. background-color: $base_color;
  131. }
  132. @keyframes playbackmenuitem_spinner {
  133. to { -gtk-icon-transform: rotate(1turn); }
  134. }
  135. .menu IdoPlaybackMenuItem.menuitem:active {
  136. -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
  137. animation: playbackmenuitem_spinner 1s infinite linear;
  138. color: $selected_bg_color;
  139. }