| Server IP : 38.190.208.107 / Your IP : 216.73.217.46 Web Server : nginx/1.28.1 System : Linux ht2026040333114 6.1.0-10-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.37-1 (2023-07-03) x86_64 User : root ( 0) PHP Version : 8.2.28 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv,eval,assert,passthru,system,exec,shell_exec,popen,proc_open MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /www/wwwroot/wp.12/wp-content/themes/blocksy/static/js/customizer/ |
Upload File : |
import { handleVariablesFor } from 'customizer-sync-helpers/dist/simplified'
export const listenToVariables = () => {
handleVariablesFor({
colorPalette: (value) =>
Object.keys(value).reduce(
(acc, key) => [
...acc,
{
variable: value[key].variable
? value[key].variable
: `theme-palette-color-${key.replace('color', '')}`,
type: `color:${key}`,
},
],
[]
),
fontColor: {
selector: ':root',
variable: 'theme-text-color',
type: 'color',
},
linkColor: [
{
selector: ':root',
variable: 'theme-link-initial-color',
type: 'color:default',
},
{
selector: ':root',
variable: 'theme-link-hover-color',
type: 'color:hover',
},
],
formTextColor: [
{
selector: ':root',
variable: 'theme-form-text-initial-color',
type: 'color:default',
},
{
selector: ':root',
variable: 'theme-form-text-focus-color',
type: 'color:focus',
},
],
formBorderColor: [
{
selector: ':root',
variable: 'theme-form-field-border-initial-color',
type: 'color:default',
},
{
selector: ':root',
variable: 'theme-form-field-border-focus-color',
type: 'color:focus',
},
],
formBackgroundColor: [
{
selector: ':root',
variable: 'theme-form-field-background-initial-color',
type: 'color:default',
},
{
selector: ':root',
variable: 'theme-form-field-background-focus-color',
type: 'color:focus',
},
],
border_color: {
selector: ':root',
variable: 'theme-border-color',
type: 'color',
},
headingColor: {
selector: ':root',
variable: 'theme-headings-color',
type: 'color',
},
heading_1_color: {
selector: ':root',
variable: 'theme-heading-1-color',
type: 'color',
},
heading_2_color: {
selector: ':root',
variable: 'theme-heading-2-color',
type: 'color',
},
heading_3_color: {
selector: ':root',
variable: 'theme-heading-3-color',
type: 'color',
},
heading_4_color: {
selector: ':root',
variable: 'theme-heading-4-color',
type: 'color',
},
heading_5_color: {
selector: ':root',
variable: 'theme-heading-5-color',
type: 'color',
},
heading_6_color: {
selector: ':root',
variable: 'theme-heading-6-color',
type: 'color',
},
buttonTextColor: [
{
selector: ':root',
variable: 'theme-button-text-initial-color',
type: 'color:default',
},
{
selector: ':root',
variable: 'theme-button-text-hover-color',
type: 'color:hover',
},
],
buttonColor: [
{
selector: ':root',
variable: 'theme-button-background-initial-color',
type: 'color:default',
},
{
selector: ':root',
variable: 'theme-button-background-hover-color',
type: 'color:hover',
},
],
global_quantity_color: [
{
selector: ':root',
variable: 'quantity-initial-color',
type: 'color:default',
},
{
selector: ':root',
variable: 'quantity-hover-color',
type: 'color:hover',
},
],
global_quantity_arrows: [
{
selector: ':root',
variable: 'quantity-arrows-initial-color',
type: 'color:default',
},
{
selector: ':root',
variable: 'quantity-arrows-initial-color',
type: 'color:default_type_2',
},
{
selector: ':root',
variable: 'quantity-arrows-hover-color',
type: 'color:hover',
},
],
})
}