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