OLD | NEW |
1 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html"> |
2 <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/color.html
"> |
3 | 3 |
4 <!-- Common css variables for Material Design settings. --> | 4 <!-- Common css variables for Material Design settings. --> |
5 <style is="custom-style"> | 5 <style is="custom-style"> |
6 :root { | 6 :root { |
7 --checkbox-margin-start: 2px; | 7 --checkbox-margin-start: 2px; |
8 --checkbox-size: 16px; | 8 --checkbox-size: 16px; |
9 --checkbox-spacing: 18px; | 9 --checkbox-spacing: 18px; |
10 --iron-icon-fill-color: var(--paper-grey-600); | 10 --iron-icon-fill-color: var(--paper-grey-600); |
(...skipping 15 matching lines...) Expand all Loading... |
26 | 26 |
27 --settings-actionable: var(--cr-actionable); | 27 --settings-actionable: var(--cr-actionable); |
28 | 28 |
29 /* Custom grey for Alan (bettes@). */ | 29 /* Custom grey for Alan (bettes@). */ |
30 --settings-background-color: rgb(241, 241, 241); | 30 --settings-background-color: rgb(241, 241, 241); |
31 --settings-secondary: { | 31 --settings-secondary: { |
32 color: var(--paper-grey-600); | 32 color: var(--paper-grey-600); |
33 font-weight: 400; | 33 font-weight: 400; |
34 margin-top: 4px; | 34 margin-top: 4px; |
35 }; | 35 }; |
| 36 --settings-disabled-opacity: .65; |
36 --settings-error-color: var(--paper-red-700); | 37 --settings-error-color: var(--paper-red-700); |
37 | 38 |
38 --settings-list-frame-padding: { | 39 --settings-list-frame-padding: { |
39 -webkit-padding-end: 20px; | 40 -webkit-padding-end: 20px; |
40 -webkit-padding-start: 56px; | 41 -webkit-padding-start: 56px; |
41 padding-bottom: 0; | 42 padding-bottom: 0; |
42 padding-top: 0; | 43 padding-top: 0; |
43 } | 44 } |
44 | 45 |
45 /* Some colors use non-MD colors. These custom colors are specified by | 46 /* Some colors use non-MD colors. These custom colors are specified by |
46 * UX design (bettes@). */ | 47 * UX design (bettes@). */ |
47 --settings-nav-grey: rgb(90, 90, 90); | 48 --settings-nav-grey: rgb(90, 90, 90); |
48 | 49 |
49 --settings-page-vertical-margin: 21px; | 50 --settings-page-vertical-margin: 21px; |
50 | 51 |
51 --settings-row-min-height: 44px; | 52 --settings-row-min-height: 44px; |
52 --settings-row-two-line-min-height: 56px; | 53 --settings-row-two-line-min-height: 56px; |
53 --settings-separator-line: var(--cr-separator-line); | 54 --settings-separator-line: var(--cr-separator-line); |
54 | 55 |
55 --settings-title-bar-background-color: var(--google-blue-700); | 56 --settings-title-bar-background-color: var(--google-blue-700); |
56 --settings-title-bar-color: rgb(255, 255, 255); | 57 --settings-title-bar-color: rgb(255, 255, 255); |
57 --settings-title-search-color: rgb(192, 199, 205); | 58 --settings-title-search-color: rgb(192, 199, 205); |
58 } | 59 } |
59 </style> | 60 </style> |
OLD | NEW |