| 1 |
<?php |
| 2 |
if (!defined('ABSPATH')) { |
| 3 |
die; |
| 4 |
} // Cannot access directly. |
| 5 |
|
| 6 |
$hide_on_mobile = $options["hide_on_mobile"]; |
| 7 |
$tooltip_on_floating_switch = $options["tooltip_on_floating_switch"]; |
| 8 |
$switcher_button_position = $options["switcher_button_position"]; |
| 9 |
$different_switch_in_mobile = $options["different_switch_in_mobile"]; |
| 10 |
$switch_position_different_in_mobile = isset($different_switch_in_mobile["switch_position_different_in_mobile"]) ? $different_switch_in_mobile["switch_position_different_in_mobile"] : ""; |
| 11 |
$switch_position_top_right = isset($switcher_button_position["switch_position_top_right"]) ? $switcher_button_position["switch_position_top_right"] : ""; |
| 12 |
$switch_position_top_right_top = isset($switch_position_top_right["top"]) ? $switch_position_top_right["top"] : "40"; |
| 13 |
$switch_position_top_right_right = isset($switch_position_top_right["right"]) ? $switch_position_top_right["right"] : "40"; |
| 14 |
$switch_position_top_left = isset($switcher_button_position["switch_position_top_left"]) ? $switcher_button_position["switch_position_top_left"] : ""; |
| 15 |
$switch_position_top_left_top = isset($switch_position_top_left["top"]) ? $switch_position_top_left["top"] : "40"; |
| 16 |
$switch_position_top_left_left = isset($switch_position_top_left["left"]) ? $switch_position_top_left["left"] : "40"; |
| 17 |
$switch_position_bottom_right = isset($switcher_button_position["switch_position_bottom_right"]) ? $switcher_button_position["switch_position_bottom_right"] : ""; |
| 18 |
$switch_position_bottom_right_bottom = isset($switch_position_bottom_right["bottom"]) ? $switch_position_bottom_right["bottom"] : "40"; |
| 19 |
$switch_position_bottom_right_right = isset($switch_position_bottom_right["right"]) ? $switch_position_bottom_right["right"] : "40"; |
| 20 |
$switch_position_bottom_left = isset($switcher_button_position["switch_position_bottom_left"]) ? $switcher_button_position["switch_position_bottom_left"] : ""; |
| 21 |
$switch_position_bottom_left_bottom = isset($switch_position_bottom_left["bottom"]) ? $switch_position_bottom_left["bottom"] : "40"; |
| 22 |
$switch_position_bottom_left_left = isset($switch_position_bottom_left["left"]) ? $switch_position_bottom_left["left"] : "40"; |
| 23 |
$switch_position_top_right_in_mobile = isset($different_switch_in_mobile["switch_position_top_right_in_mobile"]) ? $different_switch_in_mobile["switch_position_top_right_in_mobile"] : ""; |
| 24 |
$switch_position_top_right_top_in_mobile = isset($switch_position_top_right_in_mobile["top"]) ? $switch_position_top_right_in_mobile["top"] : "40"; |
| 25 |
$switch_position_top_right_right_in_mobile = isset($switch_position_top_right_in_mobile["right"]) ? $switch_position_top_right_in_mobile["right"] : "40"; |
| 26 |
$switch_position_top_left_in_mobile = isset($different_switch_in_mobile["switch_position_top_left_in_mobile"]) ? $different_switch_in_mobile["switch_position_top_left_in_mobile"] : ""; |
| 27 |
$switch_position_top_left_top_in_mobile = isset($switch_position_top_left_in_mobile["top"]) ? $switch_position_top_left_in_mobile["top"] : "40"; |
| 28 |
$switch_position_top_left_left_in_mobile = isset($switch_position_top_left_in_mobile["left"]) ? $switch_position_top_left_in_mobile["left"] : "40"; |
| 29 |
$switch_position_bottom_right_in_mobile = isset($different_switch_in_mobile["switch_position_bottom_right_in_mobile"]) ? $different_switch_in_mobile["switch_position_bottom_right_in_mobile"] : ""; |
| 30 |
$switch_position_bottom_right_bottom_in_mobile = isset($switch_position_bottom_right_in_mobile["bottom"]) ? $switch_position_bottom_right_in_mobile["bottom"] : "40"; |
| 31 |
$switch_position_bottom_right_right_in_mobile = isset($switch_position_bottom_right_in_mobile["right"]) ? $switch_position_bottom_right_in_mobile["right"] : "40"; |
| 32 |
$switch_position_bottom_left_in_mobile = isset($different_switch_in_mobile["switch_position_bottom_left_in_mobile"]) ? $different_switch_in_mobile["switch_position_bottom_left_in_mobile"] : ""; |
| 33 |
$switch_position_bottom_left_bottom_in_mobile = isset($switch_position_bottom_left_in_mobile["bottom"]) ? $switch_position_bottom_left_in_mobile["bottom"] : "40"; |
| 34 |
$switch_position_bottom_left_left_in_mobile = isset($switch_position_bottom_left_in_mobile["left"]) ? $switch_position_bottom_left_in_mobile["left"] : "40"; |
| 35 |
$floating_switch_width = isset($tooltip_on_floating_switch["floating_switch_width"]) ? $tooltip_on_floating_switch["floating_switch_width"] : ""; |
| 36 |
$dark_mode_switch_position = isset($different_switch_in_mobile["dark_mode_switch_position"]) ? $different_switch_in_mobile["dark_mode_switch_position"] : ""; |
| 37 |
?> |
| 38 |
<style type="text/css" class="darkify_inline_css"> |
| 39 |
#darkify_switch_<?php echo esc_attr($this->unique_id); ?> { |
| 40 |
<?php foreach ($this->utils->generateSwitchStyles($options) as $key => $value) { ?><?php echo esc_attr($key); ?>: <?php echo esc_attr($value); ?>; |
| 41 |
<?php } ?> |
| 42 |
} |
| 43 |
|
| 44 |
#darkify_switch_<?php echo esc_attr($this->unique_id); ?> { |
| 45 |
--darkify_switch_position_from_top_right_top: <?php echo esc_attr($switch_position_top_right_top); ?>px; |
| 46 |
--darkify_switch_position_from_top_right_right: <?php echo esc_attr($switch_position_top_right_right); ?>px; |
| 47 |
--darkify_switch_position_from_bottom_right_bottom: <?php echo esc_attr($switch_position_bottom_right_bottom); ?>px; |
| 48 |
--darkify_switch_position_from_bottom_right_right: <?php echo esc_attr($switch_position_bottom_right_right); ?>px; |
| 49 |
--darkify_switch_position_from_top_left_top: <?php echo esc_attr($switch_position_top_left_top); ?>px; |
| 50 |
--darkify_switch_position_from_top_left_left: <?php echo esc_attr($switch_position_top_left_left); ?>px; |
| 51 |
--darkify_switch_position_from_bottom_left_bottom: <?php echo esc_attr($switch_position_bottom_left_bottom); ?>px; |
| 52 |
--darkify_switch_position_from_bottom_left_left: <?php echo esc_attr($switch_position_bottom_left_left); ?>px; |
| 53 |
<?php if ($switch_position_different_in_mobile) { ?>--darkify_switch_position_from_top_right_top_in_mobile: <?php echo esc_attr($switch_position_top_right_right_in_mobile); ?>px; |
| 54 |
--darkify_switch_position_from_top_right_right_in_mobile: <?php echo esc_attr($switch_position_top_right_right_in_mobile); ?>px; |
| 55 |
--darkify_switch_position_from_bottom_right_bottom_in_mobile: <?php echo esc_attr($switch_position_bottom_right_bottom_in_mobile); ?>px; |
| 56 |
--darkify_switch_position_from_bottom_right_right_in_mobile: <?php echo esc_attr($switch_position_bottom_right_right_in_mobile); ?>px; |
| 57 |
--darkify_switch_position_from_top_left_top_in_mobile: <?php echo esc_attr($switch_position_top_left_top_in_mobile); ?>px; |
| 58 |
--darkify_switch_position_from_top_left_left_in_mobile: <?php echo esc_attr($switch_position_top_left_top_in_mobile); ?>px; |
| 59 |
--darkify_switch_position_from_bottom_left_bottom_in_mobile: <?php echo esc_attr($switch_position_bottom_left_bottom_in_mobile); ?>px; |
| 60 |
--darkify_switch_position_from_bottom_left_left_in_mobile: <?php echo esc_attr($switch_position_bottom_left_left_in_mobile); ?>px; |
| 61 |
<?php } ?><?php if ($floating_switch_width) { ?>--darkify_switch_tooltip_bg_color: <?php echo esc_attr($tooltip_on_floating_switch["tooltip_background_color"]); ?>; |
| 62 |
--darkify_switch_tooltip_text_color: <?php echo esc_attr($tooltip_on_floating_switch["tooltip_text_color"]); ?>; |
| 63 |
<?php } ?> |
| 64 |
} |
| 65 |
</style> |
| 66 |
|
| 67 |
<?php |
| 68 |
$hide_dark_mode_on_mobile_screen = ""; |
| 69 |
if ($hide_on_mobile) { |
| 70 |
if ($hide_on_mobile["hide_dark_mode_on_mobile"] == "screen_size" || $hide_on_mobile["hide_dark_mode_on_mobile"] == "both") { |
| 71 |
$hide_dark_mode_on_mobile_screen = "darkify_hide_on_mobile"; |
| 72 |
} |
| 73 |
} |
| 74 |
|
| 75 |
if ($dark_mode_switch_position == "") { |
| 76 |
$floating_switch_position = "darkify_bottom_right"; |
| 77 |
} else { |
| 78 |
$floating_switch_position = "darkify_" . $dark_mode_switch_position; |
| 79 |
} |
| 80 |
if ($switch_position_different_in_mobile) { |
| 81 |
$floating_switch_position .= " darkify_" . $different_switch_in_mobile["switch_position_in_mobile"] . "_in_mobile"; |
| 82 |
} |
| 83 |
|
| 84 |
$tooltip_classes = ""; |
| 85 |
if ($floating_switch_width) { |
| 86 |
$tooltip_classes = "darkify_tooltip darkify_tooltip_" . $tooltip_on_floating_switch["tooltip_position"]; |
| 87 |
} |
| 88 |
?> |
| 89 |
|
| 90 |
<?php if ($options["enable_dark_switcher"] == "classic") { ?> |
| 91 |
<div id="darkify_switch_<?php echo esc_attr($this->unique_id); ?>" onclick="darkify_switch_trigger()" class="darkify_switch darkify_switch_style <?php echo esc_attr($floating_switch_position); ?> <?php echo esc_attr($options["enable_absolute_position"] ? "darkify_absolute_position" : ""); ?> <?php echo esc_attr($tooltip_classes); ?>"> |
| 92 |
<div class="theme-toggle"> |
| 93 |
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="50px" height="50px" fill="currentColor" stroke-linecap="round" class="theme-toggle__classic" viewBox="0 0 32 32"> |
| 94 |
<clipPath id="theme-toggle__classic__cutout"> |
| 95 |
<path d="M0-5h30a1 1 0 0 0 9 13v24H0Z" /> |
| 96 |
</clipPath> |
| 97 |
<g clip-path="url(#theme-toggle__classic__cutout)"> |
| 98 |
<circle cx="16" cy="16" r="9.34" /> |
| 99 |
<g stroke="currentColor" stroke-width="1.5"> |
| 100 |
<path d="M16 5.5v-4" /> |
| 101 |
<path d="M16 30.5v-4" /> |
| 102 |
<path d="M1.5 16h4" /> |
| 103 |
<path d="M26.5 16h4" /> |
| 104 |
<path d="m23.4 8.6 2.8-2.8" /> |
| 105 |
<path d="m5.7 26.3 2.9-2.9" /> |
| 106 |
<path d="m5.8 5.8 2.8 2.8" /> |
| 107 |
<path d="m23.4 23.4 2.9 2.9" /> |
| 108 |
</g> |
| 109 |
</g> |
| 110 |
</svg> |
| 111 |
</div> |
| 112 |
<?php if ($floating_switch_width) { ?> <span class="darkify_tooltiptext"><?php echo esc_attr($tooltip_on_floating_switch["tooltip_text"]); ?></span> <?php } ?> |
| 113 |
</div> |
| 114 |
<?php } ?> |
| 115 |
<?php if ($options["enable_dark_switcher"] == "inner-moon") { ?> |
| 116 |
<div id="darkify_switch_<?php echo esc_attr($this->unique_id); ?>" onclick="darkify_switch_trigger()" class="darkify_switch darkify_switch_style <?php echo esc_attr($floating_switch_position); ?> <?php echo esc_attr($options["enable_absolute_position"] ? "darkify_absolute_position" : ""); ?> <?php echo esc_attr($tooltip_classes); ?>"> |
| 117 |
<div class="theme-toggle"> |
| 118 |
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="50px" height="50px" fill="currentColor" class="theme-toggle__inner-moon" viewBox="0 0 32 32"> |
| 119 |
<path d="M27.5 11.5v-7h-7L16 0l-4.5 4.5h-7v7L0 16l4.5 4.5v7h7L16 32l4.5-4.5h7v-7L32 16l-4.5-4.5zM16 25.4a9.39 9.39 0 1 1 0-18.8 9.39 9.39 0 1 1 0 18.8z" /> |
| 120 |
<circle cx="16" cy="16" r="8.1" /> |
| 121 |
</svg> |
| 122 |
</div> |
| 123 |
<?php if ($floating_switch_width) { ?> <span class="darkify_tooltiptext"><?php echo esc_attr($tooltip_on_floating_switch["tooltip_text"]); ?></span> <?php } ?> |
| 124 |
</div> |
| 125 |
<?php } ?> |
| 126 |
<?php if ($options["enable_dark_switcher"] == "expand") { ?> |
| 127 |
<div id="darkify_switch_<?php echo esc_attr($this->unique_id); ?>" onclick="darkify_switch_trigger()" class="darkify_switch darkify_switch_style <?php echo esc_attr($floating_switch_position); ?> <?php echo esc_attr($options["enable_absolute_position"] ? "darkify_absolute_position" : ""); ?> <?php echo esc_attr($tooltip_classes); ?>"> |
| 128 |
<div class="theme-toggle"> |
| 129 |
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="50px" height="50px" fill="currentColor" class="theme-toggle__expand" viewBox="0 0 32 32"> |
| 130 |
<clipPath id="theme-toggle__expand__cutout"> |
| 131 |
<path d="M0-11h25a1 1 0 0017 13v30H0Z" /> |
| 132 |
</clipPath> |
| 133 |
<g clip-path="url(#theme-toggle__expand__cutout)"> |
| 134 |
<circle cx="16" cy="16" r="8.4" /> |
| 135 |
<path d="M18.3 3.2c0 1.3-1 2.3-2.3 2.3s-2.3-1-2.3-2.3S14.7.9 16 .9s2.3 1 2.3 2.3zm-4.6 25.6c0-1.3 1-2.3 2.3-2.3s2.3 1 2.3 2.3-1 2.3-2.3 2.3-2.3-1-2.3-2.3zm15.1-10.5c-1.3 0-2.3-1-2.3-2.3s1-2.3 2.3-2.3 2.3 1 2.3 2.3-1 2.3-2.3 2.3zM3.2 13.7c1.3 0 2.3 1 2.3 2.3s-1 2.3-2.3 2.3S.9 17.3.9 16s1-2.3 2.3-2.3zm5.8-7C9 7.9 7.9 9 6.7 9S4.4 8 4.4 6.7s1-2.3 2.3-2.3S9 5.4 9 6.7zm16.3 21c-1.3 0-2.3-1-2.3-2.3s1-2.3 2.3-2.3 2.3 1 2.3 2.3-1 2.3-2.3 2.3zm2.4-21c0 1.3-1 2.3-2.3 2.3S23 7.9 23 6.7s1-2.3 2.3-2.3 2.4 1 2.4 2.3zM6.7 23C8 23 9 24 9 25.3s-1 2.3-2.3 2.3-2.3-1-2.3-2.3 1-2.3 2.3-2.3z" /> |
| 136 |
</g> |
| 137 |
</svg> |
| 138 |
</div> |
| 139 |
<?php if ($floating_switch_width) { ?> <span class="darkify_tooltiptext"><?php echo esc_attr($tooltip_on_floating_switch["tooltip_text"]); ?></span> <?php } ?> |
| 140 |
</div> |
| 141 |
<?php } ?> |
| 142 |
<?php if ($options["enable_dark_switcher"] == "within") { ?> |
| 143 |
<div id="darkify_switch_<?php echo esc_attr($this->unique_id); ?>" onclick="darkify_switch_trigger()" class="darkify_switch darkify_switch_style <?php echo esc_attr($floating_switch_position); ?> <?php echo esc_attr($options["enable_absolute_position"] ? "darkify_absolute_position" : ""); ?> <?php echo esc_attr($tooltip_classes); ?>"> |
| 144 |
<div class="theme-toggle"> |
| 145 |
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="theme-toggle__within" height="1em" width="1em" viewBox="0 0 32 32" fill="currentColor"> |
| 146 |
<clipPath id="theme-toggle__within__clip"> |
| 147 |
<path d="M0 0h32v32h-32ZM6 16A1 1 0 0026 16 1 1 0 006 16" /> |
| 148 |
</clipPath> |
| 149 |
<g clip-path="url(#theme-toggle__within__clip)"> |
| 150 |
<path d="M30.7 21.3 27.1 16l3.7-5.3c.4-.5.1-1.3-.6-1.4l-6.3-1.1-1.1-6.3c-.1-.6-.8-.9-1.4-.6L16 5l-5.4-3.7c-.5-.4-1.3-.1-1.4.6l-1 6.3-6.4 1.1c-.6.1-.9.9-.6 1.3L4.9 16l-3.7 5.3c-.4.5-.1 1.3.6 1.4l6.3 1.1 1.1 6.3c.1.6.8.9 1.4.6l5.3-3.7 5.3 3.7c.5.4 1.3.1 1.4-.6l1.1-6.3 6.3-1.1c.8-.1 1.1-.8.7-1.4zM16 25.1c-5.1 0-9.1-4.1-9.1-9.1 0-5.1 4.1-9.1 9.1-9.1s9.1 4.1 9.1 9.1c0 5.1-4 9.1-9.1 9.1z" /> |
| 151 |
</g> |
| 152 |
<path class="theme-toggle__within__circle" d="M16 7.7c-4.6 0-8.2 3.7-8.2 8.2s3.6 8.4 8.2 8.4 8.2-3.7 8.2-8.2-3.6-8.4-8.2-8.4zm0 14.4c-3.4 0-6.1-2.9-6.1-6.2s2.7-6.1 6.1-6.1c3.4 0 6.1 2.9 6.1 6.2s-2.7 6.1-6.1 6.1z" /> |
| 153 |
<path class="theme-toggle__within__inner" d="M16 9.5c-3.6 0-6.4 2.9-6.4 6.4s2.8 6.5 6.4 6.5 6.4-2.9 6.4-6.4-2.8-6.5-6.4-6.5z" /> |
| 154 |
</svg> |
| 155 |
</div> |
| 156 |
<?php if ($floating_switch_width) { ?> <span class="darkify_tooltiptext"><?php echo esc_attr($tooltip_on_floating_switch["tooltip_text"]); ?></span> <?php } ?> |
| 157 |
</div> |
| 158 |
<?php } ?> |
| 159 |
<?php if ($options["enable_dark_switcher"] == "around") { ?> |
| 160 |
<div id="darkify_switch_<?php echo esc_attr($this->unique_id); ?>" onclick="darkify_switch_trigger()" class="darkify_switch darkify_switch_style <?php echo esc_attr($floating_switch_position); ?> <?php echo esc_attr($options["enable_absolute_position"] ? "darkify_absolute_position" : ""); ?> <?php echo esc_attr($tooltip_classes); ?>"> |
| 161 |
<div class="theme-toggle"> |
| 162 |
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="50px" height="50px" fill="currentColor" class="theme-toggle__around" viewBox="0 0 32 32"> |
| 163 |
<clipPath id="theme-toggle__around__cutout"> |
| 164 |
<path d="M0 0h42v30a1 1 0 00-16 13H0Z" /> |
| 165 |
</clipPath> |
| 166 |
<g clip-path="url(#theme-toggle__around__cutout)"> |
| 167 |
<circle cx="16" cy="16" r="8.4" /> |
| 168 |
<g> |
| 169 |
<circle cx="16" cy="3.3" r="2.3" /> |
| 170 |
<circle cx="27" cy="9.7" r="2.3" /> |
| 171 |
<circle cx="27" cy="22.3" r="2.3" /> |
| 172 |
<circle cx="16" cy="28.7" r="2.3" /> |
| 173 |
<circle cx="5" cy="22.3" r="2.3" /> |
| 174 |
<circle cx="5" cy="9.7" r="2.3" /> |
| 175 |
</g> |
| 176 |
</g> |
| 177 |
</svg> |
| 178 |
</div> |
| 179 |
<?php if ($floating_switch_width) { ?> <span class="darkify_tooltiptext"><?php echo esc_attr($tooltip_on_floating_switch["tooltip_text"]); ?></span> <?php } ?> |
| 180 |
</div> |
| 181 |
<?php } ?> |
| 182 |
<?php if ($options["enable_dark_switcher"] == "dark-side") { ?> |
| 183 |
<div id="darkify_switch_<?php echo esc_attr($this->unique_id); ?>" onclick="darkify_switch_trigger()" class="darkify_switch darkify_switch_style <?php echo esc_attr($floating_switch_position); ?> <?php echo esc_attr($options["enable_absolute_position"] ? "darkify_absolute_position" : ""); ?> <?php echo esc_attr($tooltip_classes); ?>"> |
| 184 |
<div class="theme-toggle"> |
| 185 |
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="50px" height="50px" class="theme-toggle__dark-side" fill="currentColor" viewBox="0 0 32 32"> |
| 186 |
<path d="M16 .5C7.4.5.5 7.4.5 16S7.4 31.5 16 31.5 31.5 24.6 31.5 16 24.6.5 16 .5zm0 28.1V3.4C23 3.4 28.6 9 28.6 16S23 28.6 16 28.6z" /> |
| 187 |
</svg> |
| 188 |
</div> |
| 189 |
<?php if ($floating_switch_width) { ?> <span class="darkify_tooltiptext"><?php echo esc_attr($tooltip_on_floating_switch["tooltip_text"]); ?></span> <?php } ?> |
| 190 |
</div> |
| 191 |
<?php } ?> |
| 192 |
<?php if ($options["enable_dark_switcher"] == "horizon") { ?> |
| 193 |
<div id="darkify_switch_<?php echo esc_attr($this->unique_id); ?>" onclick="darkify_switch_trigger()" class="darkify_switch darkify_switch_style <?php echo esc_attr($floating_switch_position); ?> <?php echo esc_attr($options["enable_absolute_position"] ? "darkify_absolute_position" : ""); ?> <?php echo esc_attr($tooltip_classes); ?>"> |
| 194 |
<div class="theme-toggle"> |
| 195 |
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="50px" height="50px" fill="currentColor" class="theme-toggle__horizon" viewBox="0 0 32 32"> |
| 196 |
<clipPath id="theme-toggle__horizon__mask"> |
| 197 |
<path d="M0 0h32v29h-32z" /> |
| 198 |
</clipPath> |
| 199 |
<path d="M30.7 29.9H1.3c-.7 0-1.3.5-1.3 1.1 0 .6.6 1 1.3 1h29.3c.7 0 1.3-.5 1.3-1.1.1-.5-.5-1-1.2-1z" /> |
| 200 |
<g clip-path="url(#theme-toggle__horizon__mask)"> |
| 201 |
<path d="M16 8.8c-3.4 0-6.1 2.8-6.1 6.1s2.7 6.3 6.1 6.3 6.1-2.8 6.1-6.1-2.7-6.3-6.1-6.3zm13.3 11L26 15l3.3-4.8c.3-.5.1-1.1-.5-1.2l-5.7-1-1-5.7c-.1-.6-.8-.8-1.2-.5L16 5.1l-4.8-3.3c-.5-.4-1.2-.1-1.3.4L8.9 8 3.2 9c-.6.1-.8.8-.5 1.2L6 15l-3.3 4.8c-.3.5-.1 1.1.5 1.2l5.7 1 1 5.7c.1.6.8.8 1.2.5L16 25l4.8 3.3c.5.3 1.1.1 1.2-.5l1-5.7 5.7-1c.7-.1.9-.8.6-1.3zM16 22.5A7.6 7.6 0 0 1 8.3 15c0-4.2 3.5-7.5 7.7-7.5s7.7 3.4 7.7 7.5c0 4.2-3.4 7.5-7.7 7.5z" /> |
| 202 |
</g> |
| 203 |
</svg> |
| 204 |
</div> |
| 205 |
<?php if ($floating_switch_width) { ?> <span class="darkify_tooltiptext"><?php echo esc_attr($tooltip_on_floating_switch["tooltip_text"]); ?></span> <?php } ?> |
| 206 |
</div> |
| 207 |
<?php } ?> |
| 208 |
<?php if ($options["enable_dark_switcher"] == "eclipse") { ?> |
| 209 |
<div id="darkify_switch_<?php echo esc_attr($this->unique_id); ?>" onclick="darkify_switch_trigger()" class="darkify_switch darkify_switch_style <?php echo esc_attr($floating_switch_position); ?> <?php echo esc_attr($options["enable_absolute_position"] ? "darkify_absolute_position" : ""); ?> <?php echo esc_attr($tooltip_classes); ?>"> |
| 210 |
<div class="theme-toggle"> |
| 211 |
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="50px" height="50px" class="theme-toggle__eclipse" fill="currentColor" viewBox="0 0 32 32"> |
| 212 |
<clipPath id="theme-toggle__eclipse__cutout"> |
| 213 |
<path d="M0 0h64v32h-64zm36 16a1 1 0 0024 1 1 1 0 00-24-1" /> |
| 214 |
</clipPath> |
| 215 |
<g clip-path="url(#theme-toggle__eclipse__cutout)"> |
| 216 |
<circle cx="16" cy="16" r="16" /> |
| 217 |
</g> |
| 218 |
</svg> |
| 219 |
</div> |
| 220 |
<?php if ($floating_switch_width) { ?> <span class="darkify_tooltiptext"><?php echo esc_attr($tooltip_on_floating_switch["tooltip_text"]); ?></span> <?php } ?> |
| 221 |
</div> |
| 222 |
<?php } ?> |
| 223 |
<?php if ($options["enable_dark_switcher"] == "lightbulb") { ?> |
| 224 |
<div id="darkify_switch_<?php echo esc_attr($this->unique_id); ?>" onclick="darkify_switch_trigger()" class="darkify_switch darkify_switch_style <?php echo esc_attr($floating_switch_position); ?> <?php echo esc_attr($options["enable_absolute_position"] ? "darkify_absolute_position" : ""); ?> <?php echo esc_attr($tooltip_classes); ?>"> |
| 225 |
<div class="theme-toggle"> |
| 226 |
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="50px" height="50px" class="theme-toggle__lightbulb" stroke-width="0.7" stroke="currentColor" fill="currentColor" stroke-linecap="round" viewBox="0 0 32 32"> |
| 227 |
<path stroke-width="0" d="M9.4 9.9c1.8-1.8 4.1-2.7 6.6-2.7 5.1 0 9.3 4.2 9.3 9.3 0 2.3-.8 4.4-2.3 6.1-.7.8-2 2.8-2.5 4.4 0 .2-.2.4-.5.4-.2 0-.4-.2-.4-.5v-.1c.5-1.8 2-3.9 2.7-4.8 1.4-1.5 2.1-3.5 2.1-5.6 0-4.7-3.7-8.5-8.4-8.5-2.3 0-4.4.9-5.9 2.5-1.6 1.6-2.5 3.7-2.5 6 0 2.1.7 4 2.1 5.6.8.9 2.2 2.9 2.7 4.9 0 .2-.1.5-.4.5h-.1c-.2 0-.4-.1-.4-.4-.5-1.7-1.8-3.7-2.5-4.5-1.5-1.7-2.3-3.9-2.3-6.1 0-2.3 1-4.7 2.7-6.5z" /> |
| 228 |
<path d="M19.8 28.3h-7.6" /> |
| 229 |
<path d="M19.8 29.5h-7.6" /> |
| 230 |
<path d="M19.8 30.7h-7.6" /> |
| 231 |
<path pathLength="1" class="theme-toggle__lightbulb__coil" fill="none" d="M14.6 27.1c0-3.4 0-6.8-.1-10.2-.2-1-1.1-1.7-2-1.7-1.2-.1-2.3 1-2.2 2.3.1 1 .9 1.9 2.1 2h7.2c1.1-.1 2-1 2.1-2 .1-1.2-1-2.3-2.2-2.3-.9 0-1.7.7-2 1.7 0 3.4 0 6.8-.1 10.2" /> |
| 232 |
<g class="theme-toggle__lightbulb__rays"> |
| 233 |
<path pathLength="1" d="M16 6.4V1.3" /> |
| 234 |
<path pathLength="1" d="M26.3 15.8h5.1" /> |
| 235 |
<path pathLength="1" d="m22.6 9 3.7-3.6" /> |
| 236 |
<path pathLength="1" d="M9.4 9 5.7 5.4" /> |
| 237 |
<path pathLength="1" d="M5.7 15.8H.6" /> |
| 238 |
</g> |
| 239 |
</svg> |
| 240 |
</div> |
| 241 |
<?php if ($floating_switch_width) { ?> <span class="darkify_tooltiptext"><?php echo esc_attr($tooltip_on_floating_switch["tooltip_text"]); ?></span> <?php } ?> |
| 242 |
</div> |
| 243 |
<?php } ?> |
| 244 |
<?php if ($options["enable_dark_switcher"] == "dark-inner") { ?> |
| 245 |
<div id="darkify_switch_<?php echo esc_attr($this->unique_id); ?>" onclick="darkify_switch_trigger()" class="darkify_switch darkify_switch_style <?php echo esc_attr($floating_switch_position); ?> <?php echo esc_attr($options["enable_absolute_position"] ? "darkify_absolute_position" : ""); ?> <?php echo esc_attr($tooltip_classes); ?>"> |
| 246 |
<div class="theme-toggle"> |
| 247 |
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="50px" height="50px" class="theme-toggle__dark-inner" fill="currentColor" viewBox="0 0 32 32"> |
| 248 |
<path d="M16 9c3.9 0 7 3.1 7 7s-3.1 7-7 7" /> |
| 249 |
<path d="M16 .5C7.4.5.5 7.4.5 16S7.4 31.5 16 31.5 31.5 24.6 31.5 16 24.6.5 16 .5zm0 28.1V23c-3.9 0-7-3.1-7-7s3.1-7 7-7V3.4C23 3.4 28.6 9 28.6 16S23 28.6 16 28.6z" /> |
| 250 |
</svg> |
| 251 |
</div> |
| 252 |
<?php if ($floating_switch_width) { ?> <span class="darkify_tooltiptext"><?php echo esc_attr($tooltip_on_floating_switch["tooltip_text"]); ?></span> <?php } ?> |
| 253 |
</div> |
| 254 |
<?php } ?> |
| 255 |
<?php if ($options["enable_dark_switcher"] == "half-sun") { ?> |
| 256 |
<div id="darkify_switch_<?php echo esc_attr($this->unique_id); ?>" onclick="darkify_switch_trigger()" class="darkify_switch darkify_switch_style <?php echo esc_attr($floating_switch_position); ?> <?php echo esc_attr($options["enable_absolute_position"] ? "darkify_absolute_position" : ""); ?> <?php echo esc_attr($tooltip_classes); ?>"> |
| 257 |
<div class="theme-toggle"> |
| 258 |
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="theme-toggle__half-sun" height="1em" width="1em" viewBox="0 0 32 32" fill="currentColor"> |
| 259 |
<path d="M27.5 11.5v-7h-7L16 0l-4.5 4.5h-7v7L0 16l4.5 4.5v7h7L16 32l4.5-4.5h7v-7L32 16l-4.5-4.5zM16 25.4V6.6c5.2 0 9.4 4.2 9.4 9.4s-4.2 9.4-9.4 9.4z" /> |
| 260 |
</svg> |
| 261 |
</div> |
| 262 |
<?php if ($floating_switch_width) { ?> <span class="darkify_tooltiptext"><?php echo esc_attr($tooltip_on_floating_switch["tooltip_text"]); ?></span> <?php } ?> |
| 263 |
</div> |
| 264 |
<?php } ?> |
| 265 |
<?php if ($options["enable_dark_switcher"] == "simple") { ?> |
| 266 |
<div id="darkify_switch_<?php echo esc_attr($this->unique_id); ?>" onclick="darkify_switch_trigger()" class="darkify_switch darkify_switch_style <?php echo esc_attr($floating_switch_position); ?> <?php echo esc_attr($options["enable_absolute_position"] ? "darkify_absolute_position" : ""); ?> <?php echo esc_attr($tooltip_classes); ?>"> |
| 267 |
<div class="theme-toggle"> |
| 268 |
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" width="50px" height="50px" class="theme-toggle__simple" fill="currentColor" viewBox="0 0 32 32"> |
| 269 |
<clipPath id="theme-toggle__simple__cutout"> |
| 270 |
<path d="M0-5h55v37h-55zm32 12a1 1 0 0025 0 1 1 0 00-25 0" /> |
| 271 |
</clipPath> |
| 272 |
<g clip-path="url(#theme-toggle__simple__cutout)"> |
| 273 |
<circle cx="16" cy="16" r="15" /> |
| 274 |
</g> |
| 275 |
</svg> |
| 276 |
</div> |
| 277 |
<?php if ($floating_switch_width) { ?> <span class="darkify_tooltiptext"><?php echo esc_attr($tooltip_on_floating_switch["tooltip_text"]); ?></span> <?php } ?> |
| 278 |
</div> |
| 279 |
<?php } ?> |
