styles_helper.php — LatePoint – Calendar Booking Plugin for Appointments and Events 5.2.11

latepoint / lib / helpers / styles_helper.php

latepoint / lib / helpers Last commit date

styles_helper.php

122 lines

1	<?php
2
3	class OsStylesHelper {
4	public static function generate_css_variables(): string {
5	$css = '';
6	$color_scheme = OsSettingsHelper::get_booking_form_color_scheme();
7	$border_radius = OsSettingsHelper::get_booking_form_border_radius();
8	$default_css_variables = [
9	'--latepoint-brand-primary' => '#1d7bff',
10	'--latepoint-body-color' => '#1f222b',
11	'--latepoint-headings-color' => '#14161d',
12	'--latepoint-color-text-faded' => '#7c85a3',
13	'--latepoint-timeslot-selected-color' => 'var(--latepoint-brand-primary)',
14	'--latepoint-calendar-weekday-label-color' => 'var(--latepoint-headings-color)',
15	'--latepoint-calendar-weekday-label-bg' => '#fff',
16	'--latepoint-side-panel-bg' => '#fff',
17	'--latepoint-summary-panel-bg' => '#fff',
18	'--latepoint-border-radius' => ( $border_radius == 'flat' ) ? '0px' : '8px',
19	'--latepoint-border-radius-sm' => ( $border_radius == 'flat' ) ? '0px' : '4px',
20	'--latepoint-border-radius-md' => ( $border_radius == 'flat' ) ? '0px' : '12px',
21	'--latepoint-border-radius-lg' => ( $border_radius == 'flat' ) ? '0px' : '16px',
22	];
23	$override_css_variables = [];
24	switch ( $color_scheme ) {
25	case 'blue':
26	$override_css_variables = [
27	'--latepoint-brand-primary' => '#1d7bff',
28	'--latepoint-body-color' => '#1f222b',
29	'--latepoint-headings-color' => '#14161d',
30	'--latepoint-color-text-faded' => '#7c85a3',
31	'--latepoint-side-panel-bg' => '#fff',
32	'--latepoint-summary-panel-bg' => '#fff',
33	];
34	break;
35	case 'purple':
36	$override_css_variables = [
37	'--latepoint-brand-primary' => '#a32f96',
38	'--latepoint-headings-color' => '#14161d',
39	'--latepoint-color-text-faded' => '#a58eb3',
40	'--latepoint-timeslot-selected-color' => '--latepoint-brand-primary',
41	'--latepoint-side-panel-bg' => '#fcf1fd',
42	'--latepoint-summary-panel-bg' => '#fcf1fd',
43	];
44	break;
45
46	case 'green':
47	$override_css_variables = [
48	'--latepoint-brand-primary' => '#1ca00f',
49	'--latepoint-headings-color' => '#14161d',
50	'--latepoint-color-text-faded' => 'desaturate(lighten(--latepoint-brand-primary, 15%), 70%)',
51	'--latepoint-timeslot-selected-color' => '--latepoint-brand-primary',
52	'--latepoint-side-panel-bg' => '#f0fff4',
53	'--latepoint-summary-panel-bg' => '#f0fff4',
54	];
55	break;
56
57	case 'red':
58	$override_css_variables = [
59	'--latepoint-brand-primary' => '#F34747',
60	'--latepoint-headings-color' => '#14161d',
61	'--latepoint-color-text-faded' => 'desaturate(lighten(--latepoint-brand-primary, 15%), 70%)',
62	'--latepoint-timeslot-selected-color' => '#1449ff',
63	'--latepoint-side-panel-bg' => '#fdf1f1',
64	'--latepoint-summary-panel-bg' => '#fdf1f1',
65	];
66	break;
67
68	case 'black':
69	$override_css_variables = [
70	'--latepoint-brand-primary' => '#222',
71	'--latepoint-headings-color' => '#14161d',
72	'--latepoint-color-text-faded' => '#999',
73	'--latepoint-timeslot-selected-color' => '--latepoint-brand-primary',
74	'--latepoint-side-panel-bg' => '#fff',
75	'--latepoint-summary-panel-bg' => '#fff',
76	];
77	break;
78
79	case 'teal':
80	$override_css_variables = [
81	'--latepoint-brand-primary' => '#0f8c77',
82	'--latepoint-headings-color' => '#14161d',
83	'--latepoint-color-text-faded' => 'desaturate(lighten(--latepoint-brand-primary, 15%), 70%)',
84	'--latepoint-timeslot-selected-color' => '--latepoint-brand-primary',
85	'--latepoint-side-panel-bg' => '#edf8f9',
86	'--latepoint-summary-panel-bg' => '#edf8f9',
87	];
88	break;
89
90	case 'orange':
91	$override_css_variables = [
92	'--latepoint-brand-primary' => '#cc7424',
93	'--latepoint-headings-color' => '#14161d',
94	'--latepoint-color-text-faded' => 'desaturate(lighten(--latepoint-brand-primary, 15%), 70%)',
95	'--latepoint-timeslot-selected-color' => '--latepoint-brand-primary',
96	'--latepoint-side-panel-bg' => '#fffbf3',
97	'--latepoint-summary-panel-bg' => '#fffbf3',
98	];
99	break;
100	case 'custom':
101	$custom_primary_color = OsSettingsHelper::get_settings_value( 'custom_brand_primary_color', '#000000' );
102
103	$override_css_variables = [
104	'--latepoint-brand-primary' => $custom_primary_color,
105	'--latepoint-timeslot-selected-color' => '--latepoint-brand-primary',
106	'--latepoint-side-panel-bg' => '#fff',
107	'--latepoint-summary-panel-bg' => '#fff',
108	];
109	break;
110
111	}
112	$css_variables = array_merge( $default_css_variables, $override_css_variables );
113	$css .= ':root {';
114	foreach ( $css_variables as $variable_name => $variable_value ) {
115	$css .= $variable_name . ':' . $variable_value . ';';
116	}
117	$css .= '}';
118
119	return $css;
120	}
121	}
122