| 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 |