alpha presentation
play

Alpha Presentation Dark Theme Darkening The Capstone Experience - PowerPoint PPT Presentation

Alpha Presentation Dark Theme Darkening The Capstone Experience Team Mozilla Vivek Dhingra Zhengyi Lian Connor Masini Bogdan Pozderca Dyl Stokes Department of Computer Science and Engineering Michigan State University From Students


  1. Alpha Presentation Dark Theme Darkening The Capstone Experience Team Mozilla Vivek Dhingra Zhengyi Lian Connor Masini Bogdan Pozderca Dyl Stokes Department of Computer Science and Engineering Michigan State University From Students… Spring 2018 …to Professionals

  2. Project Overview • Expand Firefox theming API to cover more of the browser • Add compatibility for Google Chrome theme properties in Firefox • Update default Firefox Dark Theme to reflect changes The Capstone Experience Team Mozilla Alpha Presentation 5

  3. System Architecture The Capstone Experience Team Mozilla Alpha Presentation 6

  4. Auto-Complete Styling The Capstone Experience Team Mozilla Alpha Presentation 8

  5. Popup Styling The Capstone Experience Team Mozilla Alpha Presentation 8

  6. Find Bar and Menu Styling The Capstone Experience Team Mozilla Alpha Presentation 8

  7. What’s left to do? • Add support for sidebar/in-product styling and add functionality for the default dark theme • Allow theming toolbars for idle, hover and focused states • Allow theming tab close button colors for both hover and idle states • Allow customization of the background tab text color and background color for the hover state • Implement remaining Google Chrome theme properties into Firefox for complete compatibility The Capstone Experience Team Mozilla Alpha Presentation 11

  8. [What’s Next] Sidebar Styling The Capstone Experience Team Mozilla Alpha Presentation 8

  9. [ What’s Next ] In-Product Pages The Capstone Experience Team Mozilla Alpha Presentation 7

  10. [ What’s Next ] Tab-Closed Buttons Closed button hover state set to red vs. unstyled The Capstone Experience Team Mozilla Alpha Presentation 7

  11. [ What’s Next ] Background Tab Styling The Capstone Experience Team Mozilla Alpha Presentation 7

  12. Questions? ? ? ? ? ? ? ? ? ? The Capstone Experience Team Mozilla Alpha Presentation 12

Recommend


More recommend