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

▶
alpha presentation
SMART_READER_LITE
LIVE PREVIEW

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

Jul 08, 2023 373 likes •496 views

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

slide-1
SLIDE 1

From Students… …to Professionals

The Capstone Experience

Alpha Presentation Dark Theme Darkening

Department of Computer Science and Engineering Michigan State University Spring 2018

Team Mozilla

Vivek Dhingra Zhengyi Lian Connor Masini Bogdan Pozderca Dyl Stokes

slide-2
SLIDE 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

slide-3
SLIDE 3

System Architecture

The Capstone Experience Team Mozilla Alpha Presentation 6

slide-4
SLIDE 4

Auto-Complete Styling

The Capstone Experience Team Mozilla Alpha Presentation 8

slide-5
SLIDE 5

Popup Styling

The Capstone Experience Team Mozilla Alpha Presentation 8

slide-6
SLIDE 6

Find Bar and Menu Styling

The Capstone Experience Team Mozilla Alpha Presentation 8

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

slide-8
SLIDE 8

[What’s Next] Sidebar Styling

The Capstone Experience Team Mozilla Alpha Presentation 8

slide-9
SLIDE 9

[What’s Next] In-Product Pages

The Capstone Experience Team Mozilla Alpha Presentation 7

slide-10
SLIDE 10

[What’s Next] Tab-Closed Buttons

The Capstone Experience Team Mozilla Alpha Presentation 7

Closed button hover state set to red vs. unstyled

slide-11
SLIDE 11

[What’s Next] Background Tab Styling

The Capstone Experience Team Mozilla Alpha Presentation 7

slide-12
SLIDE 12

Questions?

The Capstone Experience Team Mozilla Alpha Presentation 12

? ? ? ? ? ? ? ? ?