Top

Branding


Change Application Metadata
To customize the application’s identity and browser appearance, update the application name, title, description, keywords, author, and icon in _Style file in Pages/Shared/_Style.cshtml. These values control how the app appears in browser tabs, bookmarks, and search engine previews. Modify the <title> tag, relevant <meta> tags, and favicon link to reflect your organization’s branding and SEO preferences.

    <meta name="description" content="TimeSync is a modern workforce management solution that unifies timesheet tracking, employee data management, and leave request processing in a single, intuitive platform. Developed using .NET 9 and Razor Pages with a clean Bootstrap interface and a robust Repository Pattern architecture, TimeSync ensures performance, maintainability, and a seamless user experience backed by SQL Server for reliable data integrity">
    <meta name="keywords" content="Timesheet, TimeSync, Leave of Absence, Employee Management">
    <meta name="author" content="Sayed Milad Waizi">
    <link rel="icon" href="~/assets/images/favicon.png" type="image/x-icon">
    <link rel="shortcut icon" href="~/assets/images/favicon.png" type="image/x-icon">
    <title>TimeSync</title>

Replace Logo

Replace the existing logo images in wwwroot/assets/images/logo or update the path in the _Header.cshtml and _SidePanel.cshtml.

Customize Theme Colors

For the whole theme main color change,
open style.css file from the css folder
:root {
 --theme-deafult: #7366ff;
 --theme-secondary: #f73164;
}