Here is my personal TradingView adjustments stylesheet.
Use as is or clone and customise:
It goes without saying, if you don't want any of the adjustments listed below then make a clone and your own custom adjustments.
Move the Object Tree icon to the top of the list together with the Watchlist icon
Remove the News icon because news is a distraction when you're charting exclusively on Technical Analysis.
Improve visibility of selected text. When selecting text in editable fields.
Move the chart navigation buttons slightly out of the way.
Set the color of the Chart Title. So the chart scales text color setting doesn't also set the color of the Chart Title.
Notes
Userstyle doesn't have notes.
Source code
/* ==UserStyle==
@name www.tradingview.com
@version 20220610.14.54
@namespace userstyles.world/user/subz390
@description Here is my personal TradingView adjustments stylesheet.
Use as is or clone and customise:
It goes without saying, if you don't want any of the adjustments listed below then make a clone and your own custom adjustments.
Applies the following adjustments:
- Move the Object Tree icon to the top of the list together with the Watchlist icon
- Remove the News icon because news is a distraction when you're charting exclusively on Technical Analysis.
- Improve visibility of selected text. When selecting text in editable fields.
- Move the chart navigation buttons slightly out of the way.
- Set the color of the Chart Title. So the chart scales text color setting doesn't also set the color of the Chart Title.
@author subz390
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://www.tradingview.com/chart/") {
/* https://developer.mozilla.org/en-US/docs/Web/CSS/:has */
/* RIGHT TOOLBAR */
/* move the Object Tree icon to the top of the page
where it's used the most together with the Watchlist icon
211102 TradingView keep changing the data-name so I've used both names
220420 re-adjusted the vertical position of the object_tree
*/
div[data-name="object-tree"],
div[data-name="object_tree"]{
/* outline: 1px solid hsl(130, 100%, 50%); */
position: fixed;
top: 140px;
right: -2px;
width: 50px;
height: 50px;
background-color: transparent !important;
}
div[data-name="news"] {
visibility: hidden;
}
/* Improve the visibility of selected text */
html.theme-dark ::selection {
background: hsl(210, 75%, 50%);
color: hsl(61, 100%, 50%);
}
/* Navigation Buttons
Move the buttons out of the way when they obstruct indicators
*/
div.control-bar-wrapper {
bottom: 5px !important;
z-index: 100;
}
/* Chart Title
Set the color of the chart title
This fixes the problem when adjusting the color of the Scales text
TradingView > Chart Settings > Appearance > Scales text
TradingView also sets the color of the chart title
*/
div[class*="titleWrapper"] > div[class*="title-"] {
color: hsl(0, 0%, 85%) !important;
}
}