[Summary view] [Print] [Text view]

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