| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> |
| 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/default-th
eme.html"> |
| 3 |
| 1 <style is="custom-style"> | 4 <style is="custom-style"> |
| 2 :root { | 5 :root { |
| 3 --card-border-color: rgba(0, 0, 0, 0.14); | 6 --card-border-color: rgba(0, 0, 0, 0.14); |
| 4 --card-first-last-item-padding: 8px; | 7 --card-first-last-item-padding: 8px; |
| 5 --card-max-width: 960px; | 8 --card-max-width: 960px; |
| 6 --card-min-width: 550px; | 9 --card-min-width: 550px; |
| 7 --card-padding-between: 16px; | 10 --card-padding-between: 16px; |
| 8 --card-padding-side: 24px; | 11 --card-padding-side: 24px; |
| 9 --card-sizing: { | 12 --card-sizing: { |
| 10 margin: 0 auto; | 13 margin: 0 auto; |
| 11 max-width: var(--card-max-width); | 14 max-width: var(--card-max-width); |
| 12 min-width: var(--card-min-width); | 15 min-width: var(--card-min-width); |
| 13 padding: 0 var(--card-padding-side); | 16 padding: 0 var(--card-padding-side); |
| 14 width: calc(100% - 2 * var(--card-padding-side)); | 17 width: calc(100% - 2 * var(--card-padding-side)); |
| 15 }; | 18 }; |
| 16 --first-card-padding-top: 24px; | 19 --first-card-padding-top: 24px; |
| 20 --history-item-time-color: #646464; |
| 21 --interactive-color: var(--google-blue-500); |
| 17 --item-height: 44px; | 22 --item-height: 44px; |
| 18 --primary-text-color: #333; | 23 --link-color: var(--google-blue-700); |
| 19 --secondary-text-color: #757575; | 24 --primary-text-color: var(--paper-grey-800); |
| 25 --secondary-text-color: var(--paper-grey-600); |
| 26 --separator-color: rgba(0, 0, 0, 0.08); |
| 20 --side-bar-width: 256px; | 27 --side-bar-width: 256px; |
| 28 --sidebar-footer-text-color: #6e6e6e; |
| 29 --sidebar-unselected-color: #5a5a5a; |
| 21 --toolbar-grouped-height: 101px; | 30 --toolbar-grouped-height: 101px; |
| 22 --toolbar-height: 56px; | 31 --toolbar-height: 56px; |
| 23 } | 32 } |
| 24 </style> | 33 </style> |
| OLD | NEW |