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.62 kiB
ASCII text
        
            
1
// font families
2
$font-family: "M+ 1c", Roboto, Cantarell, Sans-Serif;
3
$large-font-family: Roboto, "M+ 1c", Cantarell, Sans-Serif;
4
5
// font sizes
6
$root-font-size: if($compact == 'false', 14px, 14px);
7
$subheading-size: if($compact == 'false', 16px, 15px);
8
9
// Override sizes
10
$menuitem_size: if($compact == 'false', 32px, 28px);
11
12
// durations
13
$panel_duration: 250ms;
14
15
// Override durations
16
$shorter_duration: 100ms;
17
$longer_duration: 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(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24);
28
$shadow_2: 0 3px 3px rgba(0, 0, 0, 0.16 * 1.5), 0 3px 3px rgba(0, 0, 0, 0.23 * 1.5);
29
$shadow_3: 0 10px 10px rgba(0, 0, 0, 0.19 * 1.5), 0 6px 3px rgba(0, 0, 0, 0.23 * 1.5);
30
$shadow_4: 0 14px 14px rgba(0, 0, 0, 0.25 * 2), 0 10px 5px rgba(0, 0, 0, 0.22 * 2);
31
$shadow_5: 0 19px 19px rgba(0, 0, 0, 0.30 * 2), 0 15px 6px rgba(0, 0, 0, 0.22 * 2);
32
33
// Override overlay colors
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($inverse-text, 0.08);
41
$inverse-overlay-focus: rgba($inverse-text, 0.12);
42
$inverse-overlay-focus-hover: rgba($inverse-text, 0.16);
43
$inverse-overlay-active: rgba($inverse-text, 0.08 + 0.12);
44
$inverse-overlay-checked: rgba($inverse-text, 0.24);
45