Design System Preferences

data.json

{
  "adwaita": {
    "about": {
      "name": "Adwaita",
      "developer": "GNOME"
    },
    "follows": "linux-common",
    "colors": {
      "blue": "#3584e4",
      "green": "#33d17a",
      "yellow": "#f6d32d",
      "orange": "#ff7800",
      "red": "#e01b24",
      "purple": "#9141ac",
      "brown": "#986a44",
      "background": "#f6f5f4",
      "background-dark": "#241f31"
    },
    "fonts": {
      "families": {
        "sans": "Cantarell, Ubuntu, 'DejaVu Sans', sans-serif",
        "serif": "'DejaVu Serif', serif",
        "mono": "'Ubuntu Mono', 'DejaVu Mono', monospace"
      },
      "weights": {
        "default": 400,
        "heading": 500,
        "title": 600,
        "display": 300
      },
      "sizes": {
        "default": "11pt",
        "title": "16pt",
        "display": "24pt",
        "caption": "9pt"
      }
    }
  },
  "breeze": {
    "about": {
      "name": "Breeze",
      "developer": "KDE"
    },
    "follows": "linux-common",
    "colors": {
      "blue": "#1d99f3",
      "teal": "#16a085",
      "green": "#11d116",
      "yellow": "#f39c1f",
      "orange": "#f67400",
      "red": "#c0392b",
      "purple": "#8e44ad",
      "brown": "#d35400",
      "blue-dark": "#3daee9",
      "teal-dark": "#1abc9c",
      "green-dark": "#2ecc71",
      "yellow-dark": "#c9ce3b",
      "orange-dark": "#fdbc4b",
      "red-dark": "#ed1515",
      "purple-dark": "#9b59b6",
      "brown-dark": "#f47750",
      "light": "#eff0f1",
      "light-header": "#e0dfde",
      "light-active": "#3daee9",
      "light-inactive": "#7f8c8d",
      "dark": "#31363b",
      "dark-header": "#4d4d4d",
      "dark-active": "#3daee9",
      "dark-inactive": "#bdc3c7"
    },
    "fonts": {
      "families": {
        "sans": "'Noto Sans', 'Oxygen Sans', Oxygen, DejaVu Sans, sans-serif",
        "serif": "'Noto Serif', 'DejaVu Serif', serif",
        "mono": "Hack, 'DejaVu Mono', monospace"
      },
      "weights": {
        "default": 400
      },
      "sizes": {
        "default": "10pt",
        "title": "18pt",
        "heading-1": "18pt",
        "heading-2": "13pt",
        "heading-3": "12pt",
        "heading-4": "11pt",
        "caption": "8pt"
      }
    },
    "layout": {
      "min-width": "72px"
    },
    "compositor": {
      "blur": true
    }
  },
  "coloros-2": {
    "about": {
      "name": "ColorOS 2.0",
      "developer": "OPPO"
    },
    "follows": "holo",
    "compositor": {
      "blur": true
    }
  },
  "coloros-3": {
    "about": {
      "name": "ColorOS 3.0 - 5.0",
      "developer": "OPPO"
    },
    "follows": "ios",
    "colors": {
      "green": "#00c87d"
    }
  },
  "coloros-6": {
    "about": {
      "name": "ColorOS 6.0 - 7.0",
      "developer": "OPPO"
    },
    "follows": "ios",
    "colors": {
      "blue": "#007aff",
      "green": "#2ad181",
      "yellow": "#ffa323",
      "orange": "#ed6c3b",
      "red": "#ea3447",
      "indigo": "#5855d7",
      "teal": "#3fd8d6"
    }
  },
  "elementary": {
    "about": {
      "name": "elementary OS",
      "developer": "elementary"
    },
    "follows": "adwaita",
    "colors": {
      "blue": "#3689e6",
      "green": "#68b723",
      "yellow": "#f9c440",
      "orange": "#f37329",
      "red": "#c6262e",
      "purple": "#a56de2",
      "brown": "#715344",
      "light": "#fafafa",
      "dark": "#0e141f"
    },
    "fonts": {
      "families": {
        "sans": "'Open Sans', 'DejaVu Sans', sans-serif"
      }
    },
    "layouts": {
      "forms": {
        "switches": {
          "style": "full-rounded",
          "labels": "none"
        }
      }
    }
  },
  "holo": {
    "about": {
      "name": "Holo",
      "developer": "Android"
    },
    "follows": "material",
    "colors": {
      "lightblue": "#0099CC",
      "lightgreen": "#669900",
      "yellow": "#FF8800",
      "red": "#CC0000",
      "purple": "#9933CC",
      "lightblue-dark": "#33B5E5",
      "lightgreen-dark": "#99CC00",
      "yellow-dark": "#FFBB33",
      "red-dark": "#FF4444",
      "purple-dark": "#AA66CC",
      "background": "#eff0f1",
      "base": "#ffffff",
      "primary": "#33B5E5",
      "formsprimary": "#33B5E5",
      "formsconfirm": "#99CC00",
      "formscancel": "#FF4444",
      "background-dark": "#31363b",
      "base-dark": "#232323",
      "primary-dark": "#0099CC",
      "formsprimary-dark": "#0099CC",
      "formsconfirm-dark": "#669900",
      "formscancel-dark": "#CC0000"
    },
    "fonts": {
      "families": {
        "sans": "Roboto, 'Noto Sans', 'Droid Sans', sans-serif",
        "serif": "'Noto Serif', 'Droid Serif', serif",
        "mono": "'Noto Mono', 'Droid Mono', monospace"
      },
      "weights": {
        "default": 400,
        "header": 600
      },
      "sizes": {
        "default": "14pt",
        "title": "18pt",
        "display": "22pt",
        "caption": "12pt"
      }
    },
    "layouts": {
      "page": {
        "margin-h": "16px"
      },
      "navbars": {
        "height": "48px",
        "height-s": "40px",
        "height-m": "56px"
      },
      "lists": {
        "arrows": "none",
        "icons": true
      },
      "tabs": {
        "style": "traditional",
        "prefers": "top",
        "height": "48px"
      },
      "forms": {
        "switches": {
          "style": "square",
          "labels": "on/off"
        },
        "border-radius": "0",
        "min-height": "40px",
        "min-width": "40px",
        "separator-v-control": "8px",
        "separator-v-controlgroup": "16px"
      }
    }
  },
  "ios":{
   "about": {
      "name": "iOS",
      "developer": "Apple"
    },
    "colors": {
      "blue": "#007aff",
      "teal": "#5ac8fa",
      "green": "#34c759",
      "orange": "#ff9500",
      "yellow": "#ffcc00",
      "red": "#ff3b30",
      "pink": "#ff2d55",
      "purple": "#af52de",
      "indigo": "#5856d6",
      "blue-dark": "#0a84ff",
      "teal-dark": "#64d2ff",
      "green-dark": "#30d158",
      "orange-dark": "#ff9f0a",
      "yellow-dark": "#ffd60a",
      "red-dark": "#ff453a",
      "purple-dark": "#bf5af2",
      "background": "#efeff4",
      "base": "#f2f2f7",
      "active": "#007aff",
      "formsactive": "#34c759",
      "formsconfirm": "#007aff",
      "formscancel": "#ff3b30",
      "background-dark": "#000000",
      "base-dark": "#1c1c1c",
      "active-dark": "#0a84ff",
      "formsactive-dark": "#30d158",
      "formsconfirm-dark": "#0a84ff",
      "formscancel-dark": "#ff453a"
    },
    "fonts": {
      "families": {
        "sans": "-apple-system, BlinkMacSystemFont, 'Helvetica Neue', Roboto, 'Noto Sans', Helvetica, Arial, sans-serif",
        "serif": "Georgia, 'Noto Serif', serif",
        "mono": "Menlo, 'Noto Mono', monospace"
      },
      "weights": {
        "default": 400,
        "header": 600
      },
      "sizes": {
        "default": "14pt",
        "title": "18pt",
        "display": "22pt",
        "caption": "12pt"
      }
    },
    "layouts": {
      "page": {
        "margin-h": "16px"
      },
      "navbars": {
        "height": "44px",
        "height-s": "32px"
      },
      "lists": {
        "arrows": "caret",
        "icons": true
      },
      "tabs": {
        "style": "modern",
        "prefers": "bottom",
        "height": "48px"
      },
      "forms": {
        "switches": {
          "style": "full-rounded",
          "labels": "none",
          "labels-accessibility": "i/o"
        },
        "border-radius": "0",
        "min-height": "28px",
        "min-width": "28px",
        "separator-v-control": "16px",
        "separator-v-controlgroup": "35px"
      }
    },
    "compositor": {
      "blur": true
    }
  },
  "linux-common": {
    "about": {
      "name": "Common Linux UI",
      "developer": "Dream UI",
      "description": "Unified GTK and Qt layout"
    },
    "follows": "material",
    "fonts": {
      "families": {
        "sans": "'Noto Sans', 'DejaVu Sans', 'Bitstream Vera Sans', sans-serif",
        "serif": "'Noto Serif', 'DejaVu Serif', 'Bitstream Vera Serif', serif",
        "mono": "'Noto Mono', 'DejaVu Mono', 'Bitstream Vera Mono', monospace"
      },
      "weights": {
        "default": 400
      }
    },
    "layouts": {
      "navbars": {
        "height": "46px"
      },
      "lists": {
        "arrows": "caret",
        "icons": true
      },
      "tabs": {
        "style": "traditional",
        "prefers": "top",
        "height": "24px"
      },
      "forms": {
        "switches": {
          "style": "rounded",
          "labels": "on/off"
        },
        "border-radius": "5px",
        "min-height": "32px",
        "min-width": "26px",
        "separator-v-control": "4px",
        "separator-v-controlgroup": "12px"
      },
      "cards": {
        "separator-h": "32px",
        "separator-v": "32px"
      }
    }
  },
  "material": {
    "about": {
      "name": "Material Design",
      "developer": "Google"
    },
    "colors": {
      "red": "#F44336",
      "pink": "#E91E63",
      "purple": "#9C27B0",
      "deeppurple": "#673AB7",
      "indigo": "#3F51B5",
      "blue": "#2196F3",
      "lightblue": "#03A9F4",
      "cyan": "#00BCD4",
      "teal": "#009688",
      "green": "#4CAF50",
      "lightgreen": "#8BC34A",
      "lime": "#CDDC39",
      "yellow": "#FFEB3B",
      "amber": "#FFC107",
      "orange": "#FF9800",
      "deeporange": "#FF5722",
      "brown": "#795548",
      "gray": "#9E9E9E",
      "bluegray": "#607D8B",
      "red-dark": "#EF9A9A",
      "pink-dark": "#F48FB1",
      "purple-dark": "#CE93D8",
      "deeppurple-dark": "#B39DDB",
      "indigo-dark": "#9FA8DA",
      "blue-dark": "#90CAF9",
      "lightblue-dark": "#81D4FA",
      "cyan-dark": "#80DEEA",
      "teal-dark": "#80CBC4",
      "green-dark": "#C5E1A5",
      "lightgreen-dark": "#8BC34A",
      "lime-dark": "#E6EE9C",
      "yellow-dark": "#FFF59D",
      "amber-dark": "#FFE082",
      "orange-dark": "#FFCC80",
      "deeporange-dark": "#FFAB91",
      "brown-dark": "#BCAAA4",
      "gray-dark": "#EEEEEE",
      "bluegray-dark": "#B0BEC5",
      "background": "#FFFFFF",
      "base": "#FFFFFF",
      "active": "#6200EE",
      "formsactive": "#6200EE",
      "formsconfirm": "#03DAC6",
      "formscancel": "#F44336",
      "background-dark": "#121212",
      "base-dark": "#424242",
      "active-dark": "#BB86FC",
      "formsactive-dark": "#BB86FC",
      "formsconfirm-dark": "#03DAC5",
      "formscancel-dark": "#EF9A9A"
    },
    "fonts": {
      "families": {
        "sans": "Roboto, 'Noto Sans', 'Droid Sans', sans-serif",
        "serif": "'Roboto Slab', 'Noto Serif', 'Droid Serif', serif",
        "mono": "'Roboto Mono', 'Noto Mono', 'Droid Mono', monospace"
      }
    }
  },
  "miui-7": {
    "about": {
      "name": "MIUI 7 - 11",
      "developer": "Xiaomi"
    },
    "follows": "ios",
    "colors": {
      "blue": "#579ee0",
      "green": "#3dc391",
      "yellow": "#fed547",
      "orange": "#fa742d",
      "red": "#e7774f",
      "pink": "#f7406a",
      "purple": "#9113fd",
      "indigo": "#5572be",
      "teal": "#1daba7",
      "light": "#f8f8f8"
    },
    "layouts": {
      "tabs": {
        "style": "inline",
        "prefers": "top"
      }
    }
  },
  "one-ui": {
    "about": {
      "name": "One UI",
      "developer": "Samsung"
    },
    "follows": "material",
    "colors": {
      "background": "#F2F2F2",
      "base": "#FAFAFA",
      "active": "#0381fe",
      "formsactive": "#3e91ff",
      "formsconfirm": "#3e91ff",
      "formscancel": "#f01445",
      "background-dark": "#121212",
      "base-dark": "#202020",
      "active-dark": "#0381fe",
      "formsactive-dark": "#3e91ff",
      "formsconfirm-dark": "#3e91ff",
      "formscancel-dark": "#f01445"
    },
    "fonts": {
      "weights": {
        "header": 300,
        "lists": 300
      }
    },
    "layout": {
      "icons": {
        "style": "solid",
        "edges": "square",
        "backbutton": "caret",
        "menubutton": "hamburger-side"
      },
      "jumbotron": {
        "position": "top",
        "minimum-height": "580px",
        "height": {
          "mobile": "calc(39.67vh - 56px)",
          "tablet": "calc(18.78vh - 56px)"
        },
        "text-align":{
          "vertical": "center",
          "horizontal": "center"
        }
      }
    }
  },
  "touchwiz-3": {
    "about": {
      "name": "TouchWiz Nature UX 3.0",
      "developer": "Samsung"
    },
    "follows": "holo",
    "colors": {
      "blue": "#0085d2",
      "green": "#5c9400",
      "yellow": "#d3981a",
      "orange": "#e97528",
      "red": "#bf2525",
      "purple": "#872ce4",
      "cyan": "#0095ae",
      "background": "#fafafa",
      "base": "#e7e7e7",
      "active": "#0191ac",
      "background-dark": "#00151c",
      "base-dark": "#006578",
      "active-dark": "#0095ae",
      "formsactive": "#adeb00"
    },
    "fonts": {
      "weights": {
        "header": 300,
        "lists": 300
      }
    },
    "layout": {
      "icons": {
        "style": "solid",
        "edges": "square",
        "backbutton": "caret",
        "menubutton": "hamburger-side"
      }
    }
  }
}