How to change color of scrollbar?












1















is it possible to change the color of the scrollbar in Texstudio?
The first picture represents the standard of Texstudio using style Fusion and Color Scheme Modern with a dark background. The second picture is picture with a colorized scrollbar.



I think it's quite hard to distinguish between the colors of the scrollbar and (?) the background behind the scrollbar. Maybe it's the colors of my screen, but it would be great to change it to a color with a higher contrast.



Thanks in advance!



standardedited










share|improve this question


















  • 2





    I think this is controlled by the underlying window manager or OS. I don't know many programs that allow to change the color of scroll bars other than to use system settings/control panel

    – Christian Hupfer
    Jan 4 at 8:09
















1















is it possible to change the color of the scrollbar in Texstudio?
The first picture represents the standard of Texstudio using style Fusion and Color Scheme Modern with a dark background. The second picture is picture with a colorized scrollbar.



I think it's quite hard to distinguish between the colors of the scrollbar and (?) the background behind the scrollbar. Maybe it's the colors of my screen, but it would be great to change it to a color with a higher contrast.



Thanks in advance!



standardedited










share|improve this question


















  • 2





    I think this is controlled by the underlying window manager or OS. I don't know many programs that allow to change the color of scroll bars other than to use system settings/control panel

    – Christian Hupfer
    Jan 4 at 8:09














1












1








1


0






is it possible to change the color of the scrollbar in Texstudio?
The first picture represents the standard of Texstudio using style Fusion and Color Scheme Modern with a dark background. The second picture is picture with a colorized scrollbar.



I think it's quite hard to distinguish between the colors of the scrollbar and (?) the background behind the scrollbar. Maybe it's the colors of my screen, but it would be great to change it to a color with a higher contrast.



Thanks in advance!



standardedited










share|improve this question














is it possible to change the color of the scrollbar in Texstudio?
The first picture represents the standard of Texstudio using style Fusion and Color Scheme Modern with a dark background. The second picture is picture with a colorized scrollbar.



I think it's quite hard to distinguish between the colors of the scrollbar and (?) the background behind the scrollbar. Maybe it's the colors of my screen, but it would be great to change it to a color with a higher contrast.



Thanks in advance!



standardedited







texstudio






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Jan 4 at 6:23









Markus HauschelMarkus Hauschel

436




436








  • 2





    I think this is controlled by the underlying window manager or OS. I don't know many programs that allow to change the color of scroll bars other than to use system settings/control panel

    – Christian Hupfer
    Jan 4 at 8:09














  • 2





    I think this is controlled by the underlying window manager or OS. I don't know many programs that allow to change the color of scroll bars other than to use system settings/control panel

    – Christian Hupfer
    Jan 4 at 8:09








2




2





I think this is controlled by the underlying window manager or OS. I don't know many programs that allow to change the color of scroll bars other than to use system settings/control panel

– Christian Hupfer
Jan 4 at 8:09





I think this is controlled by the underlying window manager or OS. I don't know many programs that allow to change the color of scroll bars other than to use system settings/control panel

– Christian Hupfer
Jan 4 at 8:09










2 Answers
2






active

oldest

votes


















3














enter image description here



This is a function of the QT canvas so you need to add a stylesheet.qss (QtStyleSheet) file to the settings directory see where-are-the-settings-stored



For the green scrollbars I simply copied the example sections



QScrollBar:horizontal { border: 2px solid grey; background: #32CC99; height: 15px; margin: 0px 20px 0 20px; }
QScrollBar::handle:horizontal { background: white; min-width: 20px; }
QScrollBar::add-line:horizontal { border: 2px solid grey; background: #32CC99; width: 20px; subcontrol-position: right; subcontrol-origin: margin; }
QScrollBar::sub-line:horizontal { border: 2px solid grey; background: #32CC99; width: 20px; subcontrol-position: left; subcontrol-origin: margin; }
QScrollBar:vertical { border: 2px solid grey; background: #32CC99; width: 15px; margin: 22px 0 22px 0; }
QScrollBar::handle:vertical { background: white; min-height: 20px; }
QScrollBar::add-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: bottom; subcontrol-origin: margin; }
QScrollBar::sub-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: top; subcontrol-origin: margin; }
QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical { border: 2px solid grey; width: 3px; height: 3px; background: white; }
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { background: none; }


From this page customizing-qscrollbar



Of course there are others available but these are the core ones for your experimental mods. To start slowly, change one of the #rrggbb e.g. #32CC99 (grenish blue) to say #222222 and observe the effect. Each rgb HEX color ranges from dark 00 to bright FF for possible values there are several theme or color wheel pickers see W3schools Hex Calculator



[Edit] from Markus's own observations. (some improvements above)



1) You will needs to restart TeXstudio to load/reload the .qss file during modifications.



2) The important lines for his question were lines 5 and 6 of the above example.






share|improve this answer


























  • thank you for your help! This is great!

    – Markus Hauschel
    Jan 5 at 9:25











  • one needs to restart TeXstudio to load the .qss file. You could add to your answer that #rrggbb are HEX colors and you can easily pick a color with w3schools. The important lines for my questions are line 5 and 6.

    – Markus Hauschel
    Jan 5 at 9:30



















3














At least in my computer the style of the scrollbar of TexStudio is not affected anyway by the changes in the desktop themes (that change the scrollbar of other programs, like Firefox).



Therefore the solution must be Menu Options > Configure TeX studio > change default Style and maybe also the color Scheme.



I am not sure if you have the same options here, so your mileage may vary, but in my Linux Mint there are a "Breeze" style that produce a cyan scrollbar button over a white or gray background (with the pointer over the scrollbar). Not too much contrast, but much more visible that a light gray button over a light gray background.






share|improve this answer
























  • I agree that this is a problem in TexStudio default settings on windows. The scrollbar is almost invisible. Thanks to Fran above I changed the style from fusion to default and it is now all good.

    – Aubrey Blumsohn
    Jan 4 at 11:18











Your Answer








StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "85"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2ftex.stackexchange.com%2fquestions%2f468516%2fhow-to-change-color-of-scrollbar%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























2 Answers
2






active

oldest

votes








2 Answers
2






active

oldest

votes









active

oldest

votes






active

oldest

votes









3














enter image description here



This is a function of the QT canvas so you need to add a stylesheet.qss (QtStyleSheet) file to the settings directory see where-are-the-settings-stored



For the green scrollbars I simply copied the example sections



QScrollBar:horizontal { border: 2px solid grey; background: #32CC99; height: 15px; margin: 0px 20px 0 20px; }
QScrollBar::handle:horizontal { background: white; min-width: 20px; }
QScrollBar::add-line:horizontal { border: 2px solid grey; background: #32CC99; width: 20px; subcontrol-position: right; subcontrol-origin: margin; }
QScrollBar::sub-line:horizontal { border: 2px solid grey; background: #32CC99; width: 20px; subcontrol-position: left; subcontrol-origin: margin; }
QScrollBar:vertical { border: 2px solid grey; background: #32CC99; width: 15px; margin: 22px 0 22px 0; }
QScrollBar::handle:vertical { background: white; min-height: 20px; }
QScrollBar::add-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: bottom; subcontrol-origin: margin; }
QScrollBar::sub-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: top; subcontrol-origin: margin; }
QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical { border: 2px solid grey; width: 3px; height: 3px; background: white; }
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { background: none; }


From this page customizing-qscrollbar



Of course there are others available but these are the core ones for your experimental mods. To start slowly, change one of the #rrggbb e.g. #32CC99 (grenish blue) to say #222222 and observe the effect. Each rgb HEX color ranges from dark 00 to bright FF for possible values there are several theme or color wheel pickers see W3schools Hex Calculator



[Edit] from Markus's own observations. (some improvements above)



1) You will needs to restart TeXstudio to load/reload the .qss file during modifications.



2) The important lines for his question were lines 5 and 6 of the above example.






share|improve this answer


























  • thank you for your help! This is great!

    – Markus Hauschel
    Jan 5 at 9:25











  • one needs to restart TeXstudio to load the .qss file. You could add to your answer that #rrggbb are HEX colors and you can easily pick a color with w3schools. The important lines for my questions are line 5 and 6.

    – Markus Hauschel
    Jan 5 at 9:30
















3














enter image description here



This is a function of the QT canvas so you need to add a stylesheet.qss (QtStyleSheet) file to the settings directory see where-are-the-settings-stored



For the green scrollbars I simply copied the example sections



QScrollBar:horizontal { border: 2px solid grey; background: #32CC99; height: 15px; margin: 0px 20px 0 20px; }
QScrollBar::handle:horizontal { background: white; min-width: 20px; }
QScrollBar::add-line:horizontal { border: 2px solid grey; background: #32CC99; width: 20px; subcontrol-position: right; subcontrol-origin: margin; }
QScrollBar::sub-line:horizontal { border: 2px solid grey; background: #32CC99; width: 20px; subcontrol-position: left; subcontrol-origin: margin; }
QScrollBar:vertical { border: 2px solid grey; background: #32CC99; width: 15px; margin: 22px 0 22px 0; }
QScrollBar::handle:vertical { background: white; min-height: 20px; }
QScrollBar::add-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: bottom; subcontrol-origin: margin; }
QScrollBar::sub-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: top; subcontrol-origin: margin; }
QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical { border: 2px solid grey; width: 3px; height: 3px; background: white; }
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { background: none; }


From this page customizing-qscrollbar



Of course there are others available but these are the core ones for your experimental mods. To start slowly, change one of the #rrggbb e.g. #32CC99 (grenish blue) to say #222222 and observe the effect. Each rgb HEX color ranges from dark 00 to bright FF for possible values there are several theme or color wheel pickers see W3schools Hex Calculator



[Edit] from Markus's own observations. (some improvements above)



1) You will needs to restart TeXstudio to load/reload the .qss file during modifications.



2) The important lines for his question were lines 5 and 6 of the above example.






share|improve this answer


























  • thank you for your help! This is great!

    – Markus Hauschel
    Jan 5 at 9:25











  • one needs to restart TeXstudio to load the .qss file. You could add to your answer that #rrggbb are HEX colors and you can easily pick a color with w3schools. The important lines for my questions are line 5 and 6.

    – Markus Hauschel
    Jan 5 at 9:30














3












3








3







enter image description here



This is a function of the QT canvas so you need to add a stylesheet.qss (QtStyleSheet) file to the settings directory see where-are-the-settings-stored



For the green scrollbars I simply copied the example sections



QScrollBar:horizontal { border: 2px solid grey; background: #32CC99; height: 15px; margin: 0px 20px 0 20px; }
QScrollBar::handle:horizontal { background: white; min-width: 20px; }
QScrollBar::add-line:horizontal { border: 2px solid grey; background: #32CC99; width: 20px; subcontrol-position: right; subcontrol-origin: margin; }
QScrollBar::sub-line:horizontal { border: 2px solid grey; background: #32CC99; width: 20px; subcontrol-position: left; subcontrol-origin: margin; }
QScrollBar:vertical { border: 2px solid grey; background: #32CC99; width: 15px; margin: 22px 0 22px 0; }
QScrollBar::handle:vertical { background: white; min-height: 20px; }
QScrollBar::add-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: bottom; subcontrol-origin: margin; }
QScrollBar::sub-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: top; subcontrol-origin: margin; }
QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical { border: 2px solid grey; width: 3px; height: 3px; background: white; }
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { background: none; }


From this page customizing-qscrollbar



Of course there are others available but these are the core ones for your experimental mods. To start slowly, change one of the #rrggbb e.g. #32CC99 (grenish blue) to say #222222 and observe the effect. Each rgb HEX color ranges from dark 00 to bright FF for possible values there are several theme or color wheel pickers see W3schools Hex Calculator



[Edit] from Markus's own observations. (some improvements above)



1) You will needs to restart TeXstudio to load/reload the .qss file during modifications.



2) The important lines for his question were lines 5 and 6 of the above example.






share|improve this answer















enter image description here



This is a function of the QT canvas so you need to add a stylesheet.qss (QtStyleSheet) file to the settings directory see where-are-the-settings-stored



For the green scrollbars I simply copied the example sections



QScrollBar:horizontal { border: 2px solid grey; background: #32CC99; height: 15px; margin: 0px 20px 0 20px; }
QScrollBar::handle:horizontal { background: white; min-width: 20px; }
QScrollBar::add-line:horizontal { border: 2px solid grey; background: #32CC99; width: 20px; subcontrol-position: right; subcontrol-origin: margin; }
QScrollBar::sub-line:horizontal { border: 2px solid grey; background: #32CC99; width: 20px; subcontrol-position: left; subcontrol-origin: margin; }
QScrollBar:vertical { border: 2px solid grey; background: #32CC99; width: 15px; margin: 22px 0 22px 0; }
QScrollBar::handle:vertical { background: white; min-height: 20px; }
QScrollBar::add-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: bottom; subcontrol-origin: margin; }
QScrollBar::sub-line:vertical { border: 2px solid grey; background: #32CC99; height: 20px; subcontrol-position: top; subcontrol-origin: margin; }
QScrollBar::up-arrow:vertical, QScrollBar::down-arrow:vertical { border: 2px solid grey; width: 3px; height: 3px; background: white; }
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical { background: none; }


From this page customizing-qscrollbar



Of course there are others available but these are the core ones for your experimental mods. To start slowly, change one of the #rrggbb e.g. #32CC99 (grenish blue) to say #222222 and observe the effect. Each rgb HEX color ranges from dark 00 to bright FF for possible values there are several theme or color wheel pickers see W3schools Hex Calculator



[Edit] from Markus's own observations. (some improvements above)



1) You will needs to restart TeXstudio to load/reload the .qss file during modifications.



2) The important lines for his question were lines 5 and 6 of the above example.







share|improve this answer














share|improve this answer



share|improve this answer








edited Jan 5 at 12:04

























answered Jan 4 at 22:03









KJOKJO

1,1791114




1,1791114













  • thank you for your help! This is great!

    – Markus Hauschel
    Jan 5 at 9:25











  • one needs to restart TeXstudio to load the .qss file. You could add to your answer that #rrggbb are HEX colors and you can easily pick a color with w3schools. The important lines for my questions are line 5 and 6.

    – Markus Hauschel
    Jan 5 at 9:30



















  • thank you for your help! This is great!

    – Markus Hauschel
    Jan 5 at 9:25











  • one needs to restart TeXstudio to load the .qss file. You could add to your answer that #rrggbb are HEX colors and you can easily pick a color with w3schools. The important lines for my questions are line 5 and 6.

    – Markus Hauschel
    Jan 5 at 9:30

















thank you for your help! This is great!

– Markus Hauschel
Jan 5 at 9:25





thank you for your help! This is great!

– Markus Hauschel
Jan 5 at 9:25













one needs to restart TeXstudio to load the .qss file. You could add to your answer that #rrggbb are HEX colors and you can easily pick a color with w3schools. The important lines for my questions are line 5 and 6.

– Markus Hauschel
Jan 5 at 9:30





one needs to restart TeXstudio to load the .qss file. You could add to your answer that #rrggbb are HEX colors and you can easily pick a color with w3schools. The important lines for my questions are line 5 and 6.

– Markus Hauschel
Jan 5 at 9:30











3














At least in my computer the style of the scrollbar of TexStudio is not affected anyway by the changes in the desktop themes (that change the scrollbar of other programs, like Firefox).



Therefore the solution must be Menu Options > Configure TeX studio > change default Style and maybe also the color Scheme.



I am not sure if you have the same options here, so your mileage may vary, but in my Linux Mint there are a "Breeze" style that produce a cyan scrollbar button over a white or gray background (with the pointer over the scrollbar). Not too much contrast, but much more visible that a light gray button over a light gray background.






share|improve this answer
























  • I agree that this is a problem in TexStudio default settings on windows. The scrollbar is almost invisible. Thanks to Fran above I changed the style from fusion to default and it is now all good.

    – Aubrey Blumsohn
    Jan 4 at 11:18
















3














At least in my computer the style of the scrollbar of TexStudio is not affected anyway by the changes in the desktop themes (that change the scrollbar of other programs, like Firefox).



Therefore the solution must be Menu Options > Configure TeX studio > change default Style and maybe also the color Scheme.



I am not sure if you have the same options here, so your mileage may vary, but in my Linux Mint there are a "Breeze" style that produce a cyan scrollbar button over a white or gray background (with the pointer over the scrollbar). Not too much contrast, but much more visible that a light gray button over a light gray background.






share|improve this answer
























  • I agree that this is a problem in TexStudio default settings on windows. The scrollbar is almost invisible. Thanks to Fran above I changed the style from fusion to default and it is now all good.

    – Aubrey Blumsohn
    Jan 4 at 11:18














3












3








3







At least in my computer the style of the scrollbar of TexStudio is not affected anyway by the changes in the desktop themes (that change the scrollbar of other programs, like Firefox).



Therefore the solution must be Menu Options > Configure TeX studio > change default Style and maybe also the color Scheme.



I am not sure if you have the same options here, so your mileage may vary, but in my Linux Mint there are a "Breeze" style that produce a cyan scrollbar button over a white or gray background (with the pointer over the scrollbar). Not too much contrast, but much more visible that a light gray button over a light gray background.






share|improve this answer













At least in my computer the style of the scrollbar of TexStudio is not affected anyway by the changes in the desktop themes (that change the scrollbar of other programs, like Firefox).



Therefore the solution must be Menu Options > Configure TeX studio > change default Style and maybe also the color Scheme.



I am not sure if you have the same options here, so your mileage may vary, but in my Linux Mint there are a "Breeze" style that produce a cyan scrollbar button over a white or gray background (with the pointer over the scrollbar). Not too much contrast, but much more visible that a light gray button over a light gray background.







share|improve this answer












share|improve this answer



share|improve this answer










answered Jan 4 at 9:04









FranFran

51.7k6114175




51.7k6114175













  • I agree that this is a problem in TexStudio default settings on windows. The scrollbar is almost invisible. Thanks to Fran above I changed the style from fusion to default and it is now all good.

    – Aubrey Blumsohn
    Jan 4 at 11:18



















  • I agree that this is a problem in TexStudio default settings on windows. The scrollbar is almost invisible. Thanks to Fran above I changed the style from fusion to default and it is now all good.

    – Aubrey Blumsohn
    Jan 4 at 11:18

















I agree that this is a problem in TexStudio default settings on windows. The scrollbar is almost invisible. Thanks to Fran above I changed the style from fusion to default and it is now all good.

– Aubrey Blumsohn
Jan 4 at 11:18





I agree that this is a problem in TexStudio default settings on windows. The scrollbar is almost invisible. Thanks to Fran above I changed the style from fusion to default and it is now all good.

– Aubrey Blumsohn
Jan 4 at 11:18


















draft saved

draft discarded




















































Thanks for contributing an answer to TeX - LaTeX Stack Exchange!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2ftex.stackexchange.com%2fquestions%2f468516%2fhow-to-change-color-of-scrollbar%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

How to change which sound is reproduced for terminal bell?

Title Spacing in Bjornstrup Chapter, Removing Chapter Number From Contents

Can I use Tabulator js library in my java Spring + Thymeleaf project?