├── .gitignore ├── LICENSE ├── README.md ├── photon-colors ├── CHANGELOG.md ├── README.md ├── build.js ├── package-lock.json ├── package.json ├── photon-colors.android.xml ├── photon-colors.css ├── photon-colors.gpl ├── photon-colors.js ├── photon-colors.json ├── photon-colors.less ├── photon-colors.scss ├── photon-colors.sketchpalette ├── photon-colors.soc └── photon-colors.swift ├── photon-components ├── README.md └── package.json └── photon-icons ├── README.md ├── icons ├── android │ └── back-24.svg ├── desktop │ ├── accessibility-16.svg │ ├── arrowhead-down-12.svg │ ├── arrowhead-down-16.svg │ ├── arrowhead-left-12.svg │ ├── arrowhead-left-16.svg │ ├── arrowhead-right-12.svg │ ├── arrowhead-right-16.svg │ ├── arrowhead-up-12.svg │ ├── arrowhead-up-16.svg │ ├── audio-16-mute.svg │ ├── audio-16.svg │ ├── available-updates-16.svg │ ├── back-16.svg │ ├── bookmark-16-filled.svg │ ├── bookmark-16-outline.svg │ ├── bookmark-remove-16.svg │ ├── bookmarksmenu-16.svg │ ├── caption-16.svg │ ├── cast-16.svg │ ├── chapter-16.svg │ ├── character-encoding-16.svg │ ├── check-16.svg │ ├── close-16.svg │ ├── copy-16.svg │ ├── customize-16.svg │ ├── cut-16.svg │ ├── delete-16.svg │ ├── developer-16.svg │ ├── developer-add-16.svg │ ├── developer-app-16.svg │ ├── developer-clear-16.svg │ ├── developer-close-16.svg │ ├── developer-command-console-16.svg │ ├── developer-command-eyedropper-16.svg │ ├── developer-command-frames-16.svg │ ├── developer-command-measure-16.svg │ ├── developer-command-noautohide-16.svg │ ├── developer-command-paintflashing-16.svg │ ├── developer-command-pick-16.svg │ ├── developer-command-responsivemode-16.svg │ ├── developer-command-rulers-16.svg │ ├── developer-command-screenshot-16.svg │ ├── developer-commandline-icon-16.svg │ ├── developer-console-input-12.svg │ ├── developer-console-output-12.svg │ ├── developer-debugger-step-in.svg │ ├── developer-debugger-step-out.svg │ ├── developer-debugger-step-over.svg │ ├── developer-debugging-devices.svg │ ├── developer-debugging-workers.svg │ ├── developer-diff.svg │ ├── developer-dir-close.svg │ ├── developer-dir-open.svg │ ├── developer-dock-bottom.svg │ ├── developer-dock-side.svg │ ├── developer-dock-undock.svg │ ├── developer-fast-forward.svg │ ├── developer-filter.svg │ ├── developer-geometry-editor.svg │ ├── developer-globe.svg │ ├── developer-import.svg │ ├── developer-item-toggle.svg │ ├── developer-pane-collapse.svg │ ├── developer-pane-expand.svg │ ├── developer-panel.svg │ ├── developer-pause.svg │ ├── developer-play.svg │ ├── developer-power.svg │ ├── developer-promise-debugger.svg │ ├── developer-pseudo-class.svg │ ├── developer-rewind.svg │ ├── developer-rotate-viewport.svg │ ├── developer-search.svg │ ├── developer-tool-canvas.svg │ ├── developer-tool-debugger.svg │ ├── developer-tool-dom.svg │ ├── developer-tool-inspector.svg │ ├── developer-tool-memory.svg │ ├── developer-tool-network.svg │ ├── developer-tool-options.svg │ ├── developer-tool-profiler.svg │ ├── developer-tool-scratchpad.svg │ ├── developer-tool-shadereditor.svg │ ├── developer-tool-storage.svg │ ├── developer-tool-styleeditor.svg │ ├── developer-tool-webaudio.svg │ ├── developer-tool-webconsole.svg │ ├── developer-touch-events.svg │ ├── developer-webide.svg │ ├── device-desktop-16.svg │ ├── device-mobile-16.svg │ ├── dictionaries-16.svg │ ├── download-16.svg │ ├── exit-24.svg │ ├── experiments-16.svg │ ├── extensions-16.svg │ ├── folder-16.svg │ ├── forget-16.svg │ ├── formfill-16.svg │ ├── forward-16.svg │ ├── fullscreen-16-disabled.svg │ ├── fullscreen-16.svg │ ├── fullscreen-exit-16.svg │ ├── get-add-ons-16.svg │ ├── go-12.svg │ ├── help-16.svg │ ├── highlights-16.svg │ ├── history-16.svg │ ├── home-16.svg │ ├── identity-icon-hover.svg │ ├── identity-icon-notice-hover.svg │ ├── identity-icon-notice.svg │ ├── identity-icon.svg │ ├── identity-mixed-active-blocked-16.svg │ ├── identity-mixed-active-loaded-16.svg │ ├── identity-mixed-passive-loaded-16.svg │ ├── identity-not-secure-16.svg │ ├── identity-secure-16.svg │ ├── import-export-16.svg │ ├── info-16.svg │ ├── legacy-extension-16.svg │ ├── library-16.svg │ ├── link-16.svg │ ├── list-16.svg │ ├── location-16-disabled.svg │ ├── location-16-mac-disabled.svg │ ├── location-16-mac.svg │ ├── location-16-win-disabled.svg │ ├── location-16-win.svg │ ├── location-16.svg │ ├── login-16.svg │ ├── mail-16.svg │ ├── menu-16.svg │ ├── microphone-16-disabled.svg │ ├── microphone-16.svg │ ├── more-16.svg │ ├── mouse-pointer-16-disabled.svg │ ├── mouse-pointer-16.svg │ ├── narrate-24.svg │ ├── narrate-faster-24.svg │ ├── narrate-slower-24.svg │ ├── new-16.svg │ ├── notification-16-disabled.svg │ ├── notification-16.svg │ ├── open-16.svg │ ├── open-in-new-16.svg │ ├── organize-16.svg │ ├── overflow-16.svg │ ├── paste-16.svg │ ├── pause-16.svg │ ├── permissions-24.svg │ ├── pin-12.svg │ ├── pin-16.svg │ ├── pinremove-16.svg │ ├── play-16.svg │ ├── plugin-16-disabled.svg │ ├── plugin-16.svg │ ├── pocket-16.svg │ ├── pocket-list-16.svg │ ├── popup-block-16.svg │ ├── preferences-16-macos.svg │ ├── print-16.svg │ ├── privatebrowsing-16.svg │ ├── quit-16.svg │ ├── readermode-16.svg │ ├── recent-updates-16.svg │ ├── redo-16.svg │ ├── refresh-16.svg │ ├── report-16.svg │ ├── rewind-16.svg │ ├── save-16.svg │ ├── screen-share-16-disabled.svg │ ├── screen-share-16.svg │ ├── screenshot-16.svg │ ├── search-16.svg │ ├── search-history-16.svg │ ├── share-16-macos.svg │ ├── share-16-windows.svg │ ├── sidebar-16.svg │ ├── stop-16.svg │ ├── store-data-16-disabled.svg │ ├── store-data-16.svg │ ├── subitem-16.svg │ ├── subscribe-16.svg │ ├── sync-16.svg │ ├── tab-16.svg │ ├── tab-groups-12.svg │ ├── tab-new-16.svg │ ├── themes-16.svg │ ├── topsites-16.svg │ ├── tracking-protection-16-disabled.svg │ ├── tracking-protection-16.svg │ ├── type-controls-24.svg │ ├── type-controls-serif-24.svg │ ├── undo-16.svg │ ├── update-failed-16.svg │ ├── update-success-16.svg │ ├── video-recorder-16-disabled.svg │ ├── video-recorder-16.svg │ ├── warning-16.svg │ ├── window-16.svg │ ├── window-new-16.svg │ ├── zoom-in-16.svg │ └── zoom-out-16.svg └── ios │ └── back-24.svg ├── package-lock.json ├── package.json ├── photon-icons.json └── validate.js /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Runtime data 9 | pids 10 | *.pid 11 | *.seed 12 | *.pid.lock 13 | 14 | # Directory for instrumented libs generated by jscoverage/JSCover 15 | lib-cov 16 | 17 | # Coverage directory used by tools like istanbul 18 | coverage 19 | 20 | # nyc test coverage 21 | .nyc_output 22 | 23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) 24 | .grunt 25 | 26 | # Bower dependency directory (https://bower.io/) 27 | bower_components 28 | 29 | # node-waf configuration 30 | .lock-wscript 31 | 32 | # Compiled binary addons (http://nodejs.org/api/addons.html) 33 | build/Release 34 | 35 | # Dependency directories 36 | node_modules/ 37 | jspm_packages/ 38 | 39 | # Typescript v1 declaration files 40 | typings/ 41 | 42 | # Optional npm cache directory 43 | .npm 44 | 45 | # Optional eslint cache 46 | .eslintcache 47 | 48 | # Optional REPL history 49 | .node_repl_history 50 | 51 | # Output of 'npm pack' 52 | *.tgz 53 | 54 | # Yarn Integrity file 55 | .yarn-integrity 56 | 57 | # dotenv environment variables file 58 | .env 59 | 60 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Photon Design Tokens 2 | 3 | A design token is an abstraction of a visual property such as color, font, width, animation, etc. These raw values are language application agnostic and once transformed and formatted can be used on any platform. 4 | 5 | For example in CSS, design tokens are used as _variables_, though there will be conversions made for iOS and Android. 6 | 7 | A design token file is written in [JSON](http://json.org/). For example this is a color token: 8 | 9 | ```json 10 | { 11 | "blue": { 12 | "50": "#0a84ff" 13 | } 14 | } 15 | ``` 16 | 17 | And this is its conversion into a CSS variable: 18 | 19 | ```css 20 | :root { 21 | --blue-50: #0a84ff; 22 | } 23 | ``` 24 | 25 | ## Themes 26 | 27 | Combine multiple tokens to customize frameworks and other dimensions. For Photon themes, see [https://github.com/firefoxux/photon-themes](https://github.com/firefoxux/photon-themes). 28 | 29 | ## Contribute 30 | 31 | Setup the environment with [git](https://git-scm.com/) and [node](https://nodejs.org/en/) already installed. Then: 32 | 33 | ``` 34 | $ git clone https://github.com/firefoxux/design-tokens/ 35 | $ cd /path/to/folder 36 | $ npm install 37 | ``` 38 | 39 | You can either [submit an issue](https://github.com/firefoxux/design-tokens/issues/new) or submit a pull request of changed code yourself. 40 | -------------------------------------------------------------------------------- /photon-colors/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Photon Colors Releases 2 | 3 | ## [3.2.0] - 2018-04-26 4 | 5 | ### Add 6 | 7 | - Purple 30 8 | - Purple 40 9 | 10 | ## [3.1.0] - 2018-04-18 11 | 12 | ### Add 13 | 14 | - Grey 10 a10 15 | - Grey 10 a20 16 | - Grey 10 a40 17 | - Grey 10 a60 18 | - Grey 10 a80 -------------------------------------------------------------------------------- /photon-colors/README.md: -------------------------------------------------------------------------------- 1 | # Photon Colors 2 | 3 | The standard set of colours for projects that want to harmonize with Firefox’s new Photon design language. 4 | 5 | ## Use 6 | 7 | ### Develop 8 | 9 | The Photon Colors can be installed via npm. 10 | 11 | ```bash 12 | $ npm install photon-colors 13 | ``` 14 | 15 | #### CSS 16 | 17 | ```css 18 | @import url('photon-colors.css'); 19 | 20 | .class_name { 21 | color: var(--blue-60); 22 | } 23 | ``` 24 | 25 | #### Sass 26 | 27 | ```Sass 28 | @import "photon-colors.scss"; 29 | 30 | .class_name { 31 | color: $blue-60; 32 | } 33 | ``` 34 | 35 | #### Less 36 | 37 | ```less 38 | @import (reference) "photon-colors.less"; 39 | 40 | .class_name { 41 | color: @blue-60; 42 | } 43 | ``` 44 | 45 | #### JavaScript 46 | 47 | ```js 48 | import photon from 'photon-colors.js'; 49 | 50 | document.getElementById(id).style.color = photon.BLUE_60; 51 | ``` 52 | 53 | #### XML 54 | 55 | Download and paste [photon-colors.android.xml](https://github.com/FirefoxUX/design-tokens/raw/master/photon-colors/photon-colors.android.xml) to your Android project. Then: 56 | 57 | ```xml 58 | 59 | ``` 60 | 61 | #### Swift 62 | 63 | Download and paste [photon-colors.android.swift](https://github.com/FirefoxUX/design-tokens/raw/master/photon-colors/photon-colors.android.swift) to your Swift project. Then: 64 | 65 | ```swift 66 | UIColor.Photon.Blue60 67 | ``` 68 | 69 | ### Apps 70 | 71 | #### Sketch 72 | 73 | 1. Install [Sketch Palettes](https://github.com/andrewfiorillo/sketch-palettes/) plugin 74 | 2. Download [photon-colors.sketchpalette](https://github.com/FirefoxUX/design-tokens/raw/master/photon-colors/photon-colors.sketchpalette) 75 | 3. From Sketch.app Menu Bar Menus select 76 | 4. Plugins > Sketch Palettes > Load Palette 77 | 5. Select photon-colors.sketchpalette 78 | 6. Select load method to Document Presets or Global Presents 79 | 80 | #### GIMP 81 | 82 | 1. Download [photon-colors.gpl](https://github.com/FirefoxUX/design-tokens/raw/master/photon-colors/photon-colors.gpl) 83 | 2. From Gimp Menu Bar Menus select 84 | 3. Windows > Dockable Dialogs > Palettes 85 | 4. From Tab Menu select 86 | 5. Palettes Menu > Import Palette... > Select Source > Palette file 87 | 6. Select photon-colors.gpl 88 | 89 | #### LibreOffice 90 | 91 | 1. Download [photon-colors.soc](https://github.com/FirefoxUX/design-tokens/raw/master/photon-colors/photon-colors.soc) 92 | 2. From Libre Office Menu Bar Menus select 93 | 3. Format > Page... > Area > Color > Load Color List 94 | 4. Select photon-colors.soc 95 | 96 | ## Contribute 97 | 98 | Open an [issue](https://github.com/FirefoxUX/design-tokens/issues/new) or submit a pull request. 99 | 100 | ### Get started 101 | 102 | ``` 103 | $ git clone git@github.com:FirefoxUX/design-tokens.git 104 | $ cd design-tokens/photon-colors 105 | $ npm install 106 | ``` 107 | 108 | ### Add or change color 109 | 110 | 1. Edit `./photon-colors.json` 111 | 2. In the terminal, run `npm run build` 112 | 113 | ### Add file type 114 | 115 | 1. Edit `./build.js` 116 | 2. In the terminal, run `npm run build` 117 | 118 | 119 | 120 | -------------------------------------------------------------------------------- /photon-colors/package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "photon-colors", 3 | "version": "3.0.0", 4 | "lockfileVersion": 1 5 | } 6 | -------------------------------------------------------------------------------- /photon-colors/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "photon-colors", 3 | "version": "3.2.0", 4 | "description": "Color variables for Firefox and related properties.", 5 | "main": "photon-colors.js", 6 | "style": "photon-colors.scss", 7 | "scripts": { 8 | "build": "node build.js" 9 | }, 10 | "repository": { 11 | "type": "git", 12 | "url": "git+https://github.com/FirefoxUX/design-tokens.git" 13 | }, 14 | "keywords": [ 15 | "firefox", 16 | "colors", 17 | "css", 18 | "json" 19 | ], 20 | "author": "Blake Winton ", 21 | "license": "MPL-2.0", 22 | "bugs": { 23 | "url": "https://github.com/FirefoxUX/design-tokens/issues?q=is%3Aissue+is%3Aopen+label%3A%22tokens%3A+colors%22" 24 | }, 25 | "homepage": "https://github.com/FirefoxUX/design-tokens/tree/master/photon-colors#readme" 26 | } 27 | -------------------------------------------------------------------------------- /photon-colors/photon-colors.android.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 6 | 7 | 8 | 9 | #ff1ad9 10 | #ed00b5 11 | #b5007f 12 | #7d004f 13 | #440027 14 | 15 | #c069ff 16 | #ad3bff 17 | #9400ff 18 | #8000d7 19 | #6200a4 20 | #440071 21 | #25003e 22 | 23 | #45a1ff 24 | #0a84ff 25 | #4c0a84ff 26 | #0060df 27 | #003eaa 28 | #002275 29 | #000f40 30 | 31 | #00feff 32 | #00c8d7 33 | #008ea4 34 | #005a71 35 | #002d3e 36 | 37 | #30e60b 38 | #12bc00 39 | #058b00 40 | #006504 41 | #003706 42 | 43 | #ffe900 44 | #d7b600 45 | #a47f00 46 | #715100 47 | #3e2800 48 | 49 | #ff0039 50 | #d70022 51 | #a4000f 52 | #5a0002 53 | #3e0200 54 | 55 | #ff9400 56 | #d76e00 57 | #a44900 58 | #712b00 59 | #3e1300 60 | 61 | #f9f9fa 62 | #19f9f9fa 63 | #33f9f9fa 64 | #66f9f9fa 65 | #99f9f9fa 66 | #ccf9f9fa 67 | #ededf0 68 | #d7d7db 69 | #b1b1b3 70 | #737373 71 | #4a4a4f 72 | #38383d 73 | #2a2a2e 74 | #0c0c0d 75 | #0c0c0c0d 76 | #190c0c0d 77 | #330c0c0d 78 | #4c0c0c0d 79 | #660c0c0d 80 | #7f0c0c0d 81 | #990c0c0d 82 | #b20c0c0d 83 | #cc0c0c0d 84 | #e50c0c0d 85 | 86 | #363959 87 | #202340 88 | #0f1126 89 | 90 | #ffffff 91 | 92 | -------------------------------------------------------------------------------- /photon-colors/photon-colors.css: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | /* Photon Colors CSS Variables v3.2.0 */ 6 | 7 | :root { 8 | --magenta-50: #ff1ad9; 9 | --magenta-60: #ed00b5; 10 | --magenta-70: #b5007f; 11 | --magenta-80: #7d004f; 12 | --magenta-90: #440027; 13 | 14 | --purple-30: #c069ff; 15 | --purple-40: #ad3bff; 16 | --purple-50: #9400ff; 17 | --purple-60: #8000d7; 18 | --purple-70: #6200a4; 19 | --purple-80: #440071; 20 | --purple-90: #25003e; 21 | 22 | --blue-40: #45a1ff; 23 | --blue-50: #0a84ff; 24 | --blue-50-a30: rgba(10, 132, 255, 0.3); 25 | --blue-60: #0060df; 26 | --blue-70: #003eaa; 27 | --blue-80: #002275; 28 | --blue-90: #000f40; 29 | 30 | --teal-50: #00feff; 31 | --teal-60: #00c8d7; 32 | --teal-70: #008ea4; 33 | --teal-80: #005a71; 34 | --teal-90: #002d3e; 35 | 36 | --green-50: #30e60b; 37 | --green-60: #12bc00; 38 | --green-70: #058b00; 39 | --green-80: #006504; 40 | --green-90: #003706; 41 | 42 | --yellow-50: #ffe900; 43 | --yellow-60: #d7b600; 44 | --yellow-70: #a47f00; 45 | --yellow-80: #715100; 46 | --yellow-90: #3e2800; 47 | 48 | --red-50: #ff0039; 49 | --red-60: #d70022; 50 | --red-70: #a4000f; 51 | --red-80: #5a0002; 52 | --red-90: #3e0200; 53 | 54 | --orange-50: #ff9400; 55 | --orange-60: #d76e00; 56 | --orange-70: #a44900; 57 | --orange-80: #712b00; 58 | --orange-90: #3e1300; 59 | 60 | --grey-10: #f9f9fa; 61 | --grey-10-a10: rgba(249, 249, 250, 0.1); 62 | --grey-10-a20: rgba(249, 249, 250, 0.2); 63 | --grey-10-a40: rgba(249, 249, 250, 0.4); 64 | --grey-10-a60: rgba(249, 249, 250, 0.6); 65 | --grey-10-a80: rgba(249, 249, 250, 0.8); 66 | --grey-20: #ededf0; 67 | --grey-30: #d7d7db; 68 | --grey-40: #b1b1b3; 69 | --grey-50: #737373; 70 | --grey-60: #4a4a4f; 71 | --grey-70: #38383d; 72 | --grey-80: #2a2a2e; 73 | --grey-90: #0c0c0d; 74 | --grey-90-a05: rgba(12, 12, 13, 0.05); 75 | --grey-90-a10: rgba(12, 12, 13, 0.1); 76 | --grey-90-a20: rgba(12, 12, 13, 0.2); 77 | --grey-90-a30: rgba(12, 12, 13, 0.3); 78 | --grey-90-a40: rgba(12, 12, 13, 0.4); 79 | --grey-90-a50: rgba(12, 12, 13, 0.5); 80 | --grey-90-a60: rgba(12, 12, 13, 0.6); 81 | --grey-90-a70: rgba(12, 12, 13, 0.7); 82 | --grey-90-a80: rgba(12, 12, 13, 0.8); 83 | --grey-90-a90: rgba(12, 12, 13, 0.9); 84 | 85 | --ink-70: #363959; 86 | --ink-80: #202340; 87 | --ink-90: #0f1126; 88 | 89 | --white-100: #ffffff; 90 | 91 | } 92 | -------------------------------------------------------------------------------- /photon-colors/photon-colors.gpl: -------------------------------------------------------------------------------- 1 | GIMP Palette 2 | Name: Photon Colors 3 | # This Source Code Form is subject to the terms of the Mozilla Public 4 | # License, v. 2.0. If a copy of the MPL was not distributed with this 5 | # file, You can obtain one at http://mozilla.org/MPL/2.0/. 6 | 7 | # Photon Colors GPL Color Palette v3.2.0 8 | # https://github.com/FirefoxUX/design-tokens/tree/master/photon-colors#readme 9 | 10 | 255 26 217 Magenta 50 11 | 237 0 181 Magenta 60 12 | 181 0 127 Magenta 70 13 | 125 0 79 Magenta 80 14 | 68 0 39 Magenta 90 15 | 16 | 192 105 255 Purple 30 17 | 173 59 255 Purple 40 18 | 148 0 255 Purple 50 19 | 128 0 215 Purple 60 20 | 98 0 164 Purple 70 21 | 68 0 113 Purple 80 22 | 37 0 62 Purple 90 23 | 24 | 69 161 255 Blue 40 25 | 10 132 255 Blue 50 26 | 0 96 223 Blue 60 27 | 0 62 170 Blue 70 28 | 0 34 117 Blue 80 29 | 0 15 64 Blue 90 30 | 31 | 0 254 255 Teal 50 32 | 0 200 215 Teal 60 33 | 0 142 164 Teal 70 34 | 0 90 113 Teal 80 35 | 0 45 62 Teal 90 36 | 37 | 48 230 11 Green 50 38 | 18 188 0 Green 60 39 | 5 139 0 Green 70 40 | 0 101 4 Green 80 41 | 0 55 6 Green 90 42 | 43 | 255 233 0 Yellow 50 44 | 215 182 0 Yellow 60 45 | 164 127 0 Yellow 70 46 | 113 81 0 Yellow 80 47 | 62 40 0 Yellow 90 48 | 49 | 255 0 57 Red 50 50 | 215 0 34 Red 60 51 | 164 0 15 Red 70 52 | 90 0 2 Red 80 53 | 62 2 0 Red 90 54 | 55 | 255 148 0 Orange 50 56 | 215 110 0 Orange 60 57 | 164 73 0 Orange 70 58 | 113 43 0 Orange 80 59 | 62 19 0 Orange 90 60 | 61 | 249 249 250 Grey 10 62 | 237 237 240 Grey 20 63 | 215 215 219 Grey 30 64 | 177 177 179 Grey 40 65 | 115 115 115 Grey 50 66 | 74 74 79 Grey 60 67 | 56 56 61 Grey 70 68 | 42 42 46 Grey 80 69 | 12 12 13 Grey 90 70 | 71 | 54 57 89 Ink 70 72 | 32 35 64 Ink 80 73 | 15 17 38 Ink 90 74 | 75 | 255 255 255 White 100 76 | 77 | -------------------------------------------------------------------------------- /photon-colors/photon-colors.js: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | /* Photon Colors JS Variables v3.2.0 */ 6 | 7 | exports.MAGENTA_50 = '#ff1ad9'; 8 | exports.MAGENTA_60 = '#ed00b5'; 9 | exports.MAGENTA_70 = '#b5007f'; 10 | exports.MAGENTA_80 = '#7d004f'; 11 | exports.MAGENTA_90 = '#440027'; 12 | 13 | exports.PURPLE_30 = '#c069ff'; 14 | exports.PURPLE_40 = '#ad3bff'; 15 | exports.PURPLE_50 = '#9400ff'; 16 | exports.PURPLE_60 = '#8000d7'; 17 | exports.PURPLE_70 = '#6200a4'; 18 | exports.PURPLE_80 = '#440071'; 19 | exports.PURPLE_90 = '#25003e'; 20 | 21 | exports.BLUE_40 = '#45a1ff'; 22 | exports.BLUE_50 = '#0a84ff'; 23 | exports.BLUE_50_A30 = '#0a84ff4c'; 24 | exports.BLUE_60 = '#0060df'; 25 | exports.BLUE_70 = '#003eaa'; 26 | exports.BLUE_80 = '#002275'; 27 | exports.BLUE_90 = '#000f40'; 28 | 29 | exports.TEAL_50 = '#00feff'; 30 | exports.TEAL_60 = '#00c8d7'; 31 | exports.TEAL_70 = '#008ea4'; 32 | exports.TEAL_80 = '#005a71'; 33 | exports.TEAL_90 = '#002d3e'; 34 | 35 | exports.GREEN_50 = '#30e60b'; 36 | exports.GREEN_60 = '#12bc00'; 37 | exports.GREEN_70 = '#058b00'; 38 | exports.GREEN_80 = '#006504'; 39 | exports.GREEN_90 = '#003706'; 40 | 41 | exports.YELLOW_50 = '#ffe900'; 42 | exports.YELLOW_60 = '#d7b600'; 43 | exports.YELLOW_70 = '#a47f00'; 44 | exports.YELLOW_80 = '#715100'; 45 | exports.YELLOW_90 = '#3e2800'; 46 | 47 | exports.RED_50 = '#ff0039'; 48 | exports.RED_60 = '#d70022'; 49 | exports.RED_70 = '#a4000f'; 50 | exports.RED_80 = '#5a0002'; 51 | exports.RED_90 = '#3e0200'; 52 | 53 | exports.ORANGE_50 = '#ff9400'; 54 | exports.ORANGE_60 = '#d76e00'; 55 | exports.ORANGE_70 = '#a44900'; 56 | exports.ORANGE_80 = '#712b00'; 57 | exports.ORANGE_90 = '#3e1300'; 58 | 59 | exports.GREY_10 = '#f9f9fa'; 60 | exports.GREY_10_A10 = '#f9f9fa19'; 61 | exports.GREY_10_A20 = '#f9f9fa33'; 62 | exports.GREY_10_A40 = '#f9f9fa66'; 63 | exports.GREY_10_A60 = '#f9f9fa99'; 64 | exports.GREY_10_A80 = '#f9f9facc'; 65 | exports.GREY_20 = '#ededf0'; 66 | exports.GREY_30 = '#d7d7db'; 67 | exports.GREY_40 = '#b1b1b3'; 68 | exports.GREY_50 = '#737373'; 69 | exports.GREY_60 = '#4a4a4f'; 70 | exports.GREY_70 = '#38383d'; 71 | exports.GREY_80 = '#2a2a2e'; 72 | exports.GREY_90 = '#0c0c0d'; 73 | exports.GREY_90_A05 = '#0c0c0d0c'; 74 | exports.GREY_90_A10 = '#0c0c0d19'; 75 | exports.GREY_90_A20 = '#0c0c0d33'; 76 | exports.GREY_90_A30 = '#0c0c0d4c'; 77 | exports.GREY_90_A40 = '#0c0c0d66'; 78 | exports.GREY_90_A50 = '#0c0c0d7f'; 79 | exports.GREY_90_A60 = '#0c0c0d99'; 80 | exports.GREY_90_A70 = '#0c0c0db2'; 81 | exports.GREY_90_A80 = '#0c0c0dcc'; 82 | exports.GREY_90_A90 = '#0c0c0de5'; 83 | 84 | exports.INK_70 = '#363959'; 85 | exports.INK_80 = '#202340'; 86 | exports.INK_90 = '#0f1126'; 87 | 88 | exports.WHITE_100 = '#ffffff'; 89 | 90 | -------------------------------------------------------------------------------- /photon-colors/photon-colors.json: -------------------------------------------------------------------------------- 1 | { 2 | "magenta": { 3 | "50": {"hex": "#ff1ad9"}, 4 | "60": {"hex": "#ed00b5"}, 5 | "70": {"hex": "#b5007f"}, 6 | "80": {"hex": "#7d004f"}, 7 | "90": {"hex": "#440027"} 8 | }, 9 | "purple": { 10 | "30": {"hex": "#c069ff"}, 11 | "40": {"hex": "#ad3bff"}, 12 | "50": {"hex": "#9400ff"}, 13 | "60": {"hex": "#8000d7"}, 14 | "70": {"hex": "#6200a4"}, 15 | "80": {"hex": "#440071"}, 16 | "90": {"hex": "#25003e"} 17 | }, 18 | "blue": { 19 | "40": {"hex": "#45a1ff"}, 20 | "50": {"hex": "#0a84ff", 21 | "opacity": ["30"] 22 | }, 23 | "60": {"hex": "#0060df"}, 24 | "70": {"hex": "#003eaa"}, 25 | "80": {"hex": "#002275"}, 26 | "90": {"hex": "#000f40"} 27 | }, 28 | "teal": { 29 | "50": {"hex": "#00feff"}, 30 | "60": {"hex": "#00c8d7"}, 31 | "70": {"hex": "#008ea4"}, 32 | "80": {"hex": "#005a71"}, 33 | "90": {"hex": "#002d3e"} 34 | }, 35 | "green": { 36 | "50": {"hex": "#30e60b"}, 37 | "60": {"hex": "#12bc00"}, 38 | "70": {"hex": "#058b00"}, 39 | "80": {"hex": "#006504"}, 40 | "90": {"hex": "#003706"} 41 | }, 42 | "yellow": { 43 | "50": {"hex": "#ffe900"}, 44 | "60": {"hex": "#d7b600"}, 45 | "70": {"hex": "#a47f00"}, 46 | "80": {"hex": "#715100"}, 47 | "90": {"hex": "#3e2800"} 48 | }, 49 | "red": { 50 | "50": {"hex": "#ff0039"}, 51 | "60": {"hex": "#d70022"}, 52 | "70": {"hex": "#a4000f"}, 53 | "80": {"hex": "#5a0002"}, 54 | "90": {"hex": "#3e0200"} 55 | }, 56 | "orange": { 57 | "50": {"hex": "#ff9400"}, 58 | "60": {"hex": "#d76e00"}, 59 | "70": {"hex": "#a44900"}, 60 | "80": {"hex": "#712b00"}, 61 | "90": {"hex": "#3e1300"} 62 | }, 63 | "grey": { 64 | "10": {"hex": "#f9f9fa", 65 | "opacity": ["10", "20", "40", "60", "80"] 66 | }, 67 | "20": {"hex": "#ededf0"}, 68 | "30": {"hex": "#d7d7db"}, 69 | "40": {"hex": "#b1b1b3"}, 70 | "50": {"hex": "#737373"}, 71 | "60": {"hex": "#4a4a4f"}, 72 | "70": {"hex": "#38383d"}, 73 | "80": {"hex": "#2a2a2e"}, 74 | "90": {"hex": "#0c0c0d", 75 | "opacity": ["05", "10", "20", "30", "40", "50", "60", "70", "80", "90"] 76 | } 77 | }, 78 | "ink": { 79 | "70": {"hex": "#363959"}, 80 | "80": {"hex": "#202340"}, 81 | "90": {"hex": "#0f1126"} 82 | }, 83 | "white": { 84 | "100": {"hex": "#ffffff"} 85 | } 86 | } 87 | -------------------------------------------------------------------------------- /photon-colors/photon-colors.less: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | /* Photon Colors Less Variables v3.2.0 */ 6 | 7 | @magenta-50: #ff1ad9; 8 | @magenta-60: #ed00b5; 9 | @magenta-70: #b5007f; 10 | @magenta-80: #7d004f; 11 | @magenta-90: #440027; 12 | 13 | @purple-30: #c069ff; 14 | @purple-40: #ad3bff; 15 | @purple-50: #9400ff; 16 | @purple-60: #8000d7; 17 | @purple-70: #6200a4; 18 | @purple-80: #440071; 19 | @purple-90: #25003e; 20 | 21 | @blue-40: #45a1ff; 22 | @blue-50: #0a84ff; 23 | @blue-50-a30: rgba(10, 132, 255, 0.3); 24 | @blue-60: #0060df; 25 | @blue-70: #003eaa; 26 | @blue-80: #002275; 27 | @blue-90: #000f40; 28 | 29 | @teal-50: #00feff; 30 | @teal-60: #00c8d7; 31 | @teal-70: #008ea4; 32 | @teal-80: #005a71; 33 | @teal-90: #002d3e; 34 | 35 | @green-50: #30e60b; 36 | @green-60: #12bc00; 37 | @green-70: #058b00; 38 | @green-80: #006504; 39 | @green-90: #003706; 40 | 41 | @yellow-50: #ffe900; 42 | @yellow-60: #d7b600; 43 | @yellow-70: #a47f00; 44 | @yellow-80: #715100; 45 | @yellow-90: #3e2800; 46 | 47 | @red-50: #ff0039; 48 | @red-60: #d70022; 49 | @red-70: #a4000f; 50 | @red-80: #5a0002; 51 | @red-90: #3e0200; 52 | 53 | @orange-50: #ff9400; 54 | @orange-60: #d76e00; 55 | @orange-70: #a44900; 56 | @orange-80: #712b00; 57 | @orange-90: #3e1300; 58 | 59 | @grey-10: #f9f9fa; 60 | @grey-10-a10: rgba(249, 249, 250, 0.1); 61 | @grey-10-a20: rgba(249, 249, 250, 0.2); 62 | @grey-10-a40: rgba(249, 249, 250, 0.4); 63 | @grey-10-a60: rgba(249, 249, 250, 0.6); 64 | @grey-10-a80: rgba(249, 249, 250, 0.8); 65 | @grey-20: #ededf0; 66 | @grey-30: #d7d7db; 67 | @grey-40: #b1b1b3; 68 | @grey-50: #737373; 69 | @grey-60: #4a4a4f; 70 | @grey-70: #38383d; 71 | @grey-80: #2a2a2e; 72 | @grey-90: #0c0c0d; 73 | @grey-90-a05: rgba(12, 12, 13, 0.05); 74 | @grey-90-a10: rgba(12, 12, 13, 0.1); 75 | @grey-90-a20: rgba(12, 12, 13, 0.2); 76 | @grey-90-a30: rgba(12, 12, 13, 0.3); 77 | @grey-90-a40: rgba(12, 12, 13, 0.4); 78 | @grey-90-a50: rgba(12, 12, 13, 0.5); 79 | @grey-90-a60: rgba(12, 12, 13, 0.6); 80 | @grey-90-a70: rgba(12, 12, 13, 0.7); 81 | @grey-90-a80: rgba(12, 12, 13, 0.8); 82 | @grey-90-a90: rgba(12, 12, 13, 0.9); 83 | 84 | @ink-70: #363959; 85 | @ink-80: #202340; 86 | @ink-90: #0f1126; 87 | 88 | @white-100: #ffffff; 89 | 90 | -------------------------------------------------------------------------------- /photon-colors/photon-colors.scss: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | /* Photon Colors SCSS Variables v3.2.0 */ 6 | 7 | $magenta-50: #ff1ad9; 8 | $magenta-60: #ed00b5; 9 | $magenta-70: #b5007f; 10 | $magenta-80: #7d004f; 11 | $magenta-90: #440027; 12 | 13 | $purple-30: #c069ff; 14 | $purple-40: #ad3bff; 15 | $purple-50: #9400ff; 16 | $purple-60: #8000d7; 17 | $purple-70: #6200a4; 18 | $purple-80: #440071; 19 | $purple-90: #25003e; 20 | 21 | $blue-40: #45a1ff; 22 | $blue-50: #0a84ff; 23 | $blue-50-a30: rgba(10, 132, 255, 0.3); 24 | $blue-60: #0060df; 25 | $blue-70: #003eaa; 26 | $blue-80: #002275; 27 | $blue-90: #000f40; 28 | 29 | $teal-50: #00feff; 30 | $teal-60: #00c8d7; 31 | $teal-70: #008ea4; 32 | $teal-80: #005a71; 33 | $teal-90: #002d3e; 34 | 35 | $green-50: #30e60b; 36 | $green-60: #12bc00; 37 | $green-70: #058b00; 38 | $green-80: #006504; 39 | $green-90: #003706; 40 | 41 | $yellow-50: #ffe900; 42 | $yellow-60: #d7b600; 43 | $yellow-70: #a47f00; 44 | $yellow-80: #715100; 45 | $yellow-90: #3e2800; 46 | 47 | $red-50: #ff0039; 48 | $red-60: #d70022; 49 | $red-70: #a4000f; 50 | $red-80: #5a0002; 51 | $red-90: #3e0200; 52 | 53 | $orange-50: #ff9400; 54 | $orange-60: #d76e00; 55 | $orange-70: #a44900; 56 | $orange-80: #712b00; 57 | $orange-90: #3e1300; 58 | 59 | $grey-10: #f9f9fa; 60 | $grey-10-a10: rgba(249, 249, 250, 0.1); 61 | $grey-10-a20: rgba(249, 249, 250, 0.2); 62 | $grey-10-a40: rgba(249, 249, 250, 0.4); 63 | $grey-10-a60: rgba(249, 249, 250, 0.6); 64 | $grey-10-a80: rgba(249, 249, 250, 0.8); 65 | $grey-20: #ededf0; 66 | $grey-30: #d7d7db; 67 | $grey-40: #b1b1b3; 68 | $grey-50: #737373; 69 | $grey-60: #4a4a4f; 70 | $grey-70: #38383d; 71 | $grey-80: #2a2a2e; 72 | $grey-90: #0c0c0d; 73 | $grey-90-a05: rgba(12, 12, 13, 0.05); 74 | $grey-90-a10: rgba(12, 12, 13, 0.1); 75 | $grey-90-a20: rgba(12, 12, 13, 0.2); 76 | $grey-90-a30: rgba(12, 12, 13, 0.3); 77 | $grey-90-a40: rgba(12, 12, 13, 0.4); 78 | $grey-90-a50: rgba(12, 12, 13, 0.5); 79 | $grey-90-a60: rgba(12, 12, 13, 0.6); 80 | $grey-90-a70: rgba(12, 12, 13, 0.7); 81 | $grey-90-a80: rgba(12, 12, 13, 0.8); 82 | $grey-90-a90: rgba(12, 12, 13, 0.9); 83 | 84 | $ink-70: #363959; 85 | $ink-80: #202340; 86 | $ink-90: #0f1126; 87 | 88 | $white-100: #ffffff; 89 | 90 | -------------------------------------------------------------------------------- /photon-colors/photon-colors.soc: -------------------------------------------------------------------------------- 1 | 2 | 5 | 6 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | -------------------------------------------------------------------------------- /photon-colors/photon-colors.swift: -------------------------------------------------------------------------------- 1 | /* This Source Code Form is subject to the terms of the Mozilla Public 2 | * License, v. 2.0. If a copy of the MPL was not distributed with this 3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 | 5 | /* Photon Colors iOS Variables v3.2.0 6 | From https://github.com/FirefoxUX/design-tokens/tree/master/photon-colors#readme */ 7 | import UIKit 8 | 9 | extension UIColor { 10 | struct Photon { 11 | static let Magenta50 = UIColor(rgb: 0xff1ad9) 12 | static let Magenta60 = UIColor(rgb: 0xed00b5) 13 | static let Magenta70 = UIColor(rgb: 0xb5007f) 14 | static let Magenta80 = UIColor(rgb: 0x7d004f) 15 | static let Magenta90 = UIColor(rgb: 0x440027) 16 | 17 | static let Purple30 = UIColor(rgb: 0xc069ff) 18 | static let Purple40 = UIColor(rgb: 0xad3bff) 19 | static let Purple50 = UIColor(rgb: 0x9400ff) 20 | static let Purple60 = UIColor(rgb: 0x8000d7) 21 | static let Purple70 = UIColor(rgb: 0x6200a4) 22 | static let Purple80 = UIColor(rgb: 0x440071) 23 | static let Purple90 = UIColor(rgb: 0x25003e) 24 | 25 | static let Blue40 = UIColor(rgb: 0x45a1ff) 26 | static let Blue50 = UIColor(rgb: 0x0a84ff) 27 | static let Blue50A30 = UIColor(rgba: 0x0a84ff4c) 28 | static let Blue60 = UIColor(rgb: 0x0060df) 29 | static let Blue70 = UIColor(rgb: 0x003eaa) 30 | static let Blue80 = UIColor(rgb: 0x002275) 31 | static let Blue90 = UIColor(rgb: 0x000f40) 32 | 33 | static let Teal50 = UIColor(rgb: 0x00feff) 34 | static let Teal60 = UIColor(rgb: 0x00c8d7) 35 | static let Teal70 = UIColor(rgb: 0x008ea4) 36 | static let Teal80 = UIColor(rgb: 0x005a71) 37 | static let Teal90 = UIColor(rgb: 0x002d3e) 38 | 39 | static let Green50 = UIColor(rgb: 0x30e60b) 40 | static let Green60 = UIColor(rgb: 0x12bc00) 41 | static let Green70 = UIColor(rgb: 0x058b00) 42 | static let Green80 = UIColor(rgb: 0x006504) 43 | static let Green90 = UIColor(rgb: 0x003706) 44 | 45 | static let Yellow50 = UIColor(rgb: 0xffe900) 46 | static let Yellow60 = UIColor(rgb: 0xd7b600) 47 | static let Yellow70 = UIColor(rgb: 0xa47f00) 48 | static let Yellow80 = UIColor(rgb: 0x715100) 49 | static let Yellow90 = UIColor(rgb: 0x3e2800) 50 | 51 | static let Red50 = UIColor(rgb: 0xff0039) 52 | static let Red60 = UIColor(rgb: 0xd70022) 53 | static let Red70 = UIColor(rgb: 0xa4000f) 54 | static let Red80 = UIColor(rgb: 0x5a0002) 55 | static let Red90 = UIColor(rgb: 0x3e0200) 56 | 57 | static let Orange50 = UIColor(rgb: 0xff9400) 58 | static let Orange60 = UIColor(rgb: 0xd76e00) 59 | static let Orange70 = UIColor(rgb: 0xa44900) 60 | static let Orange80 = UIColor(rgb: 0x712b00) 61 | static let Orange90 = UIColor(rgb: 0x3e1300) 62 | 63 | static let Grey10 = UIColor(rgb: 0xf9f9fa) 64 | static let Grey10A10 = UIColor(rgba: 0xf9f9fa19) 65 | static let Grey10A20 = UIColor(rgba: 0xf9f9fa33) 66 | static let Grey10A40 = UIColor(rgba: 0xf9f9fa66) 67 | static let Grey10A60 = UIColor(rgba: 0xf9f9fa99) 68 | static let Grey10A80 = UIColor(rgba: 0xf9f9facc) 69 | static let Grey20 = UIColor(rgb: 0xededf0) 70 | static let Grey30 = UIColor(rgb: 0xd7d7db) 71 | static let Grey40 = UIColor(rgb: 0xb1b1b3) 72 | static let Grey50 = UIColor(rgb: 0x737373) 73 | static let Grey60 = UIColor(rgb: 0x4a4a4f) 74 | static let Grey70 = UIColor(rgb: 0x38383d) 75 | static let Grey80 = UIColor(rgb: 0x2a2a2e) 76 | static let Grey90 = UIColor(rgb: 0x0c0c0d) 77 | static let Grey90A05 = UIColor(rgba: 0x0c0c0d0c) 78 | static let Grey90A10 = UIColor(rgba: 0x0c0c0d19) 79 | static let Grey90A20 = UIColor(rgba: 0x0c0c0d33) 80 | static let Grey90A30 = UIColor(rgba: 0x0c0c0d4c) 81 | static let Grey90A40 = UIColor(rgba: 0x0c0c0d66) 82 | static let Grey90A50 = UIColor(rgba: 0x0c0c0d7f) 83 | static let Grey90A60 = UIColor(rgba: 0x0c0c0d99) 84 | static let Grey90A70 = UIColor(rgba: 0x0c0c0db2) 85 | static let Grey90A80 = UIColor(rgba: 0x0c0c0dcc) 86 | static let Grey90A90 = UIColor(rgba: 0x0c0c0de5) 87 | 88 | static let Ink70 = UIColor(rgb: 0x363959) 89 | static let Ink80 = UIColor(rgb: 0x202340) 90 | static let Ink90 = UIColor(rgb: 0x0f1126) 91 | 92 | static let White100 = UIColor(rgb: 0xffffff) 93 | 94 | } 95 | } -------------------------------------------------------------------------------- /photon-components/README.md: -------------------------------------------------------------------------------- 1 | # Photon Components 2 | 3 | A collection of components that harmonizes with Firefox’s new Photon design. 4 | -------------------------------------------------------------------------------- /photon-components/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "photon-components", 3 | "version": "0.0.1", 4 | "description": "Component theme for Firefox and related properties.", 5 | "scripts": { 6 | "build": "node build.js" 7 | }, 8 | "repository": { 9 | "type": "git", 10 | "url": "git+https://github.com/FirefoxUX/design-tokens.git" 11 | }, 12 | "keywords": [ 13 | "firefox", 14 | "ant", 15 | "design", 16 | "css", 17 | "json" 18 | ], 19 | "author": "Blake Winton ", 20 | "license": "MPL-2.0", 21 | "bugs": { 22 | "url": "https://github.com/FirefoxUX/design-tokens/issues?q=is%3Aissue+is%3Aopen+label%3A%22tokens%3A+components%22" 23 | }, 24 | "homepage": "https://github.com/FirefoxUX/design-tokens/tree/master/photon-components#readme" 25 | } 26 | -------------------------------------------------------------------------------- /photon-icons/README.md: -------------------------------------------------------------------------------- 1 | # Photon Icons 2 | 3 | A collection of icons that harmonize with Firefox’s new Photon design. 4 | -------------------------------------------------------------------------------- /photon-icons/icons/android/back-24.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/accessibility-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/arrowhead-down-12.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/arrowhead-down-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/arrowhead-left-12.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/arrowhead-left-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/arrowhead-right-12.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/arrowhead-right-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/arrowhead-up-12.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/arrowhead-up-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/audio-16-mute.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/audio-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/available-updates-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/back-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/bookmark-16-filled.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/bookmark-16-outline.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/bookmark-remove-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/bookmarksmenu-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/caption-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | firefox 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/cast-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | firefox 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/chapter-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | firefox 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/character-encoding-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/check-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/close-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/copy-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/customize-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/cut-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/delete-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-add-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-app-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-clear-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-close-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-command-console-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-command-eyedropper-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-command-frames-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-command-measure-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-command-noautohide-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-command-paintflashing-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-command-pick-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-command-responsivemode-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-command-rulers-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-command-screenshot-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-commandline-icon-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-console-input-12.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-console-output-12.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-debugger-step-in.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-debugger-step-out.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-debugger-step-over.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-debugging-devices.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-debugging-workers.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-diff.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-dir-close.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-dir-open.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-dock-bottom.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-dock-side.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-dock-undock.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-fast-forward.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-filter.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-geometry-editor.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-globe.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-import.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-item-toggle.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-pane-collapse.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-pane-expand.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-panel.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-pause.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-play.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-power.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-promise-debugger.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-pseudo-class.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-rewind.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-rotate-viewport.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-search.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-tool-canvas.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-tool-debugger.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-tool-dom.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-tool-inspector.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-tool-memory.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-tool-network.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-tool-options.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-tool-profiler.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-tool-scratchpad.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-tool-shadereditor.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-tool-storage.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-tool-styleeditor.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-tool-webaudio.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-tool-webconsole.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-touch-events.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/developer-webide.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/device-desktop-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/device-mobile-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/dictionaries-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/download-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/exit-24.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/experiments-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/extensions-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/folder-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/forget-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/formfill-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/forward-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/fullscreen-16-disabled.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/fullscreen-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/fullscreen-exit-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | fullscreen-exit-16 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/get-add-ons-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/go-12.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/help-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/highlights-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/history-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/home-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/identity-icon-hover.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/identity-icon-notice-hover.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/identity-icon-notice.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/identity-icon.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/identity-mixed-active-blocked-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/identity-mixed-active-loaded-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/identity-mixed-passive-loaded-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/identity-secure-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/import-export-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 9 | 10 | 11 | firefox 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/info-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/legacy-extension-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/library-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/link-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/list-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 9 | 10 | 11 | firefox 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/location-16-disabled.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/location-16-mac-disabled.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/location-16-mac.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/location-16-win-disabled.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/location-16-win.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/location-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/login-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/mail-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/menu-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/microphone-16-disabled.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/microphone-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/more-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/mouse-pointer-16-disabled.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/mouse-pointer-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/narrate-24.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/narrate-faster-24.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/narrate-slower-24.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/new-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/notification-16-disabled.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/notification-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/open-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/open-in-new-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/organize-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 9 | 10 | 11 | firefox 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/overflow-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/paste-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/pause-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/permissions-24.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/pin-12.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/pin-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/pinremove-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/play-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/plugin-16-disabled.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/plugin-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/pocket-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/pocket-list-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/popup-block-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/preferences-16-macos.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/print-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/privatebrowsing-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/quit-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/readermode-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/recent-updates-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/redo-16.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/refresh-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/report-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/rewind-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/save-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/screen-share-16-disabled.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/screen-share-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/screenshot-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/search-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/search-history-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/share-16-macos.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/share-16-windows.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/sidebar-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/stop-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/store-data-16-disabled.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/store-data-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/subitem-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/subscribe-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/sync-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/tab-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/tab-groups-12.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/tab-new-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/themes-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/topsites-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/tracking-protection-16-disabled.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/tracking-protection-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/type-controls-24.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/type-controls-serif-24.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/undo-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/update-failed-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/update-success-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/video-recorder-16-disabled.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/video-recorder-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/warning-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/window-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/window-new-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/zoom-in-16.svg: -------------------------------------------------------------------------------- 1 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /photon-icons/icons/desktop/zoom-out-16.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /photon-icons/icons/ios/back-24.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /photon-icons/package-lock.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "photon-icons", 3 | "version": "0.0.1", 4 | "lockfileVersion": 1, 5 | "requires": true, 6 | "dependencies": { 7 | "balanced-match": { 8 | "version": "1.0.0", 9 | "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.0.tgz", 10 | "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=" 11 | }, 12 | "brace-expansion": { 13 | "version": "1.1.11", 14 | "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", 15 | "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==", 16 | "requires": { 17 | "balanced-match": "1.0.0", 18 | "concat-map": "0.0.1" 19 | } 20 | }, 21 | "concat-map": { 22 | "version": "0.0.1", 23 | "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz", 24 | "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=" 25 | }, 26 | "fs.realpath": { 27 | "version": "1.0.0", 28 | "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz", 29 | "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=" 30 | }, 31 | "glob": { 32 | "version": "7.1.2", 33 | "resolved": "https://registry.npmjs.org/glob/-/glob-7.1.2.tgz", 34 | "integrity": "sha512-MJTUg1kjuLeQCJ+ccE4Vpa6kKVXkPYJ2mOCQyUuKLcLQsdrMCpBPUi8qVE6+YuaJkozeA9NusTAw3hLr8Xe5EQ==", 35 | "requires": { 36 | "fs.realpath": "1.0.0", 37 | "inflight": "1.0.6", 38 | "inherits": "2.0.3", 39 | "minimatch": "3.0.4", 40 | "once": "1.4.0", 41 | "path-is-absolute": "1.0.1" 42 | } 43 | }, 44 | "inflight": { 45 | "version": "1.0.6", 46 | "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz", 47 | "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=", 48 | "requires": { 49 | "once": "1.4.0", 50 | "wrappy": "1.0.2" 51 | } 52 | }, 53 | "inherits": { 54 | "version": "2.0.3", 55 | "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz", 56 | "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=" 57 | }, 58 | "interpret": { 59 | "version": "1.1.0", 60 | "resolved": "https://registry.npmjs.org/interpret/-/interpret-1.1.0.tgz", 61 | "integrity": "sha1-ftGxQQxqDg94z5XTuEQMY/eLhhQ=" 62 | }, 63 | "minimatch": { 64 | "version": "3.0.4", 65 | "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.0.4.tgz", 66 | "integrity": "sha512-yJHVQEhyqPLUTgt9B83PXu6W3rx4MvvHvSUvToogpwoGDOUQ+yDrR0HRot+yOCdCO7u4hX3pWft6kWBBcqh0UA==", 67 | "requires": { 68 | "brace-expansion": "1.1.11" 69 | } 70 | }, 71 | "once": { 72 | "version": "1.4.0", 73 | "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz", 74 | "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=", 75 | "requires": { 76 | "wrappy": "1.0.2" 77 | } 78 | }, 79 | "path-is-absolute": { 80 | "version": "1.0.1", 81 | "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz", 82 | "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=" 83 | }, 84 | "path-parse": { 85 | "version": "1.0.5", 86 | "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.5.tgz", 87 | "integrity": "sha1-PBrfhx6pzWyUMbbqK9dKD/BVxME=" 88 | }, 89 | "rechoir": { 90 | "version": "0.6.2", 91 | "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.6.2.tgz", 92 | "integrity": "sha1-hSBLVNuoLVdC4oyWdW70OvUOM4Q=", 93 | "requires": { 94 | "resolve": "1.5.0" 95 | } 96 | }, 97 | "resolve": { 98 | "version": "1.5.0", 99 | "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.5.0.tgz", 100 | "integrity": "sha512-hgoSGrc3pjzAPHNBg+KnFcK2HwlHTs/YrAGUr6qgTVUZmXv1UEXXl0bZNBKMA9fud6lRYFdPGz0xXxycPzmmiw==", 101 | "requires": { 102 | "path-parse": "1.0.5" 103 | } 104 | }, 105 | "shelljs": { 106 | "version": "0.8.1", 107 | "resolved": "https://registry.npmjs.org/shelljs/-/shelljs-0.8.1.tgz", 108 | "integrity": "sha512-YA/iYtZpzFe5HyWVGrb02FjPxc4EMCfpoU/Phg9fQoyMC72u9598OUBrsU8IrtwAKG0tO8IYaqbaLIw+k3IRGA==", 109 | "requires": { 110 | "glob": "7.1.2", 111 | "interpret": "1.1.0", 112 | "rechoir": "0.6.2" 113 | } 114 | }, 115 | "wrappy": { 116 | "version": "1.0.2", 117 | "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz", 118 | "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=" 119 | } 120 | } 121 | } 122 | -------------------------------------------------------------------------------- /photon-icons/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "photon-icons", 3 | "version": "0.0.1", 4 | "description": "Icons for Firefox and related properties.", 5 | "scripts": { 6 | "test": "node validate.js" 7 | }, 8 | "repository": { 9 | "type": "git", 10 | "url": "git+https://github.com/FirefoxUX/design-tokens.git" 11 | }, 12 | "keywords": [ 13 | "firefox", 14 | "icons", 15 | "design", 16 | "tokens", 17 | "json" 18 | ], 19 | "author": "Blake Winton ", 20 | "license": "MPL-2.0", 21 | "bugs": { 22 | "url": "https://github.com/FirefoxUX/design-tokens/issues?q=is%3Aissue+is%3Aopen+label%3A%22tokens%3A+icons%22" 23 | }, 24 | "homepage": "https://github.com/FirefoxUX/design-tokens/tree/master/photon-icons#readme", 25 | "dependencies": { 26 | "shelljs": "0.8.1" 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /photon-icons/validate.js: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env node 2 | 'use strict'; 3 | 4 | var shell = require('shelljs'); 5 | const images = shell.ls('-R', 'icons') 6 | .map(image => `icons/${image}`) 7 | .filter(image => image.includes('.')); 8 | const unseen = images.slice(); 9 | const {icons} = require('./photon-icons.json'); 10 | const missing = []; 11 | 12 | let prevname = ""; 13 | const out_of_order = []; 14 | 15 | for (let icon of icons) { 16 | let currname = icon.categories.join(':') + '/' + icon.name; 17 | if (currname < prevname) { 18 | out_of_order.push(`${currname} should be before ${prevname}.`); 19 | } 20 | prevname = currname; 21 | for (let source in icon.source) { 22 | for (let size in icon.source[source]) { 23 | let image = icon.source[source][size]; 24 | let exists = images.includes(image); 25 | let unseenIndex = unseen.indexOf(image); 26 | if (!exists) { 27 | missing.push(`${image} (from ${icon.name}.${source}.${size})`) 28 | } 29 | if (unseenIndex != -1) { 30 | unseen.splice(unseenIndex, 1); 31 | } 32 | } 33 | } 34 | } 35 | 36 | if (missing.length) { 37 | console.log(`Missing files:\n ${missing.join("\n ")}`); 38 | } 39 | if (unseen.length) { 40 | console.log(`Extra files:\n ${unseen.join("\n ")}`); 41 | } 42 | 43 | if (out_of_order.length) { 44 | console.log(`Out of order entries:\n ${out_of_order.join("\n ")}`); 45 | } --------------------------------------------------------------------------------