Dark theme primarily involves changing the background and text color. Colors are based on the dark theme for the current version of New Tab **Dark Theme Colors** Blue 40 #0060DF Blue 50 #0A84FF Teal 60 #00C8D7 Teal 70 #008EA4 Grey 80 #2A2A2E Grey 70 #38383D Grey 60 #4A4A4F Grey 30 #D7D7DB White 100 #FFFFFF *Dark Theme Colors Spec* https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1204%3A0 **Message, Section Title, Component Header, Navigation** https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1204%3A475 **Hero** Note this spec shows the border variant, but the changes should apply to all hero permutations https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1204%3A43 *Hero UX* https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1218%3A0 **Card Grid** https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1204%3A216 *Card UX* https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1204%3A242 **Lists** https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1204%3A347 **Numbered Lists** https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1204%3A402 *List UX* https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1204%3A297 **Note** Once Dark Theme has been implemented, the `Dark Theme Not Available` disclosure above Top Sites should be removed.
Bug 1525442 Comment 2 Edit History
Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.
Dark theme primarily involves changing the background and text color. Colors are based on the dark theme for the current version of New Tab **Dark Theme Colors** Blue 40 #0060DF Blue 50 #0A84FF Teal 60 #00C8D7 Teal 70 #008EA4 Grey 80 #2A2A2E Grey 70 #38383D Grey 60 #4A4A4F Grey 30 #D7D7DB White 100 #FFFFFF *Dark Theme Colors Spec* https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1204%3A0 **Message, Section Title, Component Header, Navigation** https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1204%3A475 **Hero** Note this spec shows the border variant, but the changes should apply to all hero permutations https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1204%3A43 *Hero UX* https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1218%3A0 **Card Grid** https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1204%3A216 *Card UX* https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1204%3A242 **Lists** https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1204%3A347 **Numbered Lists** Note the background color for the numbers is not the same as the text color for source urls https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1204%3A402 *List UX* https://www.figma.com/file/HAk87Z6QBcu6YxBIoXN6LJcU/Firefox-Home-Components?node-id=1204%3A297 **Note** Once Dark Theme has been implemented, the `Dark Theme Not Available` disclosure above Top Sites should be removed.