A fork of the Materia GTK theme.

Important information: Google announced that, from September 2026, Android devices will require ALL apps to be signed by Google, effectively leading to an iOS situation. Value your right to a computer that does what you want; do not tolerate this monopolistic practice! Contact me if you don't understand why it is bad. Click to learn more.

 _variables.scss

View raw Download
text/plain • 1.19 kiB
ASCII text
        
            
1
//
2
// Font families
3
//
4
5
$font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
6
$font-family-large: Roboto, "M+ 1c", Cantarell, Sans-Serif;
7
8
//
9
// Font sizes
10
//
11
12
$font-size: if($compact == 'false', 14px, 14px);
13
$font-size-subheading: if($compact == 'false', 16px, 15px);
14
15
//
16
// Override sizes
17
//
18
19
$menuitem-size: if($compact == 'false', 32px, 28px);
20
$panel-button-hpadding: if($compact == 'false', 12px, 8px);
21
22
//
23
// Override durations; since St does not support transition-timing-function
24
//
25
26
$duration: 100ms;
27
$duration-ripple: 200ms;
28
$duration-panel: 250ms;
29
30
//
31
// Override shadows
32
//
33
34
// This should be none, but it's creating some issues with borders, so to
35
// workaround it for now, use inset wich goes through a different code path.
36
// see https://bugzilla.gnome.org/show_bug.cgi?id=752934
37
$shadow-0: 0 0 transparent;
38
39
$shadow-1: 0 1px 1.5px rgba(black, 0.12), 0 1px 1px rgba(black, 0.24);
40
$shadow-2: 0 3px 3px rgba(black, 0.16 * 1.5), 0 3px 3px rgba(black, 0.23 * 1.5);
41
$shadow-3: 0 10px 10px rgba(black, 0.19 * 1.5), 0 6px 3px rgba(black, 0.23 * 1.5);
42
$shadow-4: 0 14px 14px rgba(black, 0.25 * 2), 0 10px 5px rgba(black, 0.22 * 2);
43
$shadow-5: 0 19px 19px rgba(black, 0.30 * 2), 0 15px 6px rgba(black, 0.22 * 2);
44