A fork of the Materia GTK theme.

By using this site, you agree to have cookies stored on your device, strictly for functional purposes, such as storing your session and preferences.

Dismiss

 _dash.scss

View raw Download
text/plain • 1.96 kiB
ASCII text
        
            
1
/* Dash */
2
3
@use "../../../../theme";
4
@use "../../../../theme-color";
5
@use "../../../../shadow";
6
@use "../../gnome-shell";
7
@use "overview";
8
9
$spacing: 6px;
10
$margin: 12px;
11
12
#dash {
13
font-size: 1em;
14
15
@if gnome-shell.$version >= 40 {
16
margin-top: 0;
17
padding: $margin $margin 0;
18
19
.overview-icon {
20
// Same as normal .overview-icon
21
padding: 6px;
22
}
23
} @else {
24
@include overview.panel;
25
padding: ($spacing / 2) 0;
26
border-left-width: 0;
27
border-radius: 0 theme.$corner-radius theme.$corner-radius 0;
28
29
&:rtl {
30
border-right-width: 0;
31
border-radius: theme.$corner-radius 0 0 theme.$corner-radius;
32
}
33
}
34
35
.placeholder {
36
height: 24px;
37
background-image: url("assets/dash-placeholder.svg");
38
background-size: contain;
39
}
40
41
.empty-dash-drop-target {
42
width: 24px;
43
height: 24px;
44
}
45
}
46
47
@if gnome-shell.$version >= 40 {
48
.dash-background {
49
margin-bottom: 0;
50
padding: $spacing ($spacing / 2);
51
border-radius: theme.$corner-radius theme.$corner-radius 0 0;
52
background-color: theme-color.fill(overview.$on-color);
53
}
54
55
// Dash Items
56
.dash-item-container .app-well-app,
57
.show-apps {
58
padding: $spacing ($spacing / 2);
59
}
60
61
.dash-separator {
62
width: 1px;
63
margin: $spacing ($spacing / 2);
64
background-color: theme-color.stroke(overview.$on-color);
65
}
66
} @else {
67
// Dash Items
68
.dash-item-container > StWidget {
69
padding: ($spacing / 2) $spacing;
70
}
71
}
72
73
// OSD Tooltip
74
.dash-label {
75
// min-height: 32px - 6px * 2;
76
padding: 7px 8px;
77
border: 0;
78
border-radius: theme.$corner-radius;
79
box-shadow: shadow.$z4;
80
background-color: theme-color.$surface-z8;
81
color: theme-color.$on-surface;
82
text-align: center;
83
84
// distance from the dash edge
85
@if gnome-shell.$version >= 40 {
86
-y-offset: 8px;
87
} @else {
88
-x-offset: 8px;
89
}
90
}
91
92
// Show apps button
93
.show-apps {
94
@include overview.icon;
95
color: theme-color.hint(overview.$on-color);
96
97
&:checked {
98
color: overview.$on-color;
99
}
100
}
101