www.tradingview.com by subz390

/* ==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;
}
}