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