🦊 I respect proton UI and aim to improve it.
Find a file
2021-04-29 13:57:35 +09:00
README.org Doc: readme update 2021-04-29 13:57:35 +09:00
userChrome.css Add: bottom rounding coners - Box Shadow 2021-04-27 17:13:50 +09:00
userContent.css Add: proton namespace 2021-04-27 11:13:25 +09:00
wave1.svg Add: wave resouce 2021-04-28 17:48:06 +09:00

Firefox UI FIX

proton is firefox's new design.
I want to fix some flaws.

Currently work only dark theme. https://user-images.githubusercontent.com/25581533/116494051-8def6c00-a88f-11eb-9c21-53643605aba2.png

(Fixed proton design)

  • Tab Design

    • General:

      • Connect with toolbar(Buttons like tabs)
    • Selected:

      • Box Shadow: Highlight the selected tab
      • Bottom Rounding: Natural
    • Unselect:

      • Divide Line: React to hover like chrome
    • Clipped:

      • Cleary Text: Adjusted clipped gradation
    • Sound:

      • Show Favicon: Always show favicon
  • Activity Stream Design

    • Search Bar:

      • Focused Shadow: Same as the accent color
    • Icons:

      • Size: Fill it up

WHY Proton?

I think a lot has improved.

https://user-images.githubusercontent.com/25581533/116493283-ecb3e600-a88d-11eb-8cf4-d1cf428dbb0e.png

(pure proton design)

  • Neatly organized menu
  • Icon beautiful enough to remind you of Edge
  • Nice color scheme
  • Satisfied Rounding
  • Modal window!!

WHY Not Proton?

However, there are also many flaws.

https://user-images.githubusercontent.com/25581533/116494039-86c85e00-a88f-11eb-8bb5-986fc464a149.png

(proton before design)

  • [x] Is it a tab or a button?
  • [] Where are the menu icons?
  • [x] Icons in ActivityStream are too small
  • [] Padding gaps are wide
  • ⚠️ Address bar 3-point menu, screenshot moves to toolbar (can't fix)