gtk-4.0/apps/_unity.scss 3.2 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
  background-color: $unity_color;
13
  color: $unity_text_color;
14
15
  .top {
16
    padding: 0 5px 0 5px;
17
    border-radius: 4px 4px 0px 0px;
18
    box-shadow: none;
19
    border: 1px solid $unity_color;
20
    border-bottom-width: 0;
21
    background-color: $unity_color;
22
    color: $unity_text_color;
23
    border-top: 1px solid rgba(255,255,255,0.1);
24
25
    &:backdrop {
26
      border-bottom-width: 0;
27
      color: $backdrop_unity_text_color;
28
      border-top: 1px solid rgba(255,255,255,0.1);
29
    }
30
31
    .menuitem {
32
      color: $unity_text_color;
33
34
      &:backdrop {
35
        color: $backdrop_unity_text_color;
36
      }
37
    }
38
  }
39
}
40
41
42
UnityDecoration.left,
43
UnityDecoration.right {
44
  background-repeat: repeat-x;
45
  background-color: darken($unity_color, 0.6);
46
  background-size: 1px 120px;
47
  background-clip: border-box;
48
  background-image: linear-gradient(to bottom,
49
                                    $unity_color,
50
                                    darken($unity_color, 0.6)
51
                                    );
52
}
53
54
UnityDecoration.bottom {
55
  background-size: 1px;
56
  background-repeat: repeat-x;
57
  background-color: darken($unity_color, 0.6);
58
}
59
60
UnityDecoration.left:backdrop,
61
UnityDecoration.right:backdrop,
62
UnityDecoration.bottom:backdrop {
63
  background-size: 1px;
64
  background-repeat: repeat-x;
65
}
66
67
68
/**************
69
* Unity Panel *
70
***************/
71
72
UnityPanelWidget,
73
.unity-panel {
74
background-color: $unity_panel_color;
75
color: $unity_text_color;
76
}
77
78
79
UnityPanelWidget:backdrop,
80
.unity-panel:backdrop {
81
  color: $backdrop_unity_text_color;
82
}
83
84
.unity-panel.menuitem,
85
.unity-panel .menuitem {
86
  border-width: 0 1px;
87
  color: $unity_text_color;
88
}
89
90
.unity-panel.menubar,
91
.unity-panel .menubar {
92
  color: $unity_text_color;
93
}
94
95
.unity-panel.menu.menubar,
96
.unity-panel .menu .menubar {
97
  background-color: $unity_panel_color;
98
  color: $unity_text_color;
99
}
100
101
.unity-panel.menubar:backdrop,
102
.unity-panel .menubar *:backdrop {
103
  color: $backdrop_fg_color;
104
}
105
106
.unity-panel.menubar.menuitem,
107
.unity-panel.menubar .menuitem {
108
  padding: 3px 5px;
109
  border-width: 1px;
110
  border-style: solid;
111
  border: none;
112
  background: none;
113
  color: $unity_text_color;
114
  box-shadow: none;
115
}
116
117
.unity-panel.menubar.menuitem:hover,
118
.unity-panel.menubar .menuitem:hover {
119
  border-radius: 0;
120
  background-color: darken($unity_color, 1.05);
121
  color: $unity_text_color;
122
  box-shadow: none;
123
}
124
125
.unity-panel.menubar .menuitem *:hover {
126
  color: white;
127
  box-shadow: none;
128
}
129
130
.unity-panel.menubar .menuitem.separator,
131
.unity-panel.menubar.menuitem.separator {
132
  border: none;
133
  color: $borders_color;
134
}
135
136
/* Force Quit */
137
SheetStyleDialog.unity-force-quit {
138
   background-color: $base_color;
139
}
140
141
142
@keyframes playbackmenuitem_spinner {
143
  to { -gtk-icon-transform: rotate(1turn); }
144
}
145
146
.menu IdoPlaybackMenuItem.menuitem:active {
147
  -gtk-icon-source: -gtk-icontheme("process-working-symbolic");
148
  animation: playbackmenuitem_spinner 1s infinite linear;
149
  color: $selected_bg_color;
150
}