helix-admin/helix-engage
1
0
Fork 0
mirror of https://dev.azure.com/globalhealthx/EMR/_git/helix-engage synced 2026-04-11 18:28:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

added colors to side bar

Browse Source
This commit is contained in:
moulichand16
2026-04-01 11:29:05 +05:30
parent 3cafe820cf
commit 9a2253b56e
6 changed files with 56 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/styles/globals.css
View File

@@ -29,6 +29,26 @@
transition-timing-function: inherit;
}
@utility bg-sidebar {
background-color: var(--color-sidebar-bg);
}
@utility bg-sidebar-active {
background-color: var(--color-sidebar-nav-item-active-bg);
}
@utility bg-sidebar-hover {
background-color: var(--color-sidebar-nav-item-hover-bg);
}
@utility text-sidebar-active {
color: var(--color-sidebar-nav-item-active-text);
}
@utility text-sidebar-hover {
color: var(--color-sidebar-nav-item-hover-text);
}
/* FontAwesome duotone — icons inherit color from parent via currentColor.
Secondary layer opacity controls the duotone effect. */
:root {

7
src/styles/theme.css
View File

@@ -761,6 +761,13 @@
--color-bg-brand-section: var(--color-brand-600);
--color-bg-brand-section_subtle: var(--color-brand-500);
/* SIDEBAR-SPECIFIC COLORS (Light Mode Only) */
--color-sidebar-bg: rgb(28, 33, 44);
--color-sidebar-nav-item-hover-bg: rgb(42, 48, 60);
--color-sidebar-nav-item-hover-text: rgb(73, 160, 225);
--color-sidebar-nav-item-active-bg: rgb(42, 48, 60);
--color-sidebar-nav-item-active-text: rgb(73, 160, 225);
/* COMPONENT COLORS */
--color-app-store-badge-border: rgb(166 166 166);
--color-avatar-bg: var(--color-gray-100);