Configurando CSS para SHELLINABOX !

[rodrigo.crescencio]

Boa noite pessoal !

Como prometido, irei estar postando neste tópico como customizar a tela do Shellinabox, no qual anteriormente mostrei aqui.

Bem, assim que se completa a instalação do aplicativo Shellinabox e logo na sua primeira utilização, o usuário se compara com a tela do navegador com fundo branco e letras pretas, até aqui tudo bem, porem com o uso prolongado do terminal nestas configurações o conçasso nos olhos é inevitável, mas vamos configurar ele para ficar com o fundo preto e as letras verdes, acredito ser menos cansativo e mais bonito visualmente.

A configuração em sí é super simples, mas vamos lá passo-a-passo:

1) Acessar o path onde o aplicativo foi instalado:

Código: Selecionar todos

#cd /usr/local/etc/shellinabox/

2) Já dentro do diretório, veremos que existe somente o arquivo certificate.pem, basta criar o arquivo com o nome que vc desejar seguido de sua extensão .CSS, desta orma:

Código: Selecionar todos

#touch green_on_black.css

3) Após a criação do arquivo não esqueça de alterar o grupo para que o software consiga ter propriedades sobre o arquivo:

Código: Selecionar todos

#chown shellinabox:shellinabox green-on-black.css

O arquivo vai passar a ter esta configuração:

Código: Selecionar todos

#shellinabox  shellinabox   651 Jul  3 11:00 green-on-black.css

4) Agora vou disponibilizar o código que estou utilizando, basta entrar no arquivo com o editor de sua preferência e colar este conteúdo, e salvar o arquivo:

#vt100 #cursor.bright {
background-color: green;
color: black;
}

#vt100 #cursize {
font-family: sans-serif;
font-size: 10px;
}

#vt100 #scrollable {
color: green;
background-color: #000000;
}

#vt100 #console, #vt100 #alt_console, #vt100 #cursor, #vt100 #lineheight, #vt100 .hidden pre {
font-family: "DejaVu Sans Mono", "Everson Mono", FreeMono, "Andale Mono", monospace;
font-size: 12px;
}

#vt100 #scrollable.inverted {
color: #000000;
background-color: #ffffff;
}

#vt100 .ansi15 {
color: #000000;
}

#vt100 .bgAnsi0 {
background-color: #ffffff;
}

5) Bom, após o arquivo já editado e salvo, vamos precisar dizer para o startup do aplicativo que queremos carregar junto com ele o arquivo CSS, para tal basta acessar e modificar o arquivo como abaixo:

Código: Selecionar todos

#cd /usr/local/etc/rc.d
#vi shellinaboxd

Após acessar o arquivo basta encontrar a linha chamada command_args, e adicionar no final da linha o argumento abaixo:

Código: Selecionar todos

#--css=/usr/local/etc/shellinabox/green-on-black.css

Onde a sua linha deve ficar assim:

Código: Selecionar todos

#command_args="--user=${shellinaboxd_user} --group=${shellinaboxd_group} --port=${shellinaboxd_port} --background=${pidfile} --css=/usr/local/etc/shellinabox/green-on-black.css"

Bom pessoal chegamos ao final, estas modificações irão fazer com que a tela do navegador que estiver conectada ao shell irá ficar como se fosse a tela do console.

Vlw..

Abraço à todos !

[cartola]

Oi Rodrigo,

mais uma vez obrigado pela dica! Fiz aqui e dei uma personalizada. Botei branco no fundo preto. Bastou trocar os dois "green" do seu arquivo por "white". Realmente fazer um padrão de fundo branco é meio estranho, já devia vir com fundo preto, mas por enquanto sou todo elogios pro programeto. Sensacional!

Uma pequena correção no código que você passou, talvez seja bom editar sua mensagem (posso fazer se não conseguir aí): faltou fechar a última chave:

Código: Selecionar todos

#vt100 .bgAnsi0 {
background-color: #ffffff;
}


Valeu!

[rodrigo.crescencio]

Fala Cartola, desculpe a demora para responder.....
Muito Obrigado pela dica, já corrigi a pequena falha.... rsrsrs

Eu particularmente gostei batante deste app, ele é bem util quando se precisa acessar algum server e não temos muito acesso à ele.

Muito obrigado !
Abração !!!!!