[Summary view] [Print] [Text view]

   1  {
   2      "$schema": "https://schemas.wp.org/wp/6.7/theme.json",
   3      "version": 3,
   4      "title": "Afternoon",
   5      "settings": {
   6          "color": {
   7              "palette": [
   8                  {
   9                      "color": "#DAE7BD",
  10                      "name": "Base",
  11                      "slug": "base"
  12                  },
  13                  {
  14                      "color": "#516028",
  15                      "name": "Contrast",
  16                      "slug": "contrast"
  17                  },
  18                  {
  19                      "color": "#C7F642",
  20                      "name": "Accent 1",
  21                      "slug": "accent-1"
  22                  },
  23                  {
  24                      "color": "#EBF6D3",
  25                      "name": "Accent 2",
  26                      "slug": "accent-2"
  27                  },
  28                  {
  29                      "color": "#303D10",
  30                      "name": "Accent 3",
  31                      "slug": "accent-3"
  32                  },
  33                  {
  34                      "color": "#516028",
  35                      "name": "Accent 4",
  36                      "slug": "accent-4"
  37                  },
  38                  {
  39                      "color": "#EBF6D3",
  40                      "name": "Accent 5",
  41                      "slug": "accent-5"
  42                  },
  43                  {
  44                      "color": "#51602833",
  45                      "name": "Accent 6",
  46                      "slug": "accent-6"
  47                  }
  48              ]
  49          }
  50      },
  51      "styles": {
  52          "elements": {
  53              "button": {
  54                  ":hover": {
  55                      "color": {
  56                          "background": "color-mix(in srgb, var(--wp--preset--color--contrast) 85%, black)"
  57                      }
  58                  }
  59              }
  60          },
  61          "variations": {
  62              "section-2": {
  63                  "color": {
  64                      "background": "var:preset|color|accent-3",
  65                      "text": "var:preset|color|accent-1"
  66                  },
  67                  "elements": {
  68                      "button": {
  69                          "color": {
  70                              "background": "var:preset|color|accent-1",
  71                              "text": "var:preset|color|accent-3"
  72                          },
  73                          ":hover": {
  74                              "color": {
  75                                  "background": "color-mix(in srgb, var(--wp--preset--color--accent-1) 85%, transparent)"
  76                              }
  77                          }
  78                      }
  79                  }
  80              },
  81              "section-4": {
  82                  "elements": {
  83                      "button": {
  84                          ":hover": {
  85                              "color": {
  86                                  "background": "color-mix(in srgb, var(--wp--preset--color--accent-2) 85%, transparent)"
  87                              }
  88                          }
  89                      }
  90                  }
  91              },
  92              "section-5": {
  93                  "elements": {
  94                      "button": {
  95                          ":hover": {
  96                              "color": {
  97                                  "background": "color-mix(in srgb, var(--wp--preset--color--base) 90%, transparent)"
  98                              }
  99                          }
 100                      }
 101                  }
 102              }
 103          }
 104      }
 105  }