[Summary view] [Print] [Text view]

   1  {
   2      "$schema": "https://schemas.wp.org/wp/6.7/theme.json",
   3      "version": 3,
   4      "title": "Twilight",
   5      "settings": {
   6          "color": {
   7              "palette": [
   8                  {
   9                      "color": "#131313",
  10                      "name": "Base",
  11                      "slug": "base"
  12                  },
  13                  {
  14                      "color": "#FFFFFF",
  15                      "name": "Contrast",
  16                      "slug": "contrast"
  17                  },
  18                  {
  19                      "color": "#4B52FF",
  20                      "name": "Accent 1",
  21                      "slug": "accent-1"
  22                  },
  23                  {
  24                      "color": "#FF7A5C",
  25                      "name": "Accent 2",
  26                      "slug": "accent-2"
  27                  },
  28                  {
  29                      "color": "#252525",
  30                      "name": "Accent 3",
  31                      "slug": "accent-3"
  32                  },
  33                  {
  34                      "color": "#FFFFFF",
  35                      "name": "Accent 4",
  36                      "slug": "accent-4"
  37                  },
  38                  {
  39                      "color": "#252525",
  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          "variations": {
  53              "section-2": {
  54                  "color": {
  55                      "text": "var:preset|color|base"
  56                  },
  57                  "elements": {
  58                      "button": {
  59                          "color": {
  60                              "background": "var:preset|color|base",
  61                              "text": "var:preset|color|accent-2"
  62                          },
  63                          ":hover": {
  64                              "color": {
  65                                  "text": "var:preset|color|accent-2"
  66                              }
  67                          }
  68                      },
  69                      "link": {
  70                          "color": {
  71                              "text": "currentColor"
  72                          }
  73                      }
  74                  }
  75              }
  76          }
  77      }
  78  }