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