feat: major UI overhaul with new components and enhanced UX
- Add comprehensive Company Wiki feature with complete state management - CompanyWikiManager, empty states, invite modals - Implement new Chat system with enhanced layout and components - ChatLayout, ChatSidebar, MessageThread, FileUploadInput - Create modern Login and OTP verification flows - LoginNew page, OTPVerification component - Add new Employee Forms system with enhanced controller - Introduce Figma-based design components and multiple choice inputs - Add new font assets (NeueMontreal) and robot images for onboarding - Enhance existing components with improved styling and functionality - Update build configuration and dependencies - Remove deprecated ModernLogin component
This commit is contained in:
78
index.css
78
index.css
@@ -11,7 +11,7 @@
|
||||
--text-secondary: #717680;
|
||||
--text-tertiary : #A4A7AE;
|
||||
|
||||
--accent : ##3399FF;
|
||||
--accent : #5E48FC;
|
||||
--accent-hover: #4C3CF0;
|
||||
--accent-text : #FFFFFF;
|
||||
|
||||
@@ -20,7 +20,7 @@
|
||||
|
||||
--sidebar-bg : #FDFDFD;
|
||||
--sidebar-text : #717680;
|
||||
--sidebar-active-bg : #3399FF;
|
||||
--sidebar-active-bg : #5E48FC;
|
||||
--sidebar-active-text: #FFFFFF;
|
||||
|
||||
--input-bg : #F5F5F5;
|
||||
@@ -30,34 +30,40 @@
|
||||
--button-secondary-bg : #F5F5F5;
|
||||
--button-secondary-hover: #E9EAEB;
|
||||
|
||||
--color-red : #F63D68;
|
||||
--color-green : #3CCB7F;
|
||||
--color-orange : #FF4405;
|
||||
--color-red : #FB3748;
|
||||
--color-green : #1FC16B;
|
||||
--color-orange : #5E48FC;
|
||||
--color-light-orange: #F38744;
|
||||
--color-yellow : #FEEE95;
|
||||
|
||||
--gray-0 : #FFFFFF;
|
||||
--gray-50 : #F7F7F8;
|
||||
--gray-100: #F1F2F4;
|
||||
--gray-200: #E2E5E9;
|
||||
--gray-300: #CBD0D7;
|
||||
--gray-400: #99A1AE;
|
||||
--gray-500: #6C7889;
|
||||
--gray-600: #515A67;
|
||||
--gray-700: #2D3239;
|
||||
--gray-800: #24282E;
|
||||
--gray-900: #121417;
|
||||
--Neutrals-NeutralState950: #0A0D12;
|
||||
--Neutrals-NeutralSlate900: #181D27;
|
||||
--Neutrals-NeutralSlate800: #252B37;
|
||||
--Neutrals-NeutralSlate700: #414651;
|
||||
--Neutrals-NeutralSlate600: #535862;
|
||||
--Neutrals-NeutralSlate500: #7A7680;
|
||||
--Neutrals-NeutralSlate400: #A4A7AE;
|
||||
--Neutrals-NeutralSlate300: #D5D7DA;
|
||||
--Neutrals-NeutralSlate200: #E9EAEB;
|
||||
--Neutrals-NeutralSlate100: #F5F5F5;
|
||||
--Neutrals-NeutralSlate50 : #FAFAFA;
|
||||
--Neutrals-NeutralSlate0 : #FDFDFD;
|
||||
|
||||
--neutral-100: #A4A7AE;
|
||||
--neutral-200: #D5D7DA;
|
||||
--neutral-300: #E9EAEB;
|
||||
--neutral-400: #f5f5f5;
|
||||
--neutral-400: #F5F5F5;
|
||||
--neutral-500: #FAFAFA;
|
||||
--neutral-600: #FDFDFD;
|
||||
--neutral-700: #FEFEFE;
|
||||
|
||||
--button-bg-primary : #39F;
|
||||
--button-border-primary: #66B2FF;
|
||||
--Brand-Orange: #3399FF;
|
||||
|
||||
--Other-Red : #FB3748;
|
||||
--Other-Green: #1FC16B;
|
||||
|
||||
--button-bg-primary : #5E48FC;
|
||||
--button-border-primary: #7B64FF;
|
||||
}
|
||||
|
||||
.dark {
|
||||
@@ -117,17 +123,18 @@
|
||||
--neutral-600 : #181D27;
|
||||
--neutral-700 : #0A0D12;
|
||||
|
||||
--gray-900: #FFFFFF;
|
||||
--gray-800: #F7F7F8;
|
||||
--gray-700: #F1F2F4;
|
||||
--gray-600: #E2E5E9;
|
||||
--gray-500: #CBD0D7;
|
||||
--gray-400: #99A1AE;
|
||||
--gray-300: #6C7889;
|
||||
--gray-200: #515A67;
|
||||
--gray-100: #2D3239;
|
||||
--gray-50 : #24282E;
|
||||
--gray-0 : #121417;
|
||||
--Neutrals-NeutralState950: #FDFDFD;
|
||||
--Neutrals-NeutralSlate900: #FAFAFA;
|
||||
--Neutrals-NeutralSlate800: #F5F5F5;
|
||||
--Neutrals-NeutralSlate700: #E9EAEB;
|
||||
--Neutrals-NeutralSlate600: #D5D7DA;
|
||||
--Neutrals-NeutralSlate500: #A4A7AE;
|
||||
--Neutrals-NeutralSlate400: #7A7680;
|
||||
--Neutrals-NeutralSlate300: #535862;
|
||||
--Neutrals-NeutralSlate200: #414651;
|
||||
--Neutrals-NeutralSlate100: #252B37;
|
||||
--Neutrals-NeutralSlate50 : #181D27;
|
||||
--Neutrals-NeutralSlate0 : #0A0D12;
|
||||
|
||||
}
|
||||
|
||||
@@ -135,6 +142,17 @@
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Neue Montreal';
|
||||
src : url('/fonts/NeueMontreal-Regular.woff2') format('woff2'),
|
||||
url('/fonts/NeueMontreal-Regular.woff') format('woff');
|
||||
font-weight : normal;
|
||||
font-style : normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
|
||||
|
||||
Reference in New Issue
Block a user