Title bar buttons too small, vertical scroll bar too thin

Please post suggestions for improvement of Cinnamon here
https://github.com/linuxmint/Cinnamon
Post Reply
shwell
Level 1
Level 1
Posts: 7
Joined: Wed Jul 25, 2018 7:42 pm
Location: Mornington Peninsula
Contact:

Title bar buttons too small, vertical scroll bar too thin

Post by shwell » Wed Jul 25, 2018 8:38 pm

Hello

Is there a way to make the title bar buttons larger and the vertical scroll bar fatter for the environment?

Running Tara.

Regards
shwell.

User avatar
richyrich
Level 19
Level 19
Posts: 9075
Joined: Mon May 04, 2009 8:31 pm

Re: Title bar buttons too small, vertical scroll bar too thin

Post by richyrich » Wed Jul 25, 2018 10:43 pm

Have you tried a different theme ?

User avatar
smurphos
Level 11
Level 11
Posts: 3987
Joined: Fri Sep 05, 2014 12:18 am
Location: Britisher
Contact:

Re: Title bar buttons too small, vertical scroll bar too thin

Post by smurphos » Thu Jul 26, 2018 12:43 am

shwell wrote:
Wed Jul 25, 2018 8:38 pm
The title bar buttons larger
viewtopic.php?f=208&t=272414&hilit=metacity

The pack of window border themes referenced in that thread include BB (Big Buttoned) versions of the stock Mint Y window borders.

For scrollbars - using another theme is an option (involving lots of trial and error!). The other option is to edit your current theme. If you tell us which theme you are using then we should be able to guide you as to how and what to edit.
For custom Nemo actions, useful scripts for the Cinnamon desktop, and Cinnamox themes visit my Github pages.

shwell
Level 1
Level 1
Posts: 7
Joined: Wed Jul 25, 2018 7:42 pm
Location: Mornington Peninsula
Contact:

Re: Title bar buttons too small, vertical scroll bar too thin

Post by shwell » Sat Jul 28, 2018 2:48 am

The DE is Cinnamon I think

User avatar
smurphos
Level 11
Level 11
Posts: 3987
Joined: Fri Sep 05, 2014 12:18 am
Location: Britisher
Contact:

Re: Title bar buttons too small, vertical scroll bar too thin

Post by smurphos » Sat Jul 28, 2018 3:03 am

shwell wrote:
Sat Jul 28, 2018 2:48 am
The DE is Cinnamon I think
Well I hope so as you've posted in the Cinnamon forum... :wink: . If unsure run inxi -S.

We need to know what theme you have set though - go to the menu and select the Theme's app. To advise on how to edit the scroll bars we need to know the 'Controls' theme and the 'Desktop' theme..

Image
For custom Nemo actions, useful scripts for the Cinnamon desktop, and Cinnamox themes visit my Github pages.

shwell
Level 1
Level 1
Posts: 7
Joined: Wed Jul 25, 2018 7:42 pm
Location: Mornington Peninsula
Contact:

Re: Title bar buttons too small, vertical scroll bar too thin

Post by shwell » Sat Jul 28, 2018 7:32 am

Hope this helps
Attachments
Screenshot from 2018-07-28 21-29-14.png

User avatar
smurphos
Level 11
Level 11
Posts: 3987
Joined: Fri Sep 05, 2014 12:18 am
Location: Britisher
Contact:

Re: Title bar buttons too small, vertical scroll bar too thin

Post by smurphos » Sun Jul 29, 2018 5:09 am

Thanks,

So you are using the default Mint-Y theme for your controls (i.e applications) and the default Cinnamon theme for the panel / menu etc and the default Mint-Y for your window borders. For window borders (which define the title bar buttons) see my first reply.

For scroll bars you need to do a bit of theme editing. For ease I'll provide instructions to do this via the terminal.

1) Copy the stock themes you are using from /usr/share/ to ~/.themes

mkdir ~/.themes
cp -r /usr/share/themes/Mint-Y ~/.themes
mkdir ~/.themes/Cinnamon
cp -r /usr/share/cinnamon/theme ~/.themes/Cinnamon/cinnamon

2) Edit the Mint-Y GTK3 theme to expand the scroll bars for the majority of applications.

xed ~/.themes/Mint-Y/gtk-3.0/gtk.css

In Xed navigate to Edit/Preferences/Editor and check show line numbers.

In Xed hit Ctrl-F to open the search dialogue and search for scrollbar {

You should find a section of css that looks like this starting at line 1698

Code: Select all

scrollbar {
  background-color: #fcfcfc;
  transition: 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
  * {
    -GtkScrollbar-has-backward-stepper: false;
    -GtkScrollbar-has-forward-stepper: false; }
  scrollbar.top {
    border-bottom: 1px solid #d9d9d9; }
  scrollbar.bottom {
    border-top: 1px solid #d9d9d9; }
  scrollbar.left {
    border-right: 1px solid #d9d9d9; }
  scrollbar.right {
    border-left: 1px solid #d9d9d9; }    min-width: 6px;
    min-height: 6px;
  scrollbar button {
    border: none; }
  scrollbar slider {
    min-width: 6px;
    min-height: 6px;
    margin: -1px;
    border: 4px solid transparent;
    border-radius: 8px;
    background-clip: padding-box;
    background-color: #aeaeae; }
    scrollbar slider:hover {
      background-color: #bebebe; }
    scrollbar slider:hover:active {
      background-color: #9ab87c; }
    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) {
    opacity: 0.4;
    border-color: transparent;
    background-color: transparent; }
    scrollbar.overlay-indicator:not(.dragging):not(.hovering) slider {
      margin: 0;
      min-width: 4px;
      min-height: 4px;
      background-color: #7c7c7c;
      border: 1px solid rgba(255, 255, 255, 0.6); }
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).vertical slider {
      margin: 2px 0;
      min-height: 40px; }
    scrollbar.overlay-indicator:not(.dragging):not(.hovering).horizontal slider {
      margin: 0 2px;
      min-width: 40px; }
  scrollbar.overlay-indicator.dragging, scrollbar.overlay-indicator.hovering {
    opacity: 0.99; }
  scrollbar.horizontal slider {
    min-width: 40px; }
  scrollbar.vertical slider {
    min-height: 40px; }
Edit the following lines to increase the minimum width/height of the scrollbars.

Lines 1715 and 1716 - 18 is a good value to try

Code: Select all

    min-width: 6px;
    min-height: 6px;
Lines 1729 and 1730 and also 1741 and 1742 - 12 is a good value to try

Code: Select all

    min-width: 4px;
    min-height: 4px;
Once you've done an edit save the file in Xed and then in the Themes module app briefly switch the controls theme to another and then back to Mint-Y to force a reload.

3) Edit the GTK2 part of the controls theme. A few applications still use GTK2 rather than GTK3 - the notable one is GIMP.

xed ~/.themes/Mint-Y/gtk-2.0/main.rc

Edit line 30 to increase the slider width..

Code: Select all

  GtkRange::slider-width = 13
Again once you've done an edit save the file in Xed and then in the Themes module app briefly switch the controls theme to another and then back to Mint-Y to force a reload - have GIMP open to check the results.

4) Edit the default Cinnamon desktop theme to expand the scroll bars in the main menu, panel dropdowns etc...

xed ~/.themes/Cinnamon/cinnamon/cinnamon.css

Edit lines 25 and 26 to increase the minimum width/height...

Code: Select all

StScrollView StScrollBar {
    min-width: 16px;
    min-height: 16px;
}
Again once you've made edits save the file in Xed and in the themes app briefly switch from Cinnamon to a different theme....
For custom Nemo actions, useful scripts for the Cinnamon desktop, and Cinnamox themes visit my Github pages.

hans123
Level 1
Level 1
Posts: 33
Joined: Mon Jun 11, 2007 11:15 am

Re: Title bar buttons too small, vertical scroll bar too thin

Post by hans123 » Sat Dec 22, 2018 11:35 am

Now that Cinnamon 4.0 is out and part of Mint 19.1, do we have to re-do these tweaks?

I noticed that I still see the wider scroll bars, so that is still working, but maybe I am missing new features of Cinnamon because my pc is using old theme settings? That is why I ask.

User avatar
smurphos
Level 11
Level 11
Posts: 3987
Joined: Fri Sep 05, 2014 12:18 am
Location: Britisher
Contact:

Re: Title bar buttons too small, vertical scroll bar too thin

Post by smurphos » Fri Dec 28, 2018 5:14 am

You do if you want to take advantage of the theme improvements in 19.1.

However you might want to try this method instead which is basically an override to whatever the active theme is viewtopic.php?p=1571430#p1571430
For custom Nemo actions, useful scripts for the Cinnamon desktop, and Cinnamox themes visit my Github pages.

Post Reply

Return to “Cinnamon”