Largura da barra de rolagem do Ubuntu 16.10

0

Após atualizar para 16.10, o tamanho da barra de rolagem em todos os aplicativos aumentou. Eu estou realmente acostumado a idéia de ter barras de rolagem 2px. Existe uma maneira de diminuir a largura das novas barras de rolagem?

    
por Visgean Skeloru 16.10.2016 / 18:13

1 resposta

1

@ WinEunuuchs2Unix

OP não perguntou sobre Amiance, OP pediu ajuda em 16.10. Você nem pergunta qual área de trabalho ou tema está sendo considerado.

É uma péssima ideia encorajar os usuários a editar arquivos em / usr / share / themes. Primeiro, suas alterações serão perdidas quando o pacote for atualizado. Em segundo lugar, as alterações que um usuário, agindo como raiz, poderia causar poderiam ser prejudiciais a outros usuários. Terceiro, as mesmas alterações podem ser feitas editando os arquivos em ~ / .config / gtk-3.0.

Acho que esta é uma resposta melhor. O formato dos temas do GTK-3.20 foi alterado. Muitos temas não possuem arquivos editáveis pelo usuário. Além disso, o estilo CSS foi alterado.

Os temas fornecidos com o gtk-3.20 são

Adwaita
HighContrast
Raleigh
win32

Como personalizar essas coisas é principalmente uma área desconhecida, mas eu tenho algum sucesso. Os arquivos gtk.css fornecidos com esses temas não são editáveis ou não são úteis. No entanto, você pode recuperar o código-fonte gtk-3.20 e, no tema Adwaita, há um arquivo chamado gtk-contained.css. Isso mostra a sintaxe CSS como é usada atualmente.

Copie o máximo da sintaxe desejada em um arquivo chamado ~ / .config / gtk-3.0 / gtk.css. Se você editar as configurações lá, os programas que usam temas baseados no gtk-3.20 irão notar as mudanças.

A má notícia é que as mudanças de configuração que costumávamos fazer no Gnome 16.04 não são muito trabalhosas devido à mudança no estilo CSS no GTK-3.20 mais recente.

Mas eu verifiquei, mas alterei as configurações aqui e, em seguida, reiniciei o firefox, que eu posso alterar a cor da barra de rolagem, adicionar setas de passo e assim por diante. Eu não tenho muita sorte com a largura da barra de rolagem, uma frustração residual da barra de rolagem de sobreposição.

Mas, assim que você vir a diferença de sintaxe, verá por que mexer nos temas agora é diferente do que era então.

 scrollbar {
    background-color: #c3c4c4;
    transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
 * {
     -GtkScrollbar-has-backward-stepper: true;
     -GtkScrollbar-has-forward-stepper: true; }
 scrollbar.top {
     border-bottom: 1px solid #9d9d99; }
 scrollbar.bottom {
     border-top: 1px solid #9d9d99; }
 scrollbar.left {
     border-right: 1px solid #9d9d99; }
 scrollbar.right {
     border-left: 1px solid #9d9d99; }
 scrollbar:backdrop {
     background-color: #e1e1df;
     border-color: #a5a5a1;
     transition: 200ms ease-out; }
 scrollbar slider {
     min-width: 30px;
     min-height: 30px;
     margin: -1px;
     border: 4px solid transparent;
     border-radius: 8px;
     background-clip: padding-box;
     background-color: #787c7d; }
 scrollbar slider:hover {
       background-color: #535859; }
 scrollbar slider:hover:active {
     background-color: #2a76c6; }
 scrollbar slider:backdrop {
     background-color: #c3c4c4; }
 scrollbar slider:disabled {
     background-color: transparent; }
 scrollbar.fine-tune slider {
     min-width: 4px;
     min-height: 4px; }
 scrollbar.fine-tune.horizontal slider {
     border-width: 5px 4px; }
 scrollbar.fine-tune.vertical slider {
     border-width: 4px 5px; }
   scrollbar.overlay-indicator:not(.dragging):not(.hovering) {
       border-color: transparent;
       opacity: 0.4;
       background-color: transparent; }
   scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
       margin: 0;
       min-width: 3px;
       min-height: 3px;
       background-color: #2e3436;
       border: 1px solid white; }
     scrollbar.overlay-indicator:not(.dragging):not(.hovering) button {
       min-width: 5px;
       min-height: 5px;
       background-color: #2e3436;
       background-clip: padding-box;
       border-radius: 100%;
       border: 1px solid white;
       -gtk-icon-source: none; }
     scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
       margin: 0 2px;
       min-width: 40px; }
     scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal button {
       margin: 1px 2px;
       min-width: 5px; }
     scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
       margin: 2px 0;
       min-height: 40px; }
     scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical button {
       margin: 2px 1px;
       min-height: 5px; }
   scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
     opacity: 0.8; }
   scrollbar.horizontal slider {
     min-width: 40px; }
   scrollbar.vertical slider {
     min-height: 40px; }
   scrollbar button {
     padding: 0;
     min-width: 42px;
     min-height: 12px;
     border-style: none;
     border-radius: 0;
     transition-property: min-height, min-width, color;
     border-color: transparent;
     background-color: transparent;
     background-image: none;
     box-shadow: inset 0 1px rgba(255, 255, 255, 0);
     text-shadow: none;
     -gtk-icon-shadow: none;
     color: #787c7d; }
     scrollbar button:hover {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
       text-shadow: none;
       -gtk-icon-shadow: none;
       color: #535859; }
     scrollbar button:active, scrollbar button:checked {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
       text-shadow: none;
       -gtk-icon-shadow: none;
       color: #2a76c6; }
     scrollbar button:disabled {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
       text-shadow: none;
       -gtk-icon-shadow: none;
       color: rgba(120, 124, 125, 0.2); }
     scrollbar button:backdrop {
       border-color: transparent;
       background-color: transparent;
       background-image: none;
       box-shadow: inset 0 1px rgba(255, 255, 255, 0);
       text-shadow: none;
       -gtk-icon-shadow: none;
       color: #c3c4c4; }
       scrollbar button:backdrop:disabled {
         border-color: transparent;
         background-color: transparent;
         background-image: none;
         box-shadow: inset 0 1px rgba(255, 255, 255, 0);
         text-shadow: none;
         -gtk-icon-shadow: none;
         color: rgba(195, 196, 196, 0.2); }
   scrollbar.vertical button.down {
     -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
   scrollbar.vertical button.up {
     -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
   scrollbar.horizontal button.down {
     -gtk-icon-source: -gtk-icontheme("pan-right-symbolic"); }
   scrollbar.horizontal button.up {
     -gtk-icon-source: -gtk-icontheme("pan-left-symbolic"); }

No meu Ubuntu 16.10, não tenho nenhum tema Ambiance para comparar, não executo o Unity. Vou pegar uma cópia da fonte deles e ver.

Ah, se um usuário quisesse editar o ambiente gtk-widgets.css como você descreve, há um formato diferente do que você descreve. Observe a diferença de sintaxe no arquivo /usr/share/themes/Ambiance/gtk-3.20/gtk-widgets.css

/*************
 * scrollbar *
 *************/

.scrollbar,
scrollbar {
    -GtkScrollbar-has-backward-stepper: 0;
    -GtkScrollbar-has-forward-stepper: 0;
}

scrollbar slider {
    background-color: @scrollbar_track_color;
}

.scrollbar.vertical slider,
    scrollbar.vertical slider {
    min-height: 15px;
    min-width: 5px;
}

.scrollbar.horizontal.slider,
scrollbar.horizontal slider {
    min-width: 15px;
    min-height: 5px;
}

.scrollbar.vertical.slider:hover,
scrollbar.vertical:hover slider {
    min-width: 10px;
}

Observe a diferença de estilo, em que a nova tem um "." declaração primeiro, seguida por um nome de instância.

O novo pacote Ambiance também tem o gtk-3.0 / gtk-widgets.css usando o estilo antigo. Parece o que você mencionou. Como a versão 3.20 é mais parecida com a versão 4.00, você pode ver por que existem duas pastas de estilo separadas.

Suponho que o complicado é pensar se algumas aplicações vão diferenciar as duas coisas.

    
por pauljohn32 17.10.2016 / 19:46