Good Day
I am encountering issue. The text in the application navigator is clear at first. For example, when I click on ALL I can clearly see the Applications and Modules.
But when I start typing the search field the text responds in the application navigator and changes color. For example I type in Incident and it looks like this:
Some of the Applications and modules is not clear.
What is the best way to resolve this?
How can I change the responsive text color or is there a way to change the background color of the Application Navigator so this does not happen?
Kindly advise on the best way forward.
Here is my code:
{
"properties": {
"--now-color--neutral-0": "255,255,255",
"--now-color--neutral-1": "246,247,247",
"--now-color--neutral-2": "229,231,231",
"--now-color--neutral-3": "213,216,217",
"--now-color--neutral-4": "196,200,201",
"--now-color--neutral-5": "181,185,187",
"--now-color--neutral-6": "164,169,171",
"--now-color--neutral-7": "148,155,156",
"--now-color--neutral-8": "131,138,140",
"--now-color--neutral-9": "116,123,125",
"--now-color--neutral-10": "99,107,108",
"--now-color--neutral-11": "85,92,94",
"--now-color--neutral-12": "76,83,85",
"--now-color--neutral-13": "67,74,76",
"--now-color--neutral-14": "58,65,67",
"--now-color--neutral-15": "50,56,58",
"--now-color--neutral-16": "41,47,48",
"--now-color--neutral-17": "33,37,39",
"--now-color--neutral-18": "24,28,29",
"--now-color--neutral-19": "16,19,20",
"--now-color--neutral-20": "8,9,10",
"--now-color--neutral-21": "0,0,0",
"--now-color--primary-0": "208,223,227",
"--now-color--primary-1": "140,177,186",
"--now-color--primary-2": "73,131,146",
"--now-color--primary-3": "26,46,51",
"--now-color--secondary-0": "232,231,221",
"--now-color--secondary-1": "167,164,125",
"--now-color--secondary-2": "114,112,85",
"--now-color--secondary-3": "58,57,44",
"--now-color_selection--primary-0": "242,241,236",
"--now-color_selection--primary-1": "205,203,181",
"--now-color_selection--primary-2": "167,164,125",
"--now-color_selection--primary-3": "125,123,94",
"--now-color_selection--primary-4": "84,82,63",
"--now-color_selection--secondary-0": "224,223,209",
"--now-color_selection--secondary-1": "188,187,176",
"--now-color_selection--secondary-2": "152,152,142",
"--now-color_selection--secondary-3": "114,114,107",
"--now-color_selection--secondary-4": "78,78,73",
"--now-color--interactive-0": "208,223,227",
"--now-color--interactive-1": "140,177,186",
"--now-color--interactive-2": "73,131,146",
"--now-color--interactive-3": "47,85,95",
"--now-color--interactive-4": "22,39,44",
"--now-color--link-1": "126,148,254",
"--now-color--link-2": "66,98,254",
"--now-color--link-3": "52,77,201",
"--now-color--link-4": "38,57,147",
"--now-color--link-5": "24,36,94",
"--now-color--focus-1": "123,145,254",
"--now-color--focus-2": "66,98,254",
"--now-color--focus-3": "46,68,175",
"--now-color--focus-4": "24,36,94",
"--now-color_alert--critical-0": "255,204,210",
"--now-color_alert--critical-1": "255,126,142",
"--now-color_alert--critical-2": "255,51,75",
"--now-color_alert--critical-3": "204,41,60",
"--now-color_alert--critical-4": "153,31,45",
"--now-color_alert--critical-5": "102,20,30",
"--now-color_alert--high-0": "255,229,191",
"--now-color_alert--high-1": "254,189,94",
"--now-color_alert--high-2": "253,151,0",
"--now-color_alert--high-3": "192,115,0",
"--now-color_alert--high-4": "132,79,0",
"--now-color_alert--high-5": "71,42,0",
"--now-color_alert--warning-0": "251,247,191",
"--now-color_alert--warning-1": "246,235,94",
"--now-color_alert--warning-2": "240,224,0",
"--now-color_alert--warning-3": "182,170,0",
"--now-color_alert--warning-4": "125,116,0",
"--now-color_alert--warning-5": "67,63,0",
"--now-color_alert--moderate-0": "225,217,255",
"--now-color_alert--moderate-1": "182,162,255",
"--now-color_alert--moderate-2": "139,107,255",
"--now-color_alert--moderate-3": "106,81,194",
"--now-color_alert--moderate-4": "72,56,133",
"--now-color_alert--moderate-5": "39,30,71",
"--now-color_alert--info-0": "203,233,252",
"--now-color_alert--info-1": "130,201,248",
"--now-color_alert--info-2": "56,170,244",
"--now-color_alert--info-3": "43,129,185",
"--now-color_alert--info-4": "29,88,127",
"--now-color_alert--info-5": "16,48,68",
"--now-color_alert--positive-0": "210,234,189",
"--now-color_alert--positive-1": "145,204,94",
"--now-color_alert--positive-2": "81,174,0",
"--now-color_alert--positive-3": "60,129,0",
"--now-color_alert--positive-4": "38,82,0",
"--now-color_alert--positive-5": "17,37,0",
"--now-color_alert--low-0": "228,228,231",
"--now-color_alert--low-1": "189,190,198",
"--now-color_alert--low-2": "150,152,164",
"--now-color_alert--low-3": "111,112,121",
"--now-color_alert--low-4": "71,71,77",
"--now-color_alert--low-5": "32,32,34",
"--now-color_brand--neutral": "167,164,125",
"--now-color_brand--primary": "73,131,146",
"--now-color_brand--secondary": "167,164,125",
"--now-color_surface--neutral-1": "252,252,252",
"--now-color_surface--neutral-2": "243,243,244",
"--now-color_surface--neutral-3": "233,235,235",
"--now-color_surface--neutral-4": "224,226,226",
"--now-color_surface--neutral-5": "215,218,218",
"--now-color_surface--neutral-6": "205,209,210",
"--now-color_surface--divider-1": "243,243,244",
"--now-color_surface--divider-2": "205,208,209",
"--now-color_surface--divider-3": "168,173,175",
"--now-color_surface--divider-4": "105,110,112",
"--now-color_surface--divider-5": "79,83,84",
"--now-color_surface--divider-6": "51,54,55",
"--now-color_surface--divider-7": "25,26,27",
"--now-color_surface--brand-1": "246,246,242",
"--now-color_surface--brand-2": "207,205,184",
"--now-color_surface--brand-3": "167,164,125",
"--now-color_surface--brand-4": "147,144,110",
"--now-color_surface--brand-5": "125,123,94",
"--now-color_surface--brand-6": "105,103,79",
"--now-color_surface--brand-7": "84,82,63",
"--now-color_chrome--brand-0": "253,254,254",
"--now-color_chrome--brand-1": "224,234,236",
"--now-color_chrome--brand-2": "193,213,218",
"--now-color_chrome--brand-3": "162,192,199",
"--now-color_chrome--brand-4": "133,172,182",
"--now-color_chrome--brand-5": "102,151,163",
"--now-color_chrome--brand-6": "73,131,146",
"--now-color_chrome--brand-7": "58,105,117",
"--now-color_chrome--brand-8": "44,79,88",
"--now-color_chrome--brand-9": "28,51,57",
"--now-color_chrome--brand-10": "14,25,28",
"--now-color_chrome--divider-0": "243,244,244",
"--now-color_chrome--divider-1": "220,222,223",
"--now-color_chrome--divider-2": "196,200,200",
"--now-color_chrome--divider-3": "173,178,179",
"--now-color_chrome--divider-4": "151,157,158",
"--now-color_chrome--divider-5": "127,134,136",
"--now-color_chrome--divider-6": "104,113,115",
"--now-color_chrome--divider-7": "82,89,91",
"--now-color_chrome--divider-8": "59,64,66",
"--now-color_chrome--divider-9": "37,41,41",
"--now-color_chrome--divider-10": "15,16,16",
"--now-color_secondary-nav--brand-0": "253,254,254",
"--now-color_secondary-nav--brand-1": "228,230,230",
"--now-color_secondary-nav--brand-2": "202,205,205",
"--now-color_secondary-nav--brand-3": "175,180,180",
"--now-color_secondary-nav--brand-4": "150,156,157",
"--now-color_secondary-nav--brand-5": "124,131,132",
"--now-color_secondary-nav--brand-6": "99,107,108",
"--now-color_secondary-nav--brand-7": "79,86,86",
"--now-color_secondary-nav--brand-8": "59,64,65",
"--now-color_secondary-nav--brand-9": "39,42,42",
"--now-color_secondary-nav--brand-10": "19,20,21",
"--now-color_secondary-nav--divider-0": "243,243,243",
"--now-color_secondary-nav--divider-1": "219,221,221",
"--now-color_secondary-nav--divider-2": "195,198,198",
"--now-color_secondary-nav--divider-3": "171,176,176",
"--now-color_secondary-nav--divider-4": "148,154,154",
"--now-color_secondary-nav--divider-5": "123,130,131",
"--now-color_secondary-nav--divider-6": "100,108,109",
"--now-color_secondary-nav--divider-7": "79,85,86",
"--now-color_secondary-nav--divider-8": "57,62,62",
"--now-color_secondary-nav--divider-9": "36,39,39",
"--now-color_secondary-nav--divider-10": "14,15,15",
"--now-color_grouped--blue-0": "217,244,249",
"--now-color_grouped--blue-1": "159,227,239",
"--now-color_grouped--blue-2": "103,210,230",
"--now-color_grouped--blue-3": "80,164,179",
"--now-color_grouped--blue-4": "59,120,131",
"--now-color_grouped--blue-5": "36,74,81",
"--now-color_grouped--brown-0": "244,233,221",
"--now-color_grouped--brown-1": "227,199,168",
"--now-color_grouped--brown-2": "211,166,117",
"--now-color_grouped--brown-3": "165,129,91",
"--now-color_grouped--brown-4": "120,95,67",
"--now-color_grouped--brown-5": "74,58,41",
"--now-color_grouped--gray-0": "232,234,234",
"--now-color_grouped--gray-1": "197,202,203",
"--now-color_grouped--gray-2": "163,171,172",
"--now-color_grouped--gray-3": "127,133,134",
"--now-color_grouped--gray-4": "93,97,98",
"--now-color_grouped--gray-5": "57,60,60",
"--now-color_grouped--green-0": "212,238,216",
"--now-color_grouped--green-1": "145,211,156",
"--now-color_grouped--green-2": "81,185,98",
"--now-color_grouped--green-3": "63,144,76",
"--now-color_grouped--green-4": "46,105,56",
"--now-color_grouped--green-5": "28,65,34",
"--now-color_grouped--green-yellow-0": "241,246,219",
"--now-color_grouped--green-yellow-1": "220,232,164",
"--now-color_grouped--green-yellow-2": "200,218,110",
"--now-color_grouped--green-yellow-3": "156,170,86",
"--now-color_grouped--green-yellow-4": "114,124,63",
"--now-color_grouped--green-yellow-5": "70,76,39",
"--now-color_grouped--magenta-0": "249,218,239",
"--now-color_grouped--magenta-1": "241,161,215",
"--now-color_grouped--magenta-2": "232,105,191",
"--now-color_grouped--magenta-3": "181,82,149",
"--now-color_grouped--magenta-4": "132,60,109",
"--now-color_grouped--magenta-5": "81,37,67",
"--now-color_grouped--orange-0": "255,226,220",
"--now-color_grouped--orange-1": "255,183,166",
"--now-color_grouped--orange-2": "255,140,114",
"--now-color_grouped--orange-3": "199,109,89",
"--now-color_grouped--orange-4": "145,80,65",
"--now-color_grouped--orange-5": "89,49,40",
"--now-color_grouped--pink-0": "247,223,231",
"--now-color_grouped--pink-1": "235,175,195",
"--now-color_grouped--pink-2": "224,128,160",
"--now-color_grouped--pink-3": "175,100,125",
"--now-color_grouped--pink-4": "128,73,91",
"--now-color_grouped--pink-5": "78,45,56",
"--now-color_grouped--purple-0": "239,222,250",
"--now-color_grouped--purple-1": "213,171,242",
"--now-color_grouped--purple-2": "189,122,234",
"--now-color_grouped--purple-3": "147,95,183",
"--now-color_grouped--purple-4": "108,70,133",
"--now-color_grouped--purple-5": "66,43,82",
"--now-color_grouped--teal-0": "212,240,240",
"--now-color_grouped--teal-1": "145,217,217",
"--now-color_grouped--teal-2": "81,194,194",
"--now-color_grouped--teal-3": "63,151,151",
"--now-color_grouped--teal-4": "46,111,111",
"--now-color_grouped--teal-5": "28,68,68",
"--now-color_grouped--yellow-0": "255,241,212",
"--now-color_grouped--yellow-1": "255,219,145",
"--now-color_grouped--yellow-2": "255,198,81",
"--now-color_grouped--yellow-3": "199,154,63",
"--now-color_grouped--yellow-4": "145,113,46",
"--now-color_grouped--yellow-5": "89,69,28",
"--now-color_background--primary": "255,255,255",
"--now-color_background--secondary": "246,247,247",
"--now-color_background--tertiary": "229,231,231",
"--now-color_divider--primary": "196,200,201",
"--now-color_divider--secondary": "213,216,217",
"--now-color_divider--tertiary": "229,231,231",
"--now-color_text--primary": "24,28,29",
"--now-color_text--secondary": "76,83,85",
"--now-color_text--tertiary-actionable": "229,231,231",
"--now-color_text--primary-actionable": "255,255,255",
"--now-color_text--secondary-actionable": "246,247,247",
"--now-color_text--tertiary": "116,123,125",
"--now-color_border--primary": "148,155,156",
"--now-color_border--secondary": "181,185,187",
"--now-color_border--tertiary": "213,216,217",
"--now-color_focus-ring_shadow": "255,255,255",
"--now-color_focus-ring": "66,98,254",
"--now-toolbar-nav--background-color-start": "--now-color_secondary-nav--brand-2",
"--now-toolbar-nav--background-color-end": "--now-color_secondary-nav--brand-2",
"--now-canvas-toolbar-button--background-color--hover": "--now-color_secondary-nav--brand-4",
"--now-canvas-toolbar-button--background-color--active": "--now-color_secondary-nav--brand-4",
"--now-canvas-toolbar-button--border-color--active": "--now-color_secondary-nav--divider-6",
"--now-canvas-toolbar-button--color": "--now-color--neutral-21",
"--now-canvas-toolbar-button--opacity--hover": "0.6",
"--now-canvas-toolbar-button--color--focus": "--now-color--neutral-21",
"--now-unified-nav_header--background-color": "--now-color_brand--primary",
"--now-unified-nav_header--color": "--now-color--neutral-21",
"--now-unified-nav_nav-menu-trigger--color": "--now-unified-nav_header--color",
"--now-unified-nav_nav-menu-trigger--border-size--hover": "1px",
"--now-unified-nav_nav-menu-trigger--border-size--active": "2px",
"--now-unified-nav_nav-menu-trigger--border-color--hover": "--now-unified-nav_header--color",
"--now-unified-nav_nav-menu-trigger--border-color-alpha": "1.0",
"--now-unified-nav_focus-ring--color": "--now-color--focus-2",
"--now-unified-nav_focus-ring-inner--color": "--now-color--neutral-1",
"--now-unified-nav_nav-menu-trigger--background-color": "--now-unified-nav_header--background-color",
"--now-unified-nav_nav-menu-trigger--background-color-alpha--hover": "0",
"--now-unified-nav_nav-menu-trigger--background-color-alpha": "0",
"--now-unified-nav_nav-menu-trigger--background-color--hover": "--now-color--neutral-0",
"--now-unified-nav_nav-menu-trigger--color--hover": "--now-color--neutral-21",
"--now-unified-nav_menu-button-iconic--color": "--now-unified-nav_button--color--hover",
"--now-unified-nav_menu-button-iconic--color--hover": "--now-color--neutral-21",
"--now-unified-nav_nav-menu-trigger--background-color--active": "--now-color--neutral-0",
"--now-unified-nav_nav-menu-trigger--color--active": "--now-color--neutral-21",
"--now-unified-nav_utility-menu-trigger--color--active": "--now-unified-nav_nav-menu-trigger--color--hover",
"--now-unified-nav_contextual-app-pill--background-color": "--now-unified-nav_header--background-color",
"--now-unified-nav_contextual-app-pill--color": "--now-unified-nav_header--color",
"--now-unified-nav_favorite-icon--color": "--now-color_grouped--yellow-1",
"--now-unified-nav_contextual-app-pill--border-color": "--now-color_chrome--divider-1",
"--now-unified-nav_utility-menu-trigger--background-color": "--now-unified-nav_header--background-color",
"--now-unified-nav_utility-menu-trigger--color": "--now-unified-nav_header--color",
"--now-unified-nav_utility-menu-trigger--background-color-alpha": "--now-unified-nav_button--background-color-alpha",
"--now-unified-nav_utility-menu-trigger--background-color--hover": "--now-unified-nav_nav-menu-trigger--background-color--hover",
"--now-unified-nav_utility-menu-trigger--color--hover": "--now-unified-nav_nav-menu-trigger--color--hover",
"--now-unified-nav_utility-menu-trigger--background-color-alpha--hover": "--now-unified-nav_button--background-color-alpha--hover",
"--now-unified-nav_utility-menu-trigger--background-color--active": "--now-unified-nav_utility-menu-trigger--background-color--hover",
"--now-unified-nav_nav-menu-trigger--border-color--active": "--now-color--neutral-0",
"--now-unified-nav_utility-panel-header--color": "--now-color--neutral-21",
"--now-unified-nav_utility-panel-tabs--color": "--now-color_text--primary",
"--now-unified-nav_utility-panel-tabs--color--selected": "--now-color_selection--primary-2",
"--now-unified-nav_utility-panel-tabs--color--hover": "--now-color_selection--primary-3",
"--now-unified-nav_utility-panel-tabs--color--active": "--now-color_selection--primary-4",
"--now-unified-nav_utility-panel-tabs--border-color--selected": "--now-color_selection--primary-2",
"--now-unified-nav_utility-panel-tabs--border-color--active": "--now-color_selection--primary-4",
"--unified_nav-input--color": "--now-color--neutral-0",
"--unified_nav-input--color--placeholder": "input color",
"--unified_nav-input--color--opened": "--now-color--neutral-18",
"--unified_nav-input--background-color": "--now-color_chrome--brand-4",
"--unified_nav-input--background-color--hover": "--now-color_chrome--brand-3",
"--unified_nav-input--border-color": "--now-color_chrome--divider-1",
"--now-unified-nav_menu--background-color": "255,255,255",
"--now-unified-nav_button--background-color": "255,255,255",
"--now-unified-nav_button--background-color--hover": "--now-color_brand--primary",
"--now-unified-nav_button--color--hover": "--now-color--neutral-21",
"--now-unified-nav_button--background-color--active": "--now-unified-nav_button--background-color",
"--now-unified-nav_button--background-color-alpha": "0",
"--now-unified-nav_button--background-color-alpha--hover": "1",
"--now-unified-nav_button--background-color-alpha--active": "1",
"--now-unified-nav_button--color": "--now-color--neutral-21",
"--now-unified-nav_button--color--active": "--now-unified-nav_button--color",
"--now-unified-nav_menu-item--color": "--now-color--neutral-18",
"--now-unified-nav_menu-item--color--active": "--now-unified-nav_button--color",
"--now-unified-nav_menu-section-header--color": "--now-color--neutral-21",
"--now-unified-nav_menu-section-header--background-color": "--now-color_chrome--divider-1",
"--now-unified-nav_menu-item--background-color--hover": "--now-color_brand--primary",
"--now-unified-nav_menu-item--color--hover": "--now-color--neutral-21",
"--now-unified-nav_menu-item--border-color--hover": "--now-unified-nav_menu-item--color--hover",
"--now-unified-nav_menu-item--border-color-alpha--hover": "1",
"--now-unified-nav_menu-button-iconic--background-color": "--now-color--neutral-0",
"--now-unified-nav_menu-button-iconic--background-color--active": "--now-unified-nav_menu-item--background-color--hover",
"--now-unified-nav_menu-button-iconic--background-color-alpha": "0",
"--now-unified-nav_menu-button-iconic--background-color--hover": "--now-color_brand--primary",
"--now-unified-nav_menu-filter-result-mark--color": "--now-color--neutral-17",
"--now-unified-nav_menu-filter-result-mark--color--hover": "--now-color--neutral-21",
"--now-unified-nav_favorite-icon--background-color--hover": "--now-color--neutral-0",
"--now-unified-nav_favorite-icon--color--hover": "--now-color_grouped--yellow-4",
"--now-unified-nav_menu-item--background-color--active": "--now-unified-nav_menu-item--background-color--hover",
"--now-unified-nav_menu-item--background-color-alpha--hover": "1",
"--now-unified-nav_menu-item--text-decoration--hover": "underline",
"--now-unified-nav_menu-item--background-color-alpha--active": "1",
"--now-unified-nav_menu-subitem--color": "--now-unified-nav_button--color",
"--now-unified-nav_menu--background-color-alpha": "1",
"--now-unified-nav_menu--background-image-alpha": "0",
"--now-unified-nav_menu-filter--color": "--now-color--neutral-21",
"--now-unified-nav_menu-filter--color--placeholder": "--now-unified-nav_menu-filter--color",
"--now-unified-nav_menu-filter--color--placeholder--focus": "--now-color--neutral-18",
"--now-unified-nav_menu-filter--color--opened": "--now-color--neutral-18",
"--now-unified-nav_menu-filter--background-color": "--now-color_background--secondary",
"--now-unified-nav_menu-filter--background-color--hover": "--now-color_background--tertiary",
"--now-unified-nav_menu-filter--background-color--opened": "--now-color--neutral-0",
"--now-unified-nav_menu-filter--border-color": "--now-color_chrome--divider-1",
"--now-unified-nav_menu-filter--border-color--opened": "--now-color--focus-1",
"--now-unified-nav_menu-filter-result--color": "--now-color--neutral-18",
"--now-unified-nav_menu-filter-result--color--hover": "--now-color--neutral-21",
"--now-unified-nav_menu-divider-horizontal--color": "--now-color_chrome--divider-2",
"--now-unified-nav_menu-divider-vertical--color": "--now-unified-nav_menu-subitem--color",
"--now-unified-nav_menu-scrollbar--color": "--now-color--neutral-8",
"--now-unified-nav_menu--border-color": "--now-color_chrome--divider-3",
"--now-unified-nav_menu-button-iconic--color--active": "--now-unified-nav_button--color--active",
"--now-unified-nav_menu-sublabel--color": "--now-color--neutral-15",
"--now-unified-nav_menu-sublabel--color--hover": "--now-unified-nav_menu-item--color--hover",
"--now-unified-nav_menu-item--border-size": "1px",
"--now-unified-nav_menu-subitem--border-size": "1px",
"--now-unified-nav_menu-subitem--border-color--hover": "--now-unified-nav_menu-item--color--hover",
"--now-unified-nav_menu-subitem--border-radius": "4px"
}
}
Thanks
Bianca
