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