Uma das primeiras coisas feitas por um desenvolvedor da web front-end é aplicar uma redefinição CSS antes de estilizar. Por quê? Porque fornece ao desenvolvedor o controle máximo no posicionamento e espaçamento dos elementos do dom.
Os temas do GNOME Shell não devem ser diferentes, então aqui está uma redefinição para todos os temas futuros. Não sei se o tema Shell herda o tema padrão ou não (será necessário investigar). Independentemente disso, também seria bom adicionar um padrão em branco de todas as classes de estilo do Shell. Esperançosamente, isso desencorajaria os futuros criadores de temas de apenas copiar e colar o tema padrão e fazer ajustes, o que acabaria por produzir mais criatividade nos temas.
Nota: Acabei de começar para uma extensão que estava escrevendo e adicionarei uma redefinição de cor do painel também no futuro. Nesse ínterim, você pode redefinir todo o espaçamento no painel com o código abaixo.
/* =Reset all prior spacing for easier theming
---------------------------------------------------- */
#panel *,
#panel #panelLeft,
#panel #panelCenter,
#panel #panelRight,
#panel .panel-button,
#panel .panel-button *,
#panel .label{
-natural-hpadding: 0;
-minimum-hpadding: 0;
spacing: 0;
/*to ensure overriding any previous padding*/
padding-top:0;
padding-bottom:0;
padding-left:0;
padding-right:0;
width:auto;
}
#panel .panel-button .unicode-arrow{
/* Uncomment if you wanted arrows hidden
font-size:0; */
}
#panel .panel-button .system-status-icon{
/* Example of 5px spacing to the right of each aggregate
menu icon
padding:0px 5px 0px 0px;*/
spacing:0px;
-natural-hpadding: 0px;
-minimum-hpadding: 0px;
}
#panel .panel-button .system-status-icon:last-child{
/* Example to override the last aggregate menu icon. The padding
will then be handeled by the Panel button
padding:0;*/
}