| OLD | NEW |
| (Empty) |
| 1 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> | |
| 2 | |
| 3 <!-- Common css variables for Material Design settings. --> | |
| 4 <style is="custom-style"> | |
| 5 :root { | |
| 6 --checkbox-margin-start: 2px; | |
| 7 --checkbox-size: 16px; | |
| 8 --checkbox-spacing: 18px; | |
| 9 --iron-icon-fill-color: var(--paper-grey-600); | |
| 10 --iron-icon-height: 20px; | |
| 11 --iron-icon-spacing: 16px; | |
| 12 --iron-icon-width: 20px; | |
| 13 --paper-checkbox-label-color: inherit; | |
| 14 --paper-dialog-color: inherit; | |
| 15 --paper-icon-button: { | |
| 16 width: 36px; | |
| 17 height: 36px; | |
| 18 }; | |
| 19 --paper-input-max-width: 264px; | |
| 20 --paper-item: { | |
| 21 font-size: inherit; | |
| 22 }; | |
| 23 --paper-radio-button-label-color: inherit; | |
| 24 --paper-radio-group-item-padding: 0; | |
| 25 | |
| 26 /* Custom grey for Alan (bettes@). */ | |
| 27 --settings-background-color: rgb(241, 241, 241); | |
| 28 --settings-secondary: { | |
| 29 color: var(--paper-grey-600); | |
| 30 font-weight: 400; | |
| 31 margin-top: 4px; | |
| 32 }; | |
| 33 --settings-error-color: var(--paper-red-700); | |
| 34 | |
| 35 /* Some colors use non-MD colors. These custom colors are specified by | |
| 36 * UX design (bettes@). */ | |
| 37 --settings-nav-grey: rgb(90, 90, 90); | |
| 38 | |
| 39 --settings-page-vertical-margin: 21px; | |
| 40 | |
| 41 --settings-row-min-height: 44px; | |
| 42 --settings-separator-line: 1px solid rgba(0, 0, 0, 0.06); | |
| 43 | |
| 44 --settings-title-bar-background-color: var(--google-blue-700); | |
| 45 --settings-title-bar-color: rgb(255, 255, 255); | |
| 46 --settings-title-search-color: rgb(192, 199, 205); | |
| 47 | |
| 48 --settings-actionable: { | |
| 49 cursor: pointer; | |
| 50 }; | |
| 51 } | |
| 52 </style> | |
| OLD | NEW |