[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          "elements": {
  56              "button": {
  57                  "color": {
  58                      "background": "var:preset|color|contrast",
  59                      "text": "var:preset|color|base"
  60                  },
  61                  ":hover": {
  62                      "color": {
  63                          "background": "color-mix(in srgb, var(--wp--preset--color--contrast) 85%, transparent)",
  64                          "text": "var:preset|color|base"
  65                      }
  66                  }
  67              }
  68          },
  69          "variations": {
  70              "section-2": {
  71                  "elements": {
  72                      "button": {
  73                          "color": {
  74                              "background": "var:preset|color|base",
  75                              "text": "var:preset|color|contrast"
  76                          },
  77                          ":hover": {
  78                              "color": {
  79                                  "background": "color-mix(in srgb, var(--wp--preset--color--base) 85%, transparent)"
  80                              }
  81                          }
  82                      }
  83                  }
  84              },
  85              "section-4": {
  86                  "elements": {
  87                      "button": {
  88                          "color": {
  89                              "background": "var:preset|color|accent-2",
  90                              "text": "var:preset|color|contrast"
  91                          },
  92                          ":hover": {
  93                              "color": {
  94                                  "background": "color-mix(in srgb, var(--wp--preset--color--accent-2) 85%, transparent)"
  95                              }
  96                          }
  97                      }
  98                  }
  99              }
 100          }
 101      }
 102  }