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 |
(...skipping 11 matching lines...) Expand all Loading... |
22 color: $8; /* COLOR_NTP_TEXT */ | 22 color: $8; /* COLOR_NTP_TEXT */ |
23 } | 23 } |
24 | 24 |
25 .link-color { | 25 .link-color { |
26 color: $9; /* COLOR_NTP_LINK */ | 26 color: $9; /* COLOR_NTP_LINK */ |
27 } | 27 } |
28 | 28 |
29 :link, | 29 :link, |
30 :visited, | 30 :visited, |
31 .link { | 31 .link { |
32 color: $$5; /* COLOR_NTP_LINK_UNDERLINE */ | 32 color: $14; /* COLOR_NTP_LINK_UNDERLINE */ |
33 } | 33 } |
34 | 34 |
35 .section > h2, | 35 .section > h2, |
36 #closed-sections-bar > button { | 36 #closed-sections-bar > button { |
37 color: $$7; /* COLOR_NTP_SECTION_HEADER_TEXT */ | 37 color: $16; /* COLOR_NTP_SECTION_HEADER_TEXT */ |
38 } | 38 } |
39 | 39 |
40 .section:not(.hidden) > h2 { | 40 .section:not(.hidden) > h2 { |
41 color: $$8; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */ | 41 color: $17; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */ |
42 } | 42 } |
43 | 43 |
44 .section.hidden:not([noexpand]) > h2:hover, | 44 .section.hidden:not([noexpand]) > h2:hover, |
45 #closed-sections-bar > button:hover { | 45 #closed-sections-bar > button:hover { |
46 color: $$8; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */ | 46 color: $17; /* COLOR_NTP_SECTION_HEADER_TEXT_HOVER */ |
47 } | 47 } |
48 | 48 |
49 .section > h2 .back, | 49 .section > h2 .back, |
50 #closed-sections-bar[chromeos] { | 50 #closed-sections-bar[chromeos] { |
51 border-top: 1px solid $$1; /* COLOR_NTP_SECTION */ | 51 border-top: 1px solid $10; /* COLOR_NTP_SECTION */ |
52 } | 52 } |
53 | 53 |
54 .section.hidden > h2 .back { | 54 .section.hidden > h2 .back { |
55 background: none; | 55 background: none; |
56 border-color-top: $$$1; /* COLOR_NTP_SECTION_HEADER_RULE_LIGHT */ | 56 border-color-top: $19; /* COLOR_NTP_SECTION_HEADER_RULE_LIGHT */ |
57 } | 57 } |
58 | 58 |
59 .section.hidden:hover > h2 .back { | 59 .section.hidden:hover > h2 .back { |
60 border-color-top: $$9; /* COLOR_NTP_SECTION_HEADER_RULE */ | 60 border-color-top: $18; /* COLOR_NTP_SECTION_HEADER_RULE */ |
61 } | 61 } |
62 | 62 |
63 .app span, | 63 .app span, |
64 .link span { | 64 .link span { |
65 color: $8; /* COLOR_NTP_TEXT */ | 65 color: $8; /* COLOR_NTP_TEXT */ |
66 } | 66 } |
67 | 67 |
68 .app:hover > a, | 68 .app:hover > a, |
69 .app.dragging > a { | 69 .app.dragging > a { |
70 color: $$3; /* COLOR_NTP_SECTION_TEXT */ | 70 color: $12; /* COLOR_NTP_SECTION_TEXT */ |
71 background-color: $$1; /* COLOR_NTP_SECTION */; | 71 background-color: $10; /* COLOR_NTP_SECTION */; |
72 } | 72 } |
73 | 73 |
74 /* Footer *********************************************************************/ | 74 /* Footer *********************************************************************/ |
75 | 75 |
76 #footer-border { | 76 #footer-border { |
77 background: -webkit-linear-gradient(left, | 77 background: -webkit-linear-gradient(left, |
78 rgba(255, 255, 255, 0), | 78 rgba(255, 255, 255, 0), |
79 $$2 5%, /* COLOR_NTP_SECTION_BORDER */ | 79 $$2 5%, /* COLOR_NTP_SECTION_BORDER */ |
80 $$2 95%, /* COLOR_NTP_SECTION_BORDER */ | 80 $$2 95%, /* COLOR_NTP_SECTION_BORDER */ |
81 rgba(255, 255, 255, 0)); | 81 rgba(255, 255, 255, 0)); |
82 } | 82 } |
83 | 83 |
84 .dot { | 84 .dot { |
85 border-color: $$2; /* COLOR_NTP_SECTION_BORDER */ | 85 border-color: $11; /* COLOR_NTP_SECTION_BORDER */ |
86 } | 86 } |
87 | 87 |
88 .dot.selected { | 88 .dot.selected { |
89 border-color: $6; /* COLOR_NTP_HEADER */ | 89 border-color: $6; /* COLOR_NTP_HEADER */ |
90 } | 90 } |
91 | 91 |
92 .dot:hover { | 92 .dot:hover { |
93 background-color: $$2; /* COLOR_NTP_SECTION_BORDER */ | 93 background-color: $11; /* COLOR_NTP_SECTION_BORDER */ |
94 } | 94 } |
95 | 95 |
96 .dot input:focus { | 96 .dot input:focus { |
97 background-color: $2; /* COLOR_NTP_BACKGROUND */ | 97 background-color: $2; /* COLOR_NTP_BACKGROUND */ |
98 } | 98 } |
99 | 99 |
100 .tile-page-title, | 100 .tile-page-title, |
101 #footer-content span, | 101 #footer-content span, |
102 #footer-content input { | 102 #footer-content input { |
103 color: $$$3; /* COLOR_NTP_TEXT_LIGHT */ | 103 color: $21; /* COLOR_NTP_TEXT_LIGHT */ |
104 } | 104 } |
105 | 105 |
106 .disclosure-triangle { | 106 .disclosure-triangle { |
107 background-color: $8 /* COLOR_NTP_TEXT */ | 107 background-color: $8 /* COLOR_NTP_TEXT */ |
108 } | 108 } |
109 | 109 |
110 /* Most Visited ***************************************************************/ | 110 /* Most Visited ***************************************************************/ |
111 | 111 |
112 .most-visited, | 112 .most-visited, |
113 .most-visited > .title { | 113 .most-visited > .title { |
114 color: $8; /* COLOR_NTP_TEXT */ | 114 color: $8; /* COLOR_NTP_TEXT */ |
115 } | 115 } |
116 | 116 |
117 .most-visited:focus:not(.filler) .thumbnail-wrapper, | 117 .most-visited:focus:not(.filler) .thumbnail-wrapper, |
118 .most-visited:hover .thumbnail-wrapper { | 118 .most-visited:hover .thumbnail-wrapper { |
119 background-color: $6; /* COLOR_NTP_HEADER */ | 119 background-color: $6; /* COLOR_NTP_HEADER */ |
120 } | 120 } |
121 | 121 |
122 .edit-bar { | 122 .edit-bar { |
123 background-image: -webkit-linear-gradient( | 123 background-image: -webkit-linear-gradient( |
124 $7, /* COLOR_HEADER_GRADIENT_LIGHT */ | 124 $7, /* COLOR_HEADER_GRADIENT_LIGHT */ |
125 $6); /* COLOR_NTP_HEADER */ | 125 $6); /* COLOR_NTP_HEADER */ |
126 } | 126 } |
127 | 127 |
128 .thumbnail-wrapper { | 128 .thumbnail-wrapper { |
129 /* This shows through at the (rounded) thumbnail's corners. */ | 129 /* This shows through at the (rounded) thumbnail's corners. */ |
130 background-color: $$2; /* COLOR_NTP_SECTION_BORDER */ | 130 background-color: $11; /* COLOR_NTP_SECTION_BORDER */ |
131 } | 131 } |
132 | 132 |
133 .filler .thumbnail { | 133 .filler .thumbnail { |
134 border-color: $2; /* COLOR_NTP_BACKGROUND */ | 134 border-color: $2; /* COLOR_NTP_BACKGROUND */ |
135 } | 135 } |
136 | 136 |
137 .thumbnail-shield { | 137 .thumbnail-shield { |
138 background-color: $2; /* COLOR_NTP_BACKGROUND */ | 138 background-color: $2; /* COLOR_NTP_BACKGROUND */ |
139 } | 139 } |
OLD | NEW |