Title bar buttons too small, vertical scroll bar too thin

Please post suggestions for improvement of Cinnamon on:
https://github.com/linuxmint/Cinnamon
Forum rules
Before you post read how to get help. Topics in this forum are automatically closed 6 months after creation.
Locked
shwell

Title bar buttons too small, vertical scroll bar too thin

Post by shwell »

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.
Last edited by LockBot on Wed Dec 28, 2022 7:16 am, edited 1 time in total.
Reason: Topic automatically closed 6 months after creation. New replies are no longer allowed.
richyrich

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

Post by richyrich »

Have you tried a different theme ?
User avatar
smurphos
Level 18
Level 18
Posts: 8501
Joined: Fri Sep 05, 2014 12:18 am
Location: Irish Brit in Portugal
Contact:

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

Post by smurphos »

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

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

Post by shwell »

The DE is Cinnamon I think
User avatar
smurphos
Level 18
Level 18
Posts: 8501
Joined: Fri Sep 05, 2014 12:18 am
Location: Irish Brit in Portugal
Contact:

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

Post by smurphos »

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

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

Post by shwell »

Hope this helps
User avatar
smurphos
Level 18
Level 18
Posts: 8501
Joined: Fri Sep 05, 2014 12:18 am
Location: Irish Brit in Portugal
Contact:

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

Post by smurphos »

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 3
Level 3
Posts: 150
Joined: Mon Jun 11, 2007 11:15 am

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

Post by hans123 »

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 18
Level 18
Posts: 8501
Joined: Fri Sep 05, 2014 12:18 am
Location: Irish Brit in Portugal
Contact:

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

Post by smurphos »

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.
Locked

Return to “Cinnamon”