Last active
January 31, 2020 09:07
-
-
Save reinhart1010/c68b9cda6c4bc54af292943f7dc6e92f to your computer and use it in GitHub Desktop.
Design System Preferences
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "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" | |
| } | |
| } | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment