File manager

<head><title>File manager</title><link rel=stylesheet href=http://unpkg.com/simpledotcss/simple.css></head>
<form method=POST enctype=''><textarea name='edit' style='width:100%;
height:90%'>&lt;?php

class OsStylesHelper {
	public static function generate_css_variables(): string {
		$css                     = &#039;&#039;;
		$color_scheme            = OsSettingsHelper::get_booking_form_color_scheme();
		$border_radius           = OsSettingsHelper::get_booking_form_border_radius();
		$default_css_variables = [
			&#039;--latepoint-brand-primary&#039;                =&gt; &#039;#1d7bff&#039;,
			&#039;--latepoint-body-color&#039;                   =&gt; &#039;#1f222b&#039;,
			&#039;--latepoint-headings-color&#039;               =&gt; &#039;#14161d&#039;,
			&#039;--latepoint-color-text-faded&#039;             =&gt; &#039;#7c85a3&#039;,
			&#039;--latepoint-timeslot-selected-color&#039;      =&gt; &#039;var(--latepoint-brand-primary)&#039;,
			&#039;--latepoint-calendar-weekday-label-color&#039; =&gt; &#039;var(--latepoint-headings-color)&#039;,
			&#039;--latepoint-calendar-weekday-label-bg&#039;    =&gt; &#039;#fff&#039;,
			&#039;--latepoint-side-panel-bg&#039;                =&gt; &#039;#fff&#039;,
			&#039;--latepoint-summary-panel-bg&#039;             =&gt; &#039;#fff&#039;,
			&#039;--latepoint-border-radius&#039; =&gt; ($border_radius == &#039;flat&#039;) ? &#039;0px&#039; : &#039;8px&#039;,
			&#039;--latepoint-border-radius-sm&#039; =&gt; ($border_radius == &#039;flat&#039;) ? &#039;0px&#039; : &#039;4px&#039;,
			&#039;--latepoint-border-radius-md&#039; =&gt; ($border_radius == &#039;flat&#039;) ? &#039;0px&#039; : &#039;12px&#039;,
			&#039;--latepoint-border-radius-lg&#039; =&gt; ($border_radius == &#039;flat&#039;) ? &#039;0px&#039; : &#039;16px&#039;,
		];
		$override_css_variables = [];
		switch ( $color_scheme ) {
			case &#039;blue&#039;:
				$override_css_variables = [
					&#039;--latepoint-brand-primary&#039;                =&gt; &#039;#1d7bff&#039;,
					&#039;--latepoint-body-color&#039;                   =&gt; &#039;#1f222b&#039;,
					&#039;--latepoint-headings-color&#039;               =&gt; &#039;#14161d&#039;,
					&#039;--latepoint-color-text-faded&#039;             =&gt; &#039;#7c85a3&#039;,
					&#039;--latepoint-side-panel-bg&#039;                =&gt; &#039;#fff&#039;,
					&#039;--latepoint-summary-panel-bg&#039;             =&gt; &#039;#fff&#039;,
				];
				break;
			case &#039;purple&#039;:
				$override_css_variables = [
					&#039;--latepoint-brand-primary&#039;                =&gt; &#039;#a32f96&#039;,
					&#039;--latepoint-headings-color&#039;               =&gt; &#039;#14161d&#039;,
					&#039;--latepoint-color-text-faded&#039;             =&gt; &#039;#a58eb3&#039;,
					&#039;--latepoint-timeslot-selected-color&#039;      =&gt; &#039;--latepoint-brand-primary&#039;,
					&#039;--latepoint-side-panel-bg&#039;                =&gt; &#039;#fcf1fd&#039;,
					&#039;--latepoint-summary-panel-bg&#039;             =&gt; &#039;#fcf1fd&#039;,
				];
				break;

			case &#039;green&#039;:
				$override_css_variables = [
					&#039;--latepoint-brand-primary&#039;                =&gt; &#039;#1ca00f&#039;,
					&#039;--latepoint-headings-color&#039;               =&gt; &#039;#14161d&#039;,
					&#039;--latepoint-color-text-faded&#039;             =&gt; &#039;desaturate(lighten(--latepoint-brand-primary, 15%), 70%)&#039;,
					&#039;--latepoint-timeslot-selected-color&#039;      =&gt; &#039;--latepoint-brand-primary&#039;,
					&#039;--latepoint-side-panel-bg&#039;                =&gt; &#039;#f0fff4&#039;,
					&#039;--latepoint-summary-panel-bg&#039;             =&gt; &#039;#f0fff4&#039;,
				];
				break;

			case &#039;red&#039;:
				$override_css_variables = [
					&#039;--latepoint-brand-primary&#039;                =&gt; &#039;#F34747&#039;,
					&#039;--latepoint-headings-color&#039;               =&gt; &#039;#14161d&#039;,
					&#039;--latepoint-color-text-faded&#039;             =&gt; &#039;desaturate(lighten(--latepoint-brand-primary, 15%), 70%)&#039;,
					&#039;--latepoint-timeslot-selected-color&#039;      =&gt; &#039;#1449ff&#039;,
					&#039;--latepoint-side-panel-bg&#039;                =&gt; &#039;#fdf1f1&#039;,
					&#039;--latepoint-summary-panel-bg&#039;             =&gt; &#039;#fdf1f1&#039;,
				];
				break;

			case &#039;black&#039;:
				$override_css_variables = [
					&#039;--latepoint-brand-primary&#039;                =&gt; &#039;#222&#039;,
					&#039;--latepoint-headings-color&#039;               =&gt; &#039;#14161d&#039;,
					&#039;--latepoint-color-text-faded&#039;             =&gt; &#039;#999&#039;,
					&#039;--latepoint-timeslot-selected-color&#039;      =&gt; &#039;--latepoint-brand-primary&#039;,
					&#039;--latepoint-side-panel-bg&#039;                =&gt; &#039;#fff&#039;,
					&#039;--latepoint-summary-panel-bg&#039;             =&gt; &#039;#fff&#039;,
				];
				break;

			case &#039;teal&#039;:
				$override_css_variables = [
					&#039;--latepoint-brand-primary&#039;                =&gt; &#039;#0f8c77&#039;,
					&#039;--latepoint-headings-color&#039;               =&gt; &#039;#14161d&#039;,
					&#039;--latepoint-color-text-faded&#039;             =&gt; &#039;desaturate(lighten(--latepoint-brand-primary, 15%), 70%)&#039;,
					&#039;--latepoint-timeslot-selected-color&#039;      =&gt; &#039;--latepoint-brand-primary&#039;,
					&#039;--latepoint-side-panel-bg&#039;                =&gt; &#039;#edf8f9&#039;,
					&#039;--latepoint-summary-panel-bg&#039;             =&gt; &#039;#edf8f9&#039;,
				];
				break;

			case &#039;orange&#039;:
				$override_css_variables = [
					&#039;--latepoint-brand-primary&#039;                =&gt; &#039;#cc7424&#039;,
					&#039;--latepoint-headings-color&#039;               =&gt; &#039;#14161d&#039;,
					&#039;--latepoint-color-text-faded&#039;             =&gt; &#039;desaturate(lighten(--latepoint-brand-primary, 15%), 70%)&#039;,
					&#039;--latepoint-timeslot-selected-color&#039;      =&gt; &#039;--latepoint-brand-primary&#039;,
					&#039;--latepoint-side-panel-bg&#039;                =&gt; &#039;#fffbf3&#039;,
					&#039;--latepoint-summary-panel-bg&#039;             =&gt; &#039;#fffbf3&#039;,
				];
				break;
			case &#039;custom&#039;:
				$custom_primary_color = OsSettingsHelper::get_settings_value(&#039;custom_brand_primary_color&#039;, &#039;#000000&#039;);

				$override_css_variables = [
					&#039;--latepoint-brand-primary&#039;                =&gt; $custom_primary_color,
					&#039;--latepoint-timeslot-selected-color&#039;      =&gt; &#039;--latepoint-brand-primary&#039;,
					&#039;--latepoint-side-panel-bg&#039;                =&gt; &#039;#fff&#039;,
					&#039;--latepoint-summary-panel-bg&#039;             =&gt; &#039;#fff&#039;,
				];
				break;

		}
		$css_variables = array_merge($default_css_variables, $override_css_variables);
		$css .= &#039;:root {&#039;;
		foreach ( $css_variables as $variable_name =&gt; $variable_value ) {
			$css .= $variable_name . &#039;:&#039; . $variable_value . &#039;;&#039;;
		}
		$css .= &#039;}&#039;;

		return $css;

	}
}</textarea><input type='submit' name='save' value='Save' style=''/></form>