Configure logotipo, cores e padrões do sistema para IU principal

Você pode usar a Configuração básica IU principal módulo para marcar sua instância com o logotipo e as cores da sua empresa e definir padrões básicos do sistema. Este local é o melhor ponto de partida se você estiver configurando sua instância pela primeira vez ou se tiver habilitado recentemente IU principal.

Antes de Iniciar

Reúna o seguinte:

• Obtenha a imagem da faixa da empresa a ser usada no cabeçalho. A imagem pode ser de alta resolução, mas quando exibida, ela é dimensionada com base na proporção. Escala para um máximo de 20 px de altura.
• Obtenha os números hexadecimais ou RGB da cor da sua empresa, normalmente do seu departamento de marketing. Use-os para decidir como configurar as cores de fundo da IU.

Função necessária: administrador

Por Que e Quando Desempenhar Esta Tarefa

Cada opção de seleção de cor fornece um seletor de cores para selecionar uma cor. A caixa de texto ao lado do seletor de cores permite inserir o valor da cor como qualquer um dos seguintes formatos CSS:

• Nome: Nomes de cores predefinidos, como vermelho, verde ou azul
• RGB decimal: RGB (102, 153, 204)
• RGB HEX: Nº 223344

Consulte Nomes de cores HTML (W3CSchools) Para obter informações sobre nomes de cores HTML.

Nota:

Essas informações são aplicáveis a. IU principal. Para obter informações sobre temas para Next Experience, consulte Trabalhando com temas em Next Experience.

Procedimento

1. Navegar até Tudo > Propriedades do sistema > Configuração Básica - UI16.
2. Conclua a configuração alterando qualquer uma das seguintes definições:

   Tabela 1. Propriedades básicas de configuração do sistema

   Rótulo	Propriedade	Descrição
   Legenda do cabeçalho da página	glide.product.description	Mude o texto que aparece ao lado do seu logotipo.
   Título da guia do navegador	glide.product.name	Mude o texto que aparece na guia do navegador.
   Fuso horário do sistema para todos os usuários, exceto se ele for substituído nos registros do usuário	glide.sys.default.tz	Selecione o fuso horário na lista. Selecione Configurar fusos horários disponíveis para selecionar os fusos horários que os usuários podem selecionar nas preferências do usuário.
   Imagem da faixa para IU principal	glide.product.image.light	Selecione . ao lado da imagem e carregue seu logotipo.
   Formato de data Formato de hora	glide.sys.date_format glide.sys.time_format	Selecione o formato de data e hora nas listas de seleção.
   Cor de plano de fundo do cabeçalho	navpage-header-bg	Selecione ou insira a cor. Esta cor também é usada como parte da visualização do tema na guia Temas nas configurações do sistema.
   Cor do texto da faixa	navpage-header-color	Selecione ou insira a cor. Esta cor também é usada como parte da visualização do tema na guia Temas nas configurações do sistema.
   Cor da listra do divisor de cabeçalho	navpage-header-divider-color	Selecione ou insira a cor.
   Cabeçalho/rodapé de navegação	navpage-nav-bg	Selecione ou insira a cor.
   Itens expandidos com plano de fundo da navegação	subnav-background-color	Selecione ou insira a cor.
   Cor do texto do módulo para IU principal navegador de aplicações	navpage-nav-nav-color-sub	Selecione ou insira a cor.
   Cor de plano de fundo da guia selecionada da navegação	navpage-nav-selected-bg	Selecione ou insira a cor.
   Cor da barra divisora da guia de navegação selecionada	nav-highlight-bar-active	Esta cor também é usada como parte da visualização do tema na guia Temas nas configurações do sistema.
   Cor da barra divisora da guia de navegação não selecionada	nav-highlight-bar-inactive
   Cor do separador de navegação	nav-hr-color	Selecione ou insira a cor.
   Plano de fundo para o navegador e as barras laterais	navpage-nav-bg-sub	Selecione ou insira a cor.
   Cor do ícone da guia de navegação selecionada no momento para IU principal	navpage-nav-selected-color	Selecione ou insira a cor.
   Ícone da guia de navegação não selecionada e a cor dos ícones de favoritos	navpage-nav-nav-selected-color	Selecione ou insira a cor.
   Cor da borda para IU principal	navpage-nav-border	Selecione ou insira a cor. Também afeta a borda do Filtrar conversas Caixa de pesquisa na barra lateral do Bate-papo do Connect.
   Tema base selecionado	glide.ui.base_theme.selected_theme	Alterna o conteúdo principal (tudo que não seja o navegador de aplicações e o cabeçalho) entre os temas La Jolla e Cobalt.

   Na maioria das configurações, conforme você faz mudanças, a página é atualizada com uma visualização da mudança. Essas mudanças são exibidas somente você. Algumas configurações exigem que você faça logout e login novamente para ver a mudança.
3. Selecione Salvar na parte superior ou inferior da página.

Resultado

Depois de salvar as mudanças de configuração, todos os usuários que selecionarem Sistema As opções de personalização de IU do tema veem as novas cores de configuração.

La Jolla e Cobalt tema comparação

O tema La Jolla é o novo tema da marca ServiceNow. Quando você faz upgrade para Madrid Seu tema é atualizado automaticamente para o tema La Jolla. As personalizações feitas no tema do sistema não serão atualizadas. Use os estilos na lista abaixo para atualizar ou reverter quaisquer estilos para o tema novo ou antigo.

Navegue até para fazer mudanças em qualquer um desses estilos Propriedades do sistema > Configuração Básica - UI16.

Tabela 2. Estilos temáticos La Jolla e Cobalt

Propriedade	Estilo de La Jolla	Estilo Cobalt
Cor de plano de fundo do cabeçalho navpage-header-bg	ffffff	303a46
Cor da listra do divisor de cabeçalho navpage-header-divider-color	5a7f71	#455464
Cabeçalho/rodapé de navegação navpage-nav-bg	293e40	303A46
Itens expandidos com plano de fundo da navegação subnav-background-color	#213234	303a46
Cor do texto do módulo para UI16 navpage-nav-nav-color-sub	bec1c6	bec1c6
Cor de plano de fundo da guia selecionada da navegação navpage-nav-selected-bg	2f4fe	4b545f
Cor da barra divisora da guia de navegação selecionada nav-highlight-bar-active	82c9b8	278efc
Cor da barra divisora da guia de navegação não selecionada nav-highlight-bar-inactive	213234	81878e
Cor do separador de navegação nav-hr-color	293e40	303a46
Plano de fundo para o navegador e as barras laterais navpage-nav-bg-sub	293e40	455464
Cor do ícone da guia Navegação selecionada no momento como UI16 navpage-nav-selected-color	82c9b8	ffffff
Ícone da guia de navegação não selecionada e a cor dos ícones de favoritos navpage-nav-nav-selected-color	bec1c6	bec1c6
Cor da borda para UI16 navpage-nav-border	7a828a	ddd
Tema base selecionado glide.ui.base_theme.selected_theme	La Jolla SYSID: C92c1ee153002300dda1ddeeff7b125b	Cobalt SYSID: 6f3c9ae153002300dda1ddeeff7b124a