Project

General

Profile

Actions

Feature #43207

open

Refine main menu by changing from tab style to indicator style

Added by Go MAEDA 1 day ago. Updated about 1 hour ago.

Status:
New
Priority:
Normal
Assignee:
-
Category:
UI
Start date:
Due date:
% Done:

0%

Estimated time:
Resolution:

Description

The attached patch changes the main menu from the traditional tab style to an indicator style.

The current tab-based design feels somewhat outdated, and the goal of this change is to simplify the main menu and give it a more modern appearance.

  • The indicator color was set to light blue, which harmonizes with the header and gives a calm impression
  • To improve the visibility of the active menu, the indicator was made slightly thicker (5px) and the text was set in bold
  • The indicator color on hover inherits the hover color from the current tab design
  • To make hovered tabs more noticeable, a subtle white text-shadow was added to create a faint glowing effect
  • To further improve the visibility of the indicator, a text-shadow in the same color as the header was added to the header

Current design:

New design:


Files

Actions

Also available in: Atom PDF