OLD | NEW |
1 /* | 1 /* |
2 * Copyright (C) 2011 Brian Grinstead All rights reserved. | 2 * Copyright (C) 2011 Brian Grinstead All rights reserved. |
3 * | 3 * |
4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
5 * modification, are permitted provided that the following conditions | 5 * modification, are permitted provided that the following conditions |
6 * are met: | 6 * are met: |
7 * | 7 * |
8 * 1. Redistributions of source code must retain the above copyright | 8 * 1. Redistributions of source code must retain the above copyright |
9 * notice, this list of conditions and the following disclaimer. | 9 * notice, this list of conditions and the following disclaimer. |
10 * 2. Redistributions in binary form must reproduce the above copyright | 10 * 2. Redistributions in binary form must reproduce the above copyright |
(...skipping 28 matching lines...) Expand all Loading... |
39 { | 39 { |
40 var icon = parentElement.createSVGChild("svg"); | 40 var icon = parentElement.createSVGChild("svg"); |
41 icon.setAttribute("height", 16); | 41 icon.setAttribute("height", 16); |
42 icon.setAttribute("width", 16); | 42 icon.setAttribute("width", 16); |
43 var path = icon.createSVGChild("path"); | 43 var path = icon.createSVGChild("path"); |
44 path.setAttribute("d", "M5,6 L11,6 L8,2 Z M5,10 L11,10 L8,14 Z"); | 44 path.setAttribute("d", "M5,6 L11,6 L8,2 Z M5,10 L11,10 L8,14 Z"); |
45 return icon; | 45 return icon; |
46 } | 46 } |
47 | 47 |
48 WebInspector.VBox.call(this, true); | 48 WebInspector.VBox.call(this, true); |
49 this.registerRequiredCSS("elements/spectrum.css"); | 49 this.registerRequiredCSS("components/spectrum.css"); |
50 this.contentElement.tabIndex = 0; | 50 this.contentElement.tabIndex = 0; |
51 | 51 |
52 this._colorElement = this.contentElement.createChild("div", "spectrum-color"
); | 52 this._colorElement = this.contentElement.createChild("div", "spectrum-color"
); |
53 this._colorDragElement = this._colorElement.createChild("div", "spectrum-sat
fill").createChild("div", "spectrum-val fill").createChild("div", "spectrum-dra
gger"); | 53 this._colorDragElement = this._colorElement.createChild("div", "spectrum-sat
fill").createChild("div", "spectrum-val fill").createChild("div", "spectrum-dra
gger"); |
54 var contrastRatioSVG = this._colorElement.createSVGChild("svg", "spectrum-co
ntrast-container fill"); | 54 var contrastRatioSVG = this._colorElement.createSVGChild("svg", "spectrum-co
ntrast-container fill"); |
55 this._contrastRatioLine = contrastRatioSVG.createSVGChild("path", "spectrum-
contrast-line"); | 55 this._contrastRatioLine = contrastRatioSVG.createSVGChild("path", "spectrum-
contrast-line"); |
56 | 56 |
57 var toolbar = new WebInspector.Toolbar("spectrum-eye-dropper", this.contentE
lement); | 57 var toolbar = new WebInspector.Toolbar("spectrum-eye-dropper", this.contentE
lement); |
58 this._colorPickerButton = new WebInspector.ToolbarToggle(WebInspector.UIStri
ng("Toggle color picker"), "eyedropper-toolbar-item"); | 58 this._colorPickerButton = new WebInspector.ToolbarToggle(WebInspector.UIStri
ng("Toggle color picker"), "eyedropper-toolbar-item"); |
59 this._colorPickerButton.setToggled(true); | 59 this._colorPickerButton.setToggled(true); |
(...skipping 975 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
1035 "#FFEB3B": ["#FFFDE7", "#FFF9C4", "#FFF59D", "#FFF176", "#FFEE58", "#FFEB3B"
, "#FDD835", "#FBC02D", "#F9A825", "#F57F17"], | 1035 "#FFEB3B": ["#FFFDE7", "#FFF9C4", "#FFF59D", "#FFF176", "#FFEE58", "#FFEB3B"
, "#FDD835", "#FBC02D", "#F9A825", "#F57F17"], |
1036 "#FFC107": ["#FFF8E1", "#FFECB3", "#FFE082", "#FFD54F", "#FFCA28", "#FFC107"
, "#FFB300", "#FFA000", "#FF8F00", "#FF6F00"], | 1036 "#FFC107": ["#FFF8E1", "#FFECB3", "#FFE082", "#FFD54F", "#FFCA28", "#FFC107"
, "#FFB300", "#FFA000", "#FF8F00", "#FF6F00"], |
1037 "#FF9800": ["#FFF3E0", "#FFE0B2", "#FFCC80", "#FFB74D", "#FFA726", "#FF9800"
, "#FB8C00", "#F57C00", "#EF6C00", "#E65100"], | 1037 "#FF9800": ["#FFF3E0", "#FFE0B2", "#FFCC80", "#FFB74D", "#FFA726", "#FF9800"
, "#FB8C00", "#F57C00", "#EF6C00", "#E65100"], |
1038 "#FF5722": ["#FBE9E7", "#FFCCBC", "#FFAB91", "#FF8A65", "#FF7043", "#FF5722"
, "#F4511E", "#E64A19", "#D84315", "#BF360C"], | 1038 "#FF5722": ["#FBE9E7", "#FFCCBC", "#FFAB91", "#FF8A65", "#FF7043", "#FF5722"
, "#F4511E", "#E64A19", "#D84315", "#BF360C"], |
1039 "#795548": ["#EFEBE9", "#D7CCC8", "#BCAAA4", "#A1887F", "#8D6E63", "#795548"
, "#6D4C41", "#5D4037", "#4E342E", "#3E2723"], | 1039 "#795548": ["#EFEBE9", "#D7CCC8", "#BCAAA4", "#A1887F", "#8D6E63", "#795548"
, "#6D4C41", "#5D4037", "#4E342E", "#3E2723"], |
1040 "#9E9E9E": ["#FAFAFA", "#F5F5F5", "#EEEEEE", "#E0E0E0", "#BDBDBD", "#9E9E9E"
, "#757575", "#616161", "#424242", "#212121"], | 1040 "#9E9E9E": ["#FAFAFA", "#F5F5F5", "#EEEEEE", "#E0E0E0", "#BDBDBD", "#9E9E9E"
, "#757575", "#616161", "#424242", "#212121"], |
1041 "#607D8B": ["#ECEFF1", "#CFD8DC", "#B0BEC5", "#90A4AE", "#78909C", "#607D8B"
, "#546E7A", "#455A64", "#37474F", "#263238"] | 1041 "#607D8B": ["#ECEFF1", "#CFD8DC", "#B0BEC5", "#90A4AE", "#78909C", "#607D8B"
, "#546E7A", "#455A64", "#37474F", "#263238"] |
1042 }; | 1042 }; |
1043 | 1043 |
1044 WebInspector.Spectrum.MaterialPalette = { title: "Material", mutable: false, mat
chUserFormat: true, colors: Object.keys(WebInspector.Spectrum.MaterialPaletteSha
des) }; | 1044 WebInspector.Spectrum.MaterialPalette = { title: "Material", mutable: false, mat
chUserFormat: true, colors: Object.keys(WebInspector.Spectrum.MaterialPaletteSha
des) }; |
OLD | NEW |