_unity.scss
ASCII text
1
// based css:
2
// https://bazaar.launchpad.net/~ubuntu-art-pkg/ubuntu-themes/trunk/view/head:/Ambiance/gtk-3.20/apps/unity.css
3
4
/**
5
* Unity
6
*/
7
8
// Decorations
9
UnityDecoration {
10
-UnityDecoration-extents: 28px 0 0 0;
11
-UnityDecoration-input-extents: 8px;
12
13
-UnityDecoration-shadow-offset-x: 0;
14
-UnityDecoration-shadow-offset-y: 3px;
15
-UnityDecoration-active-shadow-color: rgba(black, .48);
16
-UnityDecoration-active-shadow-radius: 18px;
17
-UnityDecoration-inactive-shadow-color: rgba(black, .32);
18
-UnityDecoration-inactive-shadow-radius: 6px;
19
20
-UnityDecoration-glow-size: 8px;
21
-UnityDecoration-glow-color: $primary;
22
23
-UnityDecoration-title-indent: 4px;
24
-UnityDecoration-title-fade: 32px;
25
-UnityDecoration-title-alignment: 0.0;
26
27
.top {
28
padding: 0 2px;
29
border-style: none;
30
border-radius: $corner-radius $corner-radius 0 0;
31
box-shadow: inset 0 1px highlight($titlebar);
32
background-color: $titlebar;
33
color: $on-titlebar;
34
35
&:backdrop {
36
background-color: $titlebar-backdrop;
37
color: hint($on-titlebar);
38
}
39
}
40
41
.left,
42
.right {
43
}
44
45
.bottom {
46
}
47
48
.menuitem {
49
border-radius: $corner-radius $corner-radius 0 0;
50
box-shadow: none; // Don't inherit from .top
51
color: hint($on-titlebar);
52
53
&:hover {
54
background-color: overlay("activated", $on-titlebar);
55
color: $on-titlebar;
56
}
57
}
58
}
59
60
.background:not(.csd) headerbar:not(.titlebar) {
61
border-radius: 0;
62
box-shadow: $shadow-z1;
63
64
&.inline-toolbar {
65
border-style: none;
66
}
67
}
68
69
sheet-style-dialog.unity-force-quit {
70
// background-color: $surface-z0;
71
}
72
73
// Panel Style
74
UnityPanelWidget,
75
.unity-panel {
76
background-color: $panel-solid;
77
color: $on-panel-solid;
78
79
&:backdrop {
80
color: hint($on-panel-solid);
81
}
82
}
83
84
.unity-panel.menubar,
85
.unity-panel .menubar {
86
}
87
88
.unity-panel.menuitem,
89
.unity-panel .menuitem {
90
color: hint($on-panel-solid);
91
}
92
93
.unity-panel.menubar.menuitem:hover,
94
.unity-panel.menubar .menuitem *:hover {
95
background-color: overlay("activated", $on-panel-solid);
96
color: $on-panel-solid;
97
}
98
99
.menu IdoPlaybackMenuItem.menuitem:active {
100
-gtk-icon-source: -gtk-icontheme('process-working-symbolic');
101
animation: spin 1s linear infinite;
102
color: $primary;
103
}
104