Recently, I've started working on a WebApp project with the goal of mimicking the functionality of a native application. To achieve this, I've decided to utilize the theme of the user interface (such as Unity [Ubuntu], Explorer [Windows], Gnome [Mint] etc.) that the individual is using.
Here are some key elements from the UI's theme that I intend to incorporate:
- Icons: Icons such as "Save", "Open", "Copy", "Paste" and others
- Layouts: For example, Windows applications typically have the "OK" button on the left-hand-side and the "Cancel" button on the right-hand side, while for Ubuntu users it's reversed. Similarly, the menu entry for application settings may be located under "Edit" for Ubuntu users and "Extras" for Windows users.
- Naming conventions: Variations in terminology like "Folder" vs. "Directory"
- Colors and backgrounds: Differences such as the gray background of the menu bar for Unity/Ubuntu users compared to the lavender shade seen by Explorer/Windows7 users.
I am aware that not all of these adaptations may be feasible. However, I am determined to address some of these challenges. I have come across potential solutions including:
- (-moz-)appearance (found in the outdated CSS3 draft)
- CSS System Colors such as ButtonText or Window (although deprecated, still supported by many browsers)
- CSS System fonts (from the obsolete CSS3 draft)
My Question: Are there any other methods you can suggest for incorporating colors, icons, etc. from the user interface into my WebApp?