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