[Summary view] [Print] [Text view]

   1  {
   2      "$schema": "https://schemas.wp.org/trunk/theme.json",
   3      "version": 3,
   4      "title": "Evening",
   5      "settings": {
   6          "color": {
   7              "palette": [
   8                  {
   9                      "color": "#1B1B1B",
  10                      "name": "Base",
  11                      "slug": "base"
  12                  },
  13                  {
  14                      "color": "#F0F0F0",
  15                      "name": "Contrast",
  16                      "slug": "contrast"
  17                  },
  18                  {
  19                      "color": "#786D0A",
  20                      "name": "Accent 1",
  21                      "slug": "accent-1"
  22                  },
  23                  {
  24                      "color": "#442369",
  25                      "name": "Accent 2",
  26                      "slug": "accent-2"
  27                  },
  28                  {
  29                      "color": "#D1D0EA",
  30                      "name": "Accent 3",
  31                      "slug": "accent-3"
  32                  },
  33                  {
  34                      "color": "#CBCBCB",
  35                      "name": "Accent 4",
  36                      "slug": "accent-4"
  37                  },
  38                  {
  39                      "color": "#353535",
  40                      "name": "Accent 5",
  41                      "slug": "accent-5"
  42                  },
  43                  {
  44                      "color": "#FFFFFF33",
  45                      "name": "Accent 6",
  46                      "slug": "accent-6"
  47                  }
  48              ]
  49          }
  50      },
  51      "styles": {
  52          "color": {
  53              "text": "var:preset|color|accent-4"
  54          },
  55          "blocks": {
  56              "core/button": {
  57                  "variations": {
  58                      "outline": {
  59                          "spacing": {
  60                              "padding": {
  61                                  "bottom": "0.6rem",
  62                                  "left": "1.6rem",
  63                                  "right": "1.6rem",
  64                                  "top": "0.6rem"
  65                              }
  66                          }
  67                      }
  68                  }
  69              }
  70          },
  71          "elements": {
  72              "button": {
  73                  "color": {
  74                      "background": "var:preset|color|contrast",
  75                      "text": "var:preset|color|base"
  76                  },
  77                  ":hover": {
  78                      "color": {
  79                          "background": "color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent)",
  80                          "text": "var:preset|color|base"
  81                      }
  82                  },
  83                  "spacing": {
  84                      "padding": {
  85                          "bottom": "0.6rem",
  86                          "left": "1.6rem",
  87                          "right": "1.6rem",
  88                          "top": "0.6rem"
  89                      }
  90                  }
  91              }
  92          },
  93          "variations": {
  94              "section-2": {
  95                  "elements": {
  96                      "button": {
  97                          "color": {
  98                              "background": "var:preset|color|base",
  99                              "text": "var:preset|color|contrast"
 100                          },
 101                          ":hover": {
 102                              "color": {
 103                                  "background": "color-mix(in srgb, var(--wp--preset--color--base) 85%, transparent)"
 104                              }
 105                          }
 106                      }
 107                  }
 108              },
 109              "section-4": {
 110                  "elements": {
 111                      "button": {
 112                          "color": {
 113                              "background": "var:preset|color|accent-2",
 114                              "text": "var:preset|color|contrast"
 115                          },
 116                          ":hover": {
 117                              "color": {
 118                                  "background": "color-mix(in srgb, var(--wp--preset--color--accent-2) 85%, transparent)"
 119                              }
 120                          }
 121                      }
 122                  }
 123              }
 124          }
 125      }
 126  }