| @@ -136,14 +136,23 @@ | ||
| 136 | 136 | padding-left: 8px; |
| 137 | 137 | background: #343A49; |
| 138 | 138 | } |
| 139 | 139 | |
| 140 | -.imagify-notice a { | |
| 140 | +/** | |
| 141 | + * The doubled class keeps these rules ahead of core's `div.updated p` and | |
| 142 | + * `div.updated a`, which paint notice text #1e1e1e and links in the admin theme | |
| 143 | + * colour. Both are close to unreadable on the dark notice background. | |
| 144 | + */ | |
| 145 | +.imagify-notice.imagify-notice p { | |
| 146 | + color: #FFF; | |
| 147 | +} | |
| 148 | + | |
| 149 | +.imagify-notice.imagify-notice a { | |
| 141 | 150 | color: #40B1D0; |
| 142 | 151 | } |
| 143 | 152 | |
| 144 | -.imagify-notice a:hover, | |
| 145 | -.imagify-notice a:focus { | |
| 153 | +.imagify-notice.imagify-notice a:hover, | |
| 154 | +.imagify-notice.imagify-notice a:focus { | |
| 146 | 155 | color: #FEE102; |
| 147 | 156 | } |
| 148 | 157 | |
| 149 | 158 | .imagify-notice code { |
| @@ -151,8 +160,18 @@ | ||
| 151 | 160 | } |
| 152 | 161 | |
| 153 | 162 | .imagify-notice .imagify-rate-us.imagify-rate-us { |
| 154 | 163 | text-align: left; |
| 164 | +} | |
| 165 | + | |
| 166 | +/* Match the settings page header, which uses the same palette. */ | |
| 167 | +.imagify-notice-rating.imagify-notice { | |
| 168 | + background: #1F2332; | |
| 169 | +} | |
| 170 | + | |
| 171 | +/* Brand blue rather than the green inherited from `.updated`. */ | |
| 172 | +.imagify-notice-rating .imagify-notice-logo { | |
| 173 | + background: #40B1D0; | |
| 155 | 174 | } |
| 156 | 175 | |
| 157 | 176 | .imagify-notice .imagify-rate-us .stars { |
| 158 | 177 | margin: 0; |