Elgg  Version 4.3
theme.php
Go to the documentation of this file.
1 <?php
2 
7 return [
8  // layout and shell
9  'body-background-color' => '#FFF',
10  'walled-garden-background-image' => 'graphics/walled_garden.jpg',
11 
12  // Typography
13  'font-size' => '16px', // global font size
14  'font-bold-weight' => '600', // weight of <strong> and <b> elements
15  'font-family' => 'BlinkMacSystemFont, -apple-system, "Segoe UI",' .
16  '"Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",' .
17  '"Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif', // global font family
18  'anchor-color' => '#0078ac',
19  'anchor-color-hover' => '#2d3047',
20  'h-font-family' => null, // defaults to 'font-family'
21  'h1-font-size' => '1.8rem',
22  'h2-font-size' => '1.5rem',
23  'h3-font-size' => '1.2rem',
24  'h4-font-size' => '1.0rem',
25  'h5-font-size' => '0.9rem',
26  'h6-font-size' => '0.8rem',
27 
28 
29  // element colors
30  'text-color-soft' => '#969696',
31  'text-color-mild' => '#7d7d7d',
32  'text-color-strong' => '#2d3047',
33  'text-color-highlight' => '#0078ac',
34 
35  'background-color-soft' => '#fafafa',
36  'background-color-mild' => '#e6e6ea',
37  'background-color-strong' => '#cfcfd2',
38  'background-color-highlight' => '#0078ac',
39 
40  'border-color-soft' => '#e6e6ea',
41  'border-color-mild' => '#dcdcdc',
42  'border-color-strong' => '#cfcfd2',
43  'border-color-highlight' => '#0078ac',
44 
45  // messages and notices
46  'state-success-font-color' => '#397f2e',
47  'state-success-background-color' => '#eaf8e8',
48  'state-success-border-color' => '#aadea2',
49 
50  'state-danger-font-color' => '#b94a48',
51  'state-danger-background-color' => '#f8e8e8',
52  'state-danger-border-color' => '#e5b7b5',
53 
54  'state-notice-font-color' => '#3b8bc9',
55  'state-notice-background-color' => '#e7f1f9',
56  'state-notice-border-color' => '#b1d1e9',
57 
58  'state-warning-font-color' => '#6b420f',
59  'state-warning-background-color' => '#fcf8e4',
60  'state-warning-border-color' => '#eddc7d',
61 
62  // buttons
63  'button-submit-background-color' => '#2d3047',
64  'button-submit-font-color' => '#ffffff',
65  'button-submit-background-color-hover' => '#0078ac',
66  'button-submit-font-color-hover' => '#ffffff',
67 
68  'button-action-background-color' => '#0078ac',
69  'button-action-font-color' => '#ffffff',
70  'button-action-background-color-hover' => '#2d3047',
71  'button-action-font-color-hover' => '#ffffff',
72 
73  'button-cancel-background-color' => '#e6e6ea',
74  'button-cancel-font-color' => '#2d3047',
75  'button-cancel-background-color-hover' => '#cfcfd2',
76  'button-cancel-font-color-hover' => '#2d3047',
77 
78  'button-delete-background-color' => '#e6e6ea',
79  'button-delete-font-color' => '#2d3047',
80  'button-delete-background-color-hover' => '#d33f49',
81  'button-delete-font-color-hover' => '#ffffff',
82 
83  // topbar
84  'topbar-background-color' => '#0078ac',
85  'topbar-indicator' => '#faa51a',
86 
87  // breakpoints
88  'tablet' => '50rem',
89  'desktop' => '80rem',
90  'media-phone-up' => 'screen and (min-width: 30rem)',
91  'media-tablet-up' => 'screen and (min-width: 50rem)',
92  'media-desktop-up' => 'screen and (min-width: 80rem)',
93  'media-mobile-only' => 'screen and (max-width: 50rem)',
94  'media-desktop-down' => 'screen and (max-width: 80rem)',
95  'media-tablet-only' => 'screen and (min-width: 50rem) and (max-width: 80rem)',
96 ];