OLD | NEW |
1 html, | 1 html, |
2 .section > h2 span, | 2 .section > h2 span, |
3 #most-visited-settings { | 3 #most-visited-settings { |
4 background-attachment: fixed; | 4 background-attachment: fixed; |
5 background-color: $2; /* COLOR_NTP_BACKGROUND */ | 5 background-color: $2; /* COLOR_NTP_BACKGROUND */ |
6 background-image: url(chrome://theme/IDR_THEME_NTP_BACKGROUND?$1); | 6 background-image: url(chrome://theme/IDR_THEME_NTP_BACKGROUND?$1); |
7 background-position: $3; | 7 background-position: $3; |
8 background-repeat: $5; | 8 background-repeat: $5; |
9 } | 9 } |
10 | 10 |
11 html[bookmarkbarattached='true'], | 11 html[bookmarkbarattached='true'], |
12 html[bookmarkbarattached='true'] .section > h2 span, | 12 html[bookmarkbarattached='true'] .section > h2 span, |
13 html[bookmarkbarattached='true'] #most-visited-settings { | 13 html[bookmarkbarattached='true'] #most-visited-settings { |
14 background-position: $4; | 14 background-position: $4; |
15 } | 15 } |
16 | 16 |
17 body { | 17 body { |
18 color: $8; /* COLOR_NTP_TEXT */ | 18 color: $8; /* COLOR_NTP_TEXT */ |
19 height: 100%; | 19 height: 100%; |
20 overflow: auto; | 20 overflow: auto; |
21 } | 21 } |
22 | 22 |
23 /* TODO(aa): Is this still in use? The styling may be incorrect with M7 NTP | 23 /* TODO(aa): Is this still in use? The styling may be incorrect with M7 NTP |
24 rework. */ | 24 rework. */ |
25 #notification.first-run { | 25 #notification.first-run { |
26 background-color: $$1; /* COLOR_NTP_SECTION */ | 26 background-color: $10; /* COLOR_NTP_SECTION */ |
27 border-color: $$2; /* COLOR_NTP_SECTION_BORDER */ | 27 border-color: $11; /* COLOR_NTP_SECTION_BORDER */ |
28 } | 28 } |
29 | 29 |
30 #notification.first-run .link { | 30 #notification.first-run .link { |
31 color: $$5; /* COLOR_NTP_LINK_UNDERLINE */ | 31 color: $14; /* COLOR_NTP_LINK_UNDERLINE */ |
32 } | 32 } |
33 | 33 |
34 #notification.first-run .link-color { | 34 #notification.first-run .link-color { |
35 color: $9; /* COLOR_NTP_LINK */ | 35 color: $9; /* COLOR_NTP_LINK */ |
36 } | 36 } |
37 | 37 |
38 .thumbnail { | 38 .thumbnail { |
39 border-color: $$1; /* COLOR_NTP_SECTION */ | 39 border-color: $10; /* COLOR_NTP_SECTION */ |
40 } | 40 } |
41 | 41 |
42 .thumbnail-container, | 42 .thumbnail-container, |
43 .thumbnail-container > .title { | 43 .thumbnail-container > .title { |
44 color: $8; /* COLOR_NTP_TEXT */ | 44 color: $8; /* COLOR_NTP_TEXT */ |
45 } | 45 } |
46 | 46 |
47 .thumbnail-container:focus .thumbnail, | 47 .thumbnail-container:focus .thumbnail, |
48 .thumbnail-container:hover .thumbnail { | 48 .thumbnail-container:hover .thumbnail { |
49 border-color: $6; /* COLOR_NTP_HEADER */ | 49 border-color: $6; /* COLOR_NTP_HEADER */ |
50 } | 50 } |
51 | 51 |
52 .thumbnail-container:focus .edit-bar, | 52 .thumbnail-container:focus .edit-bar, |
53 .thumbnail-container:hover .edit-bar { | 53 .thumbnail-container:hover .edit-bar { |
54 background-color: $6; /* COLOR_NTP_HEADER */ | 54 background-color: $6; /* COLOR_NTP_HEADER */ |
55 background-image: -webkit-linear-gradient( | 55 background-image: -webkit-linear-gradient( |
56 $7, /* COLOR_HEADER_GRADIENT_LIGHT */ | 56 $7, /* COLOR_HEADER_GRADIENT_LIGHT */ |
57 $6); /* COLOR_NTP_HEADER */ | 57 $6); /* COLOR_NTP_HEADER */ |
58 } | 58 } |
59 .thumbnail-container:hover > .edit-mode-border { | 59 .thumbnail-container:hover > .edit-mode-border { |
60 background-color: $6; /* COLOR_NTP_HEADER */ | 60 background-color: $6; /* COLOR_NTP_HEADER */ |
61 } | 61 } |
62 | 62 |
63 .filler .thumbnail-wrapper { | 63 .filler .thumbnail-wrapper { |
64 border: 3px solid $$1; /* COLOR_NTP_SECTION */ | 64 border: 3px solid $10; /* COLOR_NTP_SECTION */ |
65 background-color: $2; /* COLOR_NTP_BACKGROUND */ | 65 background-color: $2; /* COLOR_NTP_BACKGROUND */ |
66 } | 66 } |
67 | 67 |
68 .filler .thumbnail { | 68 .filler .thumbnail { |
69 border: 1px solid $2; /* COLOR_NTP_BACKGROUND */ | 69 border: 1px solid $2; /* COLOR_NTP_BACKGROUND */ |
70 background-color: $$1; /* COLOR_NTP_SECTION */ | 70 background-color: $10; /* COLOR_NTP_SECTION */ |
71 } | 71 } |
72 | 72 |
73 .miniview { | 73 .miniview { |
74 color: $8; /* COLOR_NTP_TEXT */ | 74 color: $8; /* COLOR_NTP_TEXT */ |
75 } | 75 } |
76 | 76 |
77 .miniview > span { | 77 .miniview > span { |
78 color: $$5; /* COLOR_NTP_LINK_UNDERLINE */ | 78 color: $14; /* COLOR_NTP_LINK_UNDERLINE */ |
79 text-decoration: underline; | 79 text-decoration: underline; |
80 } | 80 } |
81 | 81 |
82 .miniview > span > .item { | 82 .miniview > span > .item { |
83 color: $9; /* COLOR_NTP_LINK */ | 83 color: $9; /* COLOR_NTP_LINK */ |
84 text-decoration: none; | 84 text-decoration: none; |
85 } | 85 } |
86 | 86 |
87 #attribution { | 87 #attribution { |
88 color: $9; /* COLOR_NTP_LINK */ | 88 color: $9; /* COLOR_NTP_LINK */ |
89 } | 89 } |
90 | 90 |
91 #tip-line { | 91 #tip-line { |
92 color: $8; /* COLOR_NTP_TEXT */ | 92 color: $8; /* COLOR_NTP_TEXT */ |
93 } | 93 } |
94 | 94 |
95 .link-color { | 95 .link-color { |
96 color: $9; /* COLOR_NTP_LINK */ | 96 color: $9; /* COLOR_NTP_LINK */ |
97 } | 97 } |
98 | 98 |
99 :link, | 99 :link, |
100 :visited, | 100 :visited, |
101 .link { | 101 .link { |
102 color: $$5; /* COLOR_NTP_LINK_UNDERLINE */ | 102 color: $14; /* COLOR_NTP_LINK_UNDERLINE */ |
103 } | 103 } |
104 | 104 |
105 .section > h2, | 105 .section > h2, |
106 #closed-sections-bar > button { | 106 #closed-sections-bar > button { |
107 color: $$7; /* COLOR_NTP_SECTION_HEADER_TEXT */ | 107 color: $16; /* COLOR_NTP_SECTION_HEADER_TEXT */ |
108 } | 108 } |
109 | 109 |
110 .section:not(.hidden) > h2 { | 110 .section:not(.hidden) > h2 { |
111 color: $$8; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */ | 111 color: $17; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */ |
112 } | 112 } |
113 | 113 |
114 .section.hidden:not([noexpand]) > h2:hover, | 114 .section.hidden:not([noexpand]) > h2:hover, |
115 #closed-sections-bar > button:hover { | 115 #closed-sections-bar > button:hover { |
116 color: $$8; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */ | 116 color: $17; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */ |
117 } | 117 } |
118 | 118 |
119 .section > h2 .back, | 119 .section > h2 .back, |
120 #closed-sections-bar[chromeos] { | 120 #closed-sections-bar[chromeos] { |
121 border-top: 1px solid $$1; /* COLOR_NTP_SECTION */ | 121 border-top: 1px solid $10; /* COLOR_NTP_SECTION */ |
122 } | 122 } |
123 | 123 |
124 .section.hidden > h2 .back { | 124 .section.hidden > h2 .back { |
125 background: none; | 125 background: none; |
126 border-color-top: $$$1; /* COLOR_NTP_SECTION_HEADER_RULE_LIGHT */ | 126 border-color-top: $19; /* COLOR_NTP_SECTION_HEADER_RULE_LIGHT */ |
127 } | 127 } |
128 | 128 |
129 .section.hidden:hover > h2 .back { | 129 .section.hidden:hover > h2 .back { |
130 border-color-top: $$9; /* COLOR_NTP_SECTION_HEADER_RULE */ | 130 border-color-top: $18; /* COLOR_NTP_SECTION_HEADER_RULE */ |
131 } | 131 } |
132 | 132 |
133 .app a { | 133 .app a { |
134 color: $8; /* COLOR_NTP_TEXT */ | 134 color: $8; /* COLOR_NTP_TEXT */ |
135 } | 135 } |
136 | 136 |
137 .app:hover > a, | 137 .app:hover > a, |
138 .app.dragging > a { | 138 .app.dragging > a { |
139 color: $$3; /* COLOR_NTP_SECTION_TEXT */ | 139 color: $12; /* COLOR_NTP_SECTION_TEXT */ |
140 background-color: $$1; /* COLOR_NTP_SECTION */; | 140 background-color: $10; /* COLOR_NTP_SECTION */; |
141 } | 141 } |
142 | 142 |
143 #apps-promo-hide { | 143 #apps-promo-hide { |
144 color: $9; /* COLOR_NTP_LINK */ | 144 color: $9; /* COLOR_NTP_LINK */ |
145 } | 145 } |
146 | 146 |
147 #apps-promo-text2 { | 147 #apps-promo-text2 { |
148 color: $$$3; /* COLOR_NTP_TEXT_LIGHT */ | 148 color: $21; /* COLOR_NTP_TEXT_LIGHT */ |
149 } | 149 } |
OLD | NEW |