export const styles = () => ({
colors: {
lightHtml: "#FFFFFF", // main background
lightPrimary: "#1a56db", // primary color
lightPrimaryContrast: "alias:lightPrimary inverse", // primary color contrast
lightPrimaryOpacity: "alias:lightPrimary opacity:0.05", // primary color opacity
lightSecondary: "#ffffff", // secondary color
lightSecondaryDarken: "#F3F4F6",
lightSecondaryContrast: "alias:lightSecondary inverse", // secondary color contrast
lightNavbar: "#FFFFFF", // navbar background
lightNavbarBorder: "rgb(229 231 235)", // border
lightNavbarText: "#111827", // navbar text
lightNavbarTextHover: "alias:lightNavbarText darken", // navbar text hover
lightNavbarTextActive: "alias:lightNavbarText darken", // navbar text active
lightNavbarIcons: "alias:lightNavbarText opacity:0.7", // navbar icons
lightAnnouncementText: "alias:lightPrimaryContrast", // announcement text
lightAnnouncementBG: "alias:lightPrimary", // announcement
lightSidebar: "#f9fafb", // sidebar background
lightSidebarBorder: "alias:lightSidebarText opacity:0.05", // sidebar right border
lightSidebarItemHover: "alias:lightSidebarText opacity:0.05", // sidebar list item hover
lightSidebarItemActive: "alias:lightSidebarText opacity:0.05", // sidebar list item active
lightSidebarText: "#213045", // sidebar list item text
lightSidebarTextHover: "alias:lightSidebarText darken", // sidebar list item text hover
lightSidebarTextActive: "alias:lightSidebarText darken", // sidebar list item text active
lightSidebarDevider: "alias:lightSidebarText opacity:0.3", // sidebar devider
lightSidebarIcons: "alias:lightSidebarText opacity:0.7", // sidebar list item icons
lightSidebarIconsHover: "alias:lightSidebarText", // sidebar list item icons hover
lightSidebarHeading: "alias:lightSidebarText opacity:0.3", // sidebar heading
/***************************************************************
* *
* Light Views *
* *
***************************************************************/
/*----------------------------------------*/
/* Show/Create/Edit View Table background */
/*----------------------------------------*/
lightForm: "#ffffff", // show view background
lightFormBorder: "#F5F5F5", // show view rows border
lightFormHeading: "alias:lightListTableHeading", // show view heading
lightFormFieldTextColor: "alias:lightListTableText",
/*----------------------------------------*/
/* List View Table */
/*----------------------------------------*/
lightListSkeletLoader: "#E5E7EB",
lightList: "#FFFFFF", // list view background
lightListTable: "#FFFFFF", // list view table background
lightListTableHeading: "#f5f5f8", // list view table heading
lightListTableHeadingText: "#374151", // list view table heading text
lightListTableText: "#6B7280", // list view table text
lightListTableRowHover: "rgb(249 250 251)", // list view row hover
lightListBorder: "#DDDDDD", // list view rows
lightListTablePaginationBackgoround: "#FFFFFF",
lightListTablePaginationBackgoroundHover: "#F3F4F6",
lightListTablePaginationBorder: "#D1D5DB",
lightListTablePaginationFocusRing: "#F3F4F6",
lightListTablePaginationText: "#111827",
lightListTablePaginationCurrentPageText: "#374151",
lightListTablePaginationTextHover: "alias:lightPrimary",
lightListTablePaginationHelpText: "#374151",
/* ListView buttons */
lightListViewButtonBackground: "#FFFFFF",
lightListViewButtonBackgroundHover: "#F3F4F6",
lightListViewButtonText: "#111827",
lightListViewButtonTextHover: "alias:lightPrimary",
lightListViewButtonFocusRing: "#F3F4F6",
lightListViewButtonBorder: "#D1D5DB",
/*----------------------------------------*/
/* Show View Table */
/*----------------------------------------*/
lightShowTableHeadingBackground: "alias:lightFormHeading",
lightShowTableHeadingText: "#374151",
lightShowTableUnderHeadingBackground: "alias:lightFormHeading",
lightShowTableUnderHeadingText: "#374151",
lightShowTablesBodyBackground: "alias:lightForm",
lightShowTableBodyText: "#6B7280",
lightShowTableBodyBorder: "#E5E7EB",
/* Show View buttons*/
lightShowViewButtonBackground: "#FFFFFF",
lightShowViewButtonBackgroundHover: "#F3F4F6",
lightShowViewButtonText: "#111827",
lightShowViewButtonTextHover: "alias:lightPrimary",
lightShowViewButtonFocusRing: "#F3F4F6",
lightShowViewButtonBorder: "#D1D5DB",
/*----------------------------------------*/
/* Create View Table */
/*----------------------------------------*/
/* CreateView buttons */
lightCreateViewButtonBackground: "#FFFFFF",
lightCreateViewButtonBackgroundHover: "#F3F4F6",
lightCreateViewButtonText: "#111827",
lightCreateViewButtonTextHover: "alias:lightPrimary",
lightCreateViewButtonFocusRing: "#F3F4F6",
lightCreateViewButtonBorder: "#D1D5DB",
lightCreateViewSaveButtonText: "#DC2626",
lightCreateViewSaveButtonTextHover: "#B91C1C",
/*----------------------------------------*/
/* Edit View Table */
/*----------------------------------------*/
/* EditView buttons */
lightEditViewButtonBackground: "#FFFFFF",
lightEditViewButtonBackgroundHover: "#F3F4F6",
lightEditViewButtonText: "#111827",
lightEditViewButtonTextHover: "alias:lightPrimary",
lightEditViewButtonFocusRing: "#F3F4F6",
lightEditViewButtonBorder: "#D1D5DB",
lightEditViewSaveButtonText: "#DC2626",
lightEditViewSaveButtonTextHover: "#B91C1C",
/*----------------------------------------*/
/* Login View Table */
/*----------------------------------------*/
/* Login View */
lightLoginViewBackground: "#FFFFFF",
lightLoginViewTextColor: "#111827",
lightLoginViewSubTextColor: "#9CA3AF",
lightLoginViewPromptBackground: "#F9FAFB",
lightLoginViewPromptText: "#1F2937",
/***************************************************************
* *
* AdminForth light components *
* *
***************************************************************/
lightButtonsBackground: "alias:lightPrimary", // button background
lightButtonsBorder: "alias:lightPrimary", // button border
lightButtonsText: "alias:lightPrimaryContrast", // button text
lightButtonsHover: "alias:lightPrimary lighten", // button hover
lightButtonsBorderHover: "alias:lightPrimary", // button border hover
lightButtonFocusRing: "alias:lightPrimary opacity:0.6", // button focus ring
lightButtonGroupBackground: "#FFFFFF", // button group background
lightButtonGroupBorder: "#D1D5DB", // button group border
lightButtonGroupText: "#111827", // button group text
lightButtonGroupFocusRing: "#F3F4F6", // button group focus ring
lightButtonGroupBackgroundHover: "#F3F4F6", // button group background hover
lightButtonGroupTextHover: "alias:lightPrimary", // button group text hover
lightButtonGroupActiveBackground: "alias:lightPrimary", // button group active background
lightButtonGroupActiveText: "alias:lightPrimaryContrast", // button group active text
lightButtonGroupActiveFocusRing: "alias:lightPrimary opacity:0.6", // button group active focus ring
lightDropdownButtonsBackground: "#f9fafb", // dropdown button/input background color
lightDropownButtonsBorder: "#D1D5DB", //border color
lightDropdownButtonsText: "alias:lightPrimary", //text color
lightDropdownButtonsPlaceholderText: "#6B7280", //placeholder text color
lightDropdownOptionsBackground: "#ffffff", //dropdown menu background color
lightDropdownOptionsHoverBackground: "#F3F4F6", //dropdown menu hover background color
lightDropdownPicked:"#F3F4F6", //dropdown ,enu picked option
lightDropdownOptionsText: "#111827", //dropdown menu hover background color
lightDropdownMultipleSelectBackground: "alias:lightPrimaryOpacity", //if select multiple, selected options background
lightDropdownMultipleSelectText: "alias:lightPrimary", // text color
lightDropdownMultipleSelectIcon: "#9CA3AF", // delete select icon
lightDropdownMultipleSelectIconHover: "#6B7280", // delete select icon color
lightDropdownMultipleSelectIconFocus: "#6B7280", // delete select icon focus
lightDropdownMultipleSelectIconFocusBackground: "#F3F4F6", // delete select icon focus background
lightCheckboxBgUnchecked: "alias:lightPrimaryContrast opacity:0.2", //checkbox unchecked state bg
lightCheckboxBgChecked: "alias:lightPrimary", //cheched state bg
lightCheckboxIconColor: "alias:lightPrimaryContrast lighten", //checked icon color
lightCheckboxBorderColor: "alias:lightListTableText", //border color
lightFocusRing: "alias:lightPrimary lighten", //focus ring color
lightTextLabel: "black", //text color of checkbox label
lightToggleBgUnactive: "alias:lightPrimaryContrast", //toggle unactive state background
lightToggleBgActive: "alias:lightPrimary darken", //toggle active state background
lightToggleCircleUnactive: "alias:lightPrimary",
lightToggleCircleActive: "alias:lightToggleBgUnactive",
lightToggleRing: "alias:lightPrimary lighten", // toggle ring color
lightToggleText: "black", // color of text next to toggle
lightToggleBorderUnactive: "alias:lightPrimary lighten", // unactive state border
lightToggleBorderActive: "alias:lightPrimary darken", // active state border
lightInputBackground: "#f9fafb", // input background
lightInputPlaceholderText: "#6B7280", //placeholder text color
lightInputText: "#111827", //text color
lightInputBorder: "#D1D5DB", //border color
lightInputBackgroundHover: "#F3F4F6", //hover
lightInputTextHover: "alias:lightPrimary", //text hover
lightInputBorderHover: "alias:lightInputBorder darken", //border hover
lightInputFocusRing: "#F3F4F6", //focus ring
lightInputFocusBorder: "alias:lightPrimary",
lightInputIconColor: "#6B7280", //input icon
lightInputErrorColor: "#EF4444", //color of icon and text, when error shown
lightRequiredIconColor: "#9CA3AF", //requires icon color
lightDatePickerButtonBackground: "#F9FAFB",
lightDatePickerButtonText: "#111827",
lightDatePickerPlaceHolder: "#9CA3AF",
lightDatePickerButtonBorder: "#D1D5DB",
lightDatePickerIcon: "#6B7280",
lightDatePickerExpandText: "alias:lightPrimary",
lightDatePickerCalendarBackground: "#FFFFFF",
lightDatePickerCalendarText: "#111827",
lightDatePickerCalendarArrowButtonBackground: "#FFFFFF",
lightDatePickerCalendarArrowButtonBackgroundHover: "#F3F4F6",
lightDatePickerCalendarArrowButtonFocusRing: "#E5E7EB",
lightDatePickerCalendarDaysOfWeekText: "#6B7280",
lightDatePickerCalendarDateButtonText: "#111827",
lightDatePickerCalendarDateButtonBackgroundHover: "#F3F4F6",
lightDatePickerCalendarDateActiveButtonBackground: "#1D4ED8",
lightDatePickerCalendarDateActiveButtonText: "#FFFFFF",
lightTooltipBackground: "#111827",
lightTooltipText: "#FFFFFF",
lightVerticalTabsText: "#6B7280",
lightVerticalTabsTextHover: "#374151",
lightVerticalTabsBackground: "#F9FAFB",
lightVerticalTabsBackgroundHover: "#F3F4F6",
lightVerticalTabsTextActive: "alias:lightPrimaryContrast",
lightVerticalTabsBackgroundActive: "alias:lightPrimary",
lightVerticalTabsSlotText: "#6B7280 ",
lightDialogBackgorund: "#FFFFFF",
lightDialogBreakLine: "#E5E7EB",
lightDialogHeaderText: "#111827",
lightDialogCloseButton: "#9CA3AF",
lightDialogCloseButtonHover: "#111827",
lightDialogCloseButtonHoverBackground: "#E5E7EB",
lightDialogBodyText: "#374151",
lightDropzoneBackground: "#F9FAFB",
lightDropzoneBackgroundHover: "#F3F4F6",
lightDropzoneBorder: "#D1D5DB",
lightDropzoneBorderHover: "#9CA3AF",
lightDropzoneBorderDragging: "#2563EB",
lightDropzoneBackgroundDragging: "#EFF6FF",
lightDropzoneIcon: "#6B7280",
lightDropzoneText: "#6B7280",
lightTableBackground: "#FFFFFF",
lightTableHeadingText: "#374151",
lightTableHeadingBackground: "#F9FAFB",
lightTableBorder: "#E5E7EB",
lightTableText: "#6B7280",
lightTableEvenBackground: "#F9FAFB",
lightTableOddBackground: "#FFFFFF",
lightTablePaginationText: "#6B7280",
lightTablePaginationNumeration: "#111827",
lightTablePaginationInputBackground: "#FFFFFF",
lightTablePaginationInputBorder: "#D1D5DB",
lightTablePaginationInputText: "#111827",
lightUnactivePaginationButtonBackground: "#FFFFFF",
lightUnactivePaginationButtonText: "#6B7280",
lightUnactivePaginationButtonBorder: "#D1D5DB",
lightUnactivePaginationButtonHoverBackground: "#F3F4F6",
lightUnactivePaginationButtonHoverText: "#374151",
lightActivePaginationButtonBackground: "alias:lightPrimary",
lightActivePaginationButtonText: "alias:lightPrimaryContrast",
lightProgressBarUnfilledColor: "#E5E7EB",
lightProgressBarFilledColor: "alias:lightPrimary",
lightProgressBarText: "#6B7280",
lightSkeletonBackgroundColor: "#D1D5DB",
lightSkeletonIconColor: "#E5E7EB",
lightAcceptModalBackground: "#FFFFFF",
lightAcceptModalCloseIcon: "#9CA3AF",
lightAcceptModalCloseIconHover: "#111827",
lightAcceptModalCloseIconHoverBackground: "#E5E7EB",
lightAcceptModalWarningIcon: "#9CA3AF",
lightAcceptModalText: "#6B7280",
lightAcceptModalConfirmButtonBackground: "#DC2626",
lightAcceptModalConfirmButtonBackgroundHover: "#991B1B",
lightAcceptModalConfirmButtonText: "#FFFFFF",
lightAcceptModalConfirmButtonFocus: "#FCA5A5",
lightAcceptModalCancelButtonBackground: "#FFFFFF",
lightAcceptModalCancelButtonBackgroundHover: "#F3F4F6",
lightAcceptModalCancelButtonText: "#111827",
lightAcceptModalCancelButtonFocus: "#F3F4F6",
lightAcceptModalCancelButtonBorder: "#E5E7EB",
lightBreadcrumbsHomepageText: "#374151",
lightBreadcrumbsHomepageTextHover: "alias:lightPrimary",
lightBreadcrumbsArrowIcon: "#9CA3AF",
lightBreadcrumbsText: "#6B7280",
lightRangePickerButtonBackground: "#FFFFFF",
lightRangePickerButtonBackgroundHover: "#F3F4F6",
lightRangePickerButtonBorder: "#D1D5DB",
lightRangePickerButtonText: "#111827",
lightRangePickerButtonTextHover: "alias:lightPrimary",
lightRangePickerFocusRing: "#F3F4F6",
lightRangePickerInputBackground: "#F9FAFB",
lightRangePickerInputBorder: "#D1D5DB",
lightRangePickerInputText: "#111827",
lightRangePickerInputPlaceholder: "#9CA3AF",
lightFiltersBackgroung: "#FFFFFF",
lightFiltersHeaderText: "#6B7280",
lightFiltersCloseIcon: "#9CA3AF",
lightFiltersCloseIconHover: "#111827",
lightFiltersCloseIconHoverBackground: "#E5E7EB",
lightFiltersClearAllButtonBackground: "#FFFFFF",
lightFiltersClearAllButtonBackgroundHover: "#F3F4F6",
lightFiltersClearAllButtonBorder: "#D1D5DB",
lightFiltersClearAllButtonText: "#111827",
lightFiltersClearAllButtonTextHover: "alias:lightPrimary",
lightFiltersClearAllButtonFocus: "#F3F4F6",
lightThreeDotsMenuIconBackground: "#FFFFFF",
lightThreeDotsMenuIconBackgroundHover: "#F3F4F6",
lightThreeDotsMenuIconBackgroundBorder: "#D1D5DB",
lightThreeDotsMenuIconDots: "#111827",
lightThreeDotsMenuIconDotsHover: "alias:lightPrimary",
lightThreeDotsMenuIconFocus: "#F3F4F6",
lightThreeDotsMenuBodyBackground: "#FFFFFF",
lightThreeDotsMenuBodyBackgroundHover: "#F3F4F6",
lightThreeDotsMenuBodyText: "#111827",
lightThreeDotsMenuBodyTextHover: "#111827",
lightToastBackground: "#FFFFFF",
lightToastCloseIcon: "#9CA3AF",
lightToastCloseIconHover: "#111827",
lightToastCloseIconBackground: "#FFFFFF",
lightToastCloseIconBackgroundHover: "#F3F4F6",
lightToastCloseIconFocusRing: "#D1D5DB",
lightToastText: "#6B7280",
lightCardBackground: "#FFFFFF",
lightCardBackgroundHover: "#F3F4F6",
lightCardBorder: "#E5E7EB",
lightCardTitle: "#374151",
lightCardDescription: "#6B7280",
lightUserMenuBackground: "#FFFFFF",
lightUserMenuBorder: "#f3f4f6",
lightUserMenuText: "#111827",
lightUserMenuItemBackground: "alias:lightUserMenuBackground",
lightUserMenuItemBackgroundHover: "alias:lightUserMenuBackground darken",
lightUserMenuItemText: "#000000",
lightUserMenuItemTextHover: "#000000",
// colors for dark theme
darkHtml: "#111827",
darkPrimary: "rgb(130 172 255)", // primary color
darkPrimaryContrast: "alias:darkPrimary inverse", // primary color contrast
darkPrimaryOpacity: "alias:darkPrimary opacity:0.2", // primary color opacity
darkSecondary: "#1F2937", // secondary color
darkSecondaryLighten: "#374151",
darkSecondaryContrast: "alias:darkSecondary inverse", // secondary color contrast
darkNavbar: "#111827",
darkNavbarBorder: "#e5e7eb",
darkNavbarText: "#9ca3af",
darkNavbarTextHover: "alias:darkNavbarText lighten",
darkNavbarTextActive: "alias:darkNavbarText lighten",
darkNavbarIcons: "alias:darkNavbarText opacity:0.7",
darkAnnouncementText: "alias:darkPrimaryContrast",
darkAnnouncementBG: "alias:darkPrimary",
darkSidebar: "#1f2937",
darkSidebarBorder: "alias:darkSidebarText opacity:0.3",
darkSidebarItemHover: "alias:darkSidebarText opacity:0.1",
darkSidebarItemActive: "alias:darkSidebarText opacity:0.4",
darkSidebarText: "#9ca3af",
darkSidebarTextHover: "alias:darkSidebarText lighten",
darkSidebarTextActive: "alias:darkSidebarText lighten",
darkSidebarDevider: "alias:darkSidebarText opacity:0.3",
darkSidebarIcons: "alias:darkSidebarText opacity:0.7",
darkSidebarIconsHover: "alias:darkSidebarText",
darkSidebarHeading: "alias:darkSidebarText opacity:0.3",
/***************************************************************
* *
* Dark Views *
* *
***************************************************************/
/*----------------------------------------*/
/* Show/Create/Edit View Table background */
/*----------------------------------------*/
darkForm: "#1F2937",
darkFormBorder: "#374151",
darkFormHeading: "alias:darkListTableHeading",
darkFormFieldTextColor: "alias:darkListTableText",
/*----------------------------------------*/
/* List View Table */
/*----------------------------------------*/
darkListSkeletLoader: "#374151",
darkList: "#111111",
darkListTable: "#1f2937",
darkListTableHeading: "#374151",
darkListTableHeadingText: "#9ca3af",
darkListTableText: "#9CA3AF",
darkListTableRowHover: "rgb(35 47 65)",
darkListBorder: "#444444",
darkListTablePaginationBackgoround: "#1F2937",
darkListTablePaginationBackgoroundHover: "#374151",
darkListTablePaginationBorder: "#4B5563",
darkListTablePaginationFocusRing: "#374151",
darkListTablePaginationText: "#9CA3AF",
darkListTablePaginationCurrentPageText: "#9CA3AF",
darkListTablePaginationTextHover: "#FFFFFF",
darkListTablePaginationHelpText: "#9CA3AF",
/* ListView buttons */
darkListViewButtonBackground: "#1F2937",
darkListViewButtonBackgroundHover: "#374151",
darkListViewButtonText: "#9CA3AF",
darkListViewButtonTextHover: "#FFFFFF",
darkListViewButtonFocusRing: "#374151",
darkListViewButtonBorder: "#4B5563",
/*----------------------------------------*/
/* Show View Table */
/*----------------------------------------*/
darkShowTableHeadingBackground: "alias:darkFormHeading",
darkShowTableHeadingText: "#9CA3AF",
darkShowTableUnderHeadingBackground: "alias:darkFormHeading",
darkShowTableUnderHeadingText: "#9CA3AF",
darkShowTablesBodyBackground: "alias:darkForm",
darkShowTableBodyText: "#9CA3AF",
darkShowTableBodyBorder: "#374151",
/* Show View buttons*/
darkShowViewButtonBackground: "#1F2937",
darkShowViewButtonBackgroundHover: "#374151",
darkShowViewButtonText: "#9CA3AF",
darkShowViewButtonTextHover: "#FFFFFF",
darkShowViewButtonFocusRing: "#374151",
darkShowViewButtonBorder: "#4B5563",
/*----------------------------------------*/
/* Create View Table */
/*----------------------------------------*/
/* CreateView buttons */
darkCreateViewButtonBackground: "#1F2937",
darkCreateViewButtonBackgroundHover: "#374151",
darkCreateViewButtonText: "#9CA3AF",
darkCreateViewButtonTextHover: "#FFFFFF",
darkCreateViewButtonFocusRing: "#374151",
darkCreateViewButtonBorder: "#4B5563",
darkCreateViewSaveButtonText: "#EF4444",
darkCreateViewSaveButtonTextHover: "#FFFFFF",
/*----------------------------------------*/
/* Edit View Table */
/*----------------------------------------*/
/* EditView buttons */
darkEditViewButtonBackground: "#1F2937",
darkEditViewButtonBackgroundHover: "#374151",
darkEditViewButtonText: "#9CA3AF",
darkEditViewButtonTextHover: "#FFFFFF",
darkEditViewButtonFocusRing: "#374151",
darkEditViewButtonBorder: "#4B5563",
darkEditViewSaveButtonText: "#EF4444",
darkEditViewSaveButtonTextHover: "#FFFFFF",
/*----------------------------------------*/
/* Login View Table */
/*----------------------------------------*/
/* Login view */
darkLoginViewBackground: "#374151",
darkLoginViewTextColor: "#FFFFFF",
darkLoginViewSubTextColor: "#D1D5DB",
darkLoginViewPromptBackground: "#1F2937",
darkLoginViewPromptText: "#9CA3AF",
/***************************************************************
* *
* AdminForth dark components *
* *
***************************************************************/
darkButtonsBackground: "alias:darkPrimary", // button background
darkButtonsBorder: "alias:darkPrimary", // button border
darkButtonsText: "alias:darkPrimaryContrast", // button text
darkButtonsHover: "alias:darkPrimary lighten", // button hover
darkButtonsBorderHover: "alias:darkPrimary", // button border hover
darkButtonFocusRing: "alias:darkPrimary opacity:0.6", // button focus ring
darkButtonGroupBackground: "#1F2937", // button group background
darkButtonGroupBorder: "#4B5563", // button group border
darkButtonGroupText: "#9CA3AF", // button group text
darkButtonGroupFocusRing: "#374151", // button group focus ring
darkButtonGroupBackgroundHover: "#374151", // button group background hover
darkButtonGroupTextHover: "alias:darkButtonGroupText", // button group text hover
darkButtonGroupActiveBackground: "alias:darkPrimary", // button group active background
darkButtonGroupActiveText: "alias:darkPrimaryContrast", // button group active text
darkButtonGroupActiveFocusRing: "alias:darkPrimary opacity:0.6", // button group active focus ring
darkDropdownButtonsBackground: "#374151",
darkDropdownButtonsBorder: "#4b5563",
darkDropdownButtonsText: "#FFFFFF",
darkDropdownButtonsPlaceholderText: "#9CA3AF",
darkDropdownOptionsBackground: "#374151",
darkDropdownOptionsHoverBackground: "#4b5563",
darkDropdownPicked:"#212a40",
darkDropdownOptionsText: "alias:darkListTableText",
darkDropdownMultipleSelectBackground: "alias:darkPrimaryOpacity",
darkDropdownMultipleSelectText: "alias:darkPrimary",
darkDropdownMultipleSelectIcon: "#9CA3AF",
darkDropdownMultipleSelectIconHover: "#6B7280",
darkDropdownMultipleSelectIconFocus: "#6B7280",
darkDropdownMultipleSelectIconFocusBackground: "#F3F4F6",
darkCheckboxBgUnchecked: "#374151",
darkCheckboxBgChecked: "alias:darkPrimary",
darkCheckboxIconColor: "alias:darkPrimaryContrast lighten",
darkCheckboxBorderColor: "alias:darkListTableText",
darkFocusRing: "alias:darkPrimary lighten",
darkTextLabel: "white",
darkToggleBgUnactive: "#1F2937",
darkToggleBgActive: "alias:darkPrimary darken",
darkToggleCircleUnactive: "alias:darkPrimary",
darkToggleCircleActive: "#F9FAFB",
darkToggleRing: "alias:darkPrimary lighten",
darkToggleText: "alias:darkPrimaryContrast lighten",
darkToggleBorderUnactive: "alias:darkPrimary lighten",
darkToggleBorderActive: "alias:darkPrimary darken",
darkInputBackground: "#374151",
darkInputPlaceholderText: "#9CA3AF",
darkInputText: "#FFFFFF",
darkInputBorder: "#4b5563",
darkInputHover: "#374151",
darkInputTextHover: "#FFFFFF",
darkInputBorderHover: "alias:darkInputBorder darken",
darkInputFocusRing: "#374151",
darkInputFocusBorder: "alias:darkPrimary",
darkInputIconColor: "#9CA3AF",
darkInputErrorColor: "#F87171",
darkRequiredIconColor: "#6B7280",
darkDatePickerButtonBackground: "#374151",
darkDatePickerButtonText: "#FFFFFF",
darkDatePickerPlaceHolder: "#9CA3AF",
darkDatePickerButtonBorder: "#4B5563",
darkDatePickerIcon: "#9CA3AF",
darkDatePickerExpandText: "alias:darkPrimary",
darkDatePickerCalendarBackground: "#374151",
darkDatePickerCalendarMainText: "#FFFFFF",
darkDatePickerCalendarArrowButtonBackground: "#374151",
darkDatePickerCalendarArrowButtonBackgroundHover: "#4B5563",
darkDatePickerCalendarArrowButtonFocusRing: "#E5E7EB",
darkDatePickerCalendarDaysOfWeekText: "#9CA3AF",
darkDatePickerCalendarDateButtonText: "#FFFFFF",
darkDatePickerCalendarDateActiveButtonBackground: "#2563EB",
darkDatePickerCalendarDateButtonBackgroundHover: "#4B5563",
darkDatePickerCalendarDateActiveButtonText: "#FFFFFF",
darkTooltipBackground: "#374151",
darkTooltipText: "#FFFFFF",
darkVerticalTabsText: "#9CA3AF",
darkVerticalTabsTextHover: "#FFFFFF",
darkVerticalTabsBackground: "#1F2937",
darkVerticalTabsBackgroundHover: "#374151",
darkVerticalTabsTextActive: "alias:darkPrimaryContrast",
darkVerticalTabsBackgroundActive: "alias:darkPrimary",
darkVerticalTabsSlotText: "#9CA3AF ",
darkDialogBackgorund: "#374151",
darkDialogBreakLine: "#4B5563",
darkDialogHeaderText: "#FFFFFF",
darkDialogCloseButton: "#9CA3AF",
darkDialogCloseButtonHover: "#FFFFFF",
darkDialogCloseButtonHoverBackground: "#4B5563",
darkDialogBodyText: "#9CA3AF",
darkDropzoneBackground: "#1F2937",
darkDropzoneBackgroundHover: "#4B5563",
darkDropzoneBackgroundDragging: "#1E40AF",
darkDropzoneBorder: "#4B5563",
darkDropzoneBorderHover: "#6B7280",
darkDropzoneBorderDragging: "#60A5FA",
darkDropzoneIcon: "#9CA3AF",
darkDropzoneText: "#9CA3AF",
darkTableBackground: "#111827",
darkTableHeadingText: "#9CA3AF",
darkTableHeadingBackground: "#374151",
darkTableBorder: "#374151",
darkTableText: "#9CA3AF",
darkTableEvenBackground: "#1F2937",
darkTableOddBackground: "#111827",
darkTablePaginationText: "#9CA3AF",
darkTablePaginationNumeration: "#FFFFFF",
darkTablePaginationInputBackground: "#1f2937",
darkTablePaginationInputBorder: "#374151",
darkTablePaginationInputText: "#FFFFFF",
darkUnactivePaginationButtonBackground: "#1F2937",
darkUnactivePaginationButtonText: "#9CA3AF",
darkUnactivePaginationButtonBorder: "#374151",
darkUnactivePaginationButtonHoverBackground: "#374151",
darkUnactivePaginationButtonHoverText: "#FFFFFF",
darkActivePaginationButtonBackground: "alias:darkPrimary",
darkActivePaginationButtonText: "alias:darkPrimaryContrast",
darkProgressBarUnfilledColor: "#374151",
darkProgressBarFilledColor: "alias:darkPrimary",
darkProgressBarText: "#6B7280",
darkSkeletonBackgroundColor: "#374151",
darkSkeletonIconColor:"#4B5563",
darkAcceptModalBackground: "#374151",
darkAcceptModalCloseIcon: "#9CA3AF",
darkAcceptModalCloseIconHover: "#FFFFFF",
darkAcceptModalCloseIconHoverBackground: "#4B5563",
darkAcceptModalWarningIcon: "#E5E7EB",
darkAcceptModalText: "#9CA3AF",
darkAcceptModalConfirmButtonBackground: "#DC2626",
darkAcceptModalConfirmButtonBackgroundHover: "#991B1B",
darkAcceptModalConfirmButtonText: "#FFFFFF",
darkAcceptModalConfirmButtonFocus: "#991B1B",
darkAcceptModalCancelButtonBackground: "#1F2937",
darkAcceptModalCancelButtonBackgroundHover: "#374151",
darkAcceptModalCancelButtonText: "#9CA3AF",
darkAcceptModalCancelButtonTextHover: "#FFFFFF",
darkAcceptModalCancelButtonFocus: "#1F2937",
darkAcceptModalCancelButtonBorder: "#4B5563",
darkBreadcrumbsHomepageText: "#9CA3AF",
darkBreadcrumbsHomepageTextHover: "#FFFFFF",
darkBreadcrumbsArrowIcon: "#9CA3AF",
darkBreadcrumbsText: "#9CA3AF",
darkRangePickerButtonBackground: "#1F2937",
darkRangePickerButtonBackgroundHover: "#374151",
darkRangePickerButtonBorder: "#4B5563",
darkRangePickerButtonText: "#9CA3AF",
darkRangePickerButtonTextHover: "#FFFFFF",
darkRangePickerFocusRing: "#374151",
darkRangePickerInputBackground: "#374151",
darkRangePickerInputBorder: "#4B5563",
darkRangePickerInputText: "#FFFFFF",
darkRangePickerInputPlaceholder: "#9CA3AF",
darkFiltersBackgroung: "#1F2937",
darkFiltersHeaderText: "#9CA3AF",
darkFiltersCloseIcon: "#9CA3AF",
darkFiltersCloseIconHover: "#FFFFFF",
darkFiltersCloseIconHoverBackground: "#4B5563",
darkFiltersClearAllButtonBackground: "#1F2937",
darkFiltersClearAllButtonBackgroundHover: "#374151",
darkFiltersClearAllButtonBorder: "#4B5563",
darkFiltersClearAllButtonText: "#9CA3AF",
darkFiltersClearAllButtonTextHover: "#FFFFFF",
darkFiltersClearAllButtonFocus: "#374151",
darkThreeDotsMenuIconBackground: "#1F2937",
darkThreeDotsMenuIconBackgroundHover: "#374151",
darkThreeDotsMenuIconBackgroundBorder: "#4B5563",
darkThreeDotsMenuIconDots: "#9CA3AF",
darkThreeDotsMenuIconDotsHover: "#FFFFFF",
darkThreeDotsMenuIconFocus: "#374151",
darkThreeDotsMenuBodyBackground: "#374151",
darkThreeDotsMenuBodyBackgroundHover: "#4B5563",
darkThreeDotsMenuBodyText: "#9CA3AF",
darkThreeDotsMenuBodyTextHover: "#FFFFFF",
darkToastBackground: "#1F2937",
darkToastCloseIcon: "#6B7280",
darkToastCloseIconHover: "#FFFFFF",
darkToastCloseIconBackground: "#1F2937",
darkToastCloseIconBackgroundHover: "#374151",
darkToastCloseIconFocusRing: "#374151",
darkToastText: "#9CA3AF",
darkCardBackground: "#1F2937", // card background
darkCardBackgroundHover: "#374151", // card background hover
darkCardBorder: "#4B5563", // card border
darkCardTitle: "#FFFFFF", // card title
darkCardDescription: "#9CA3AF", // card description
darkUserMenuBackground: "alias:darkSidebar",
darkUserMenuBorder: "alias:darkSidebarDevider",
darkUserMenuText: "#FFFFFF",
darkUserMenuItemBackground: "alias:darkSidebar",
darkUserMenuItemBackgroundHover: "alias:darkSidebarItemHover",
darkUserMenuItemText: "#FFFFFF",
darkUserMenuItemTextHover: "#FFFFFF",
},
boxShadow: {
customLight: "0 4px 8px rgba(0, 0, 0, 0.1)", // Lighter shadow
headerShadow: "0 4px 8px rgba(0, 0, 0, 0.1)", // Lighter shadow
listTableShadow: "0 4px 8px rgba(0, 0, 0, 0.1)", // Lighter shadow
darkListTableShadow: "0 4px 8px rgba(0, 0, 0, 0.3)", // Lighter shadow
resourseFormShadow: "0 4px 8px rgba(0, 0, 0, 0.1)", // Lighter shadow
darkResourseFormShadow: "0 4px 8px rgba(0, 0, 0, 0.3)", // Lighter shadow
},
fontSize: {
"headerText-size": "1rem"
},
borderRadius: {
"default": ".5rem"
}
});