Skip to content

www.tradingview.com by subz390

Screenshot of www.tradingview.com

Details

Authorsubz390

LicenseNo License

Categoryuserstyles, tradingview

Created

Updated

Size2.3 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

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:
Reference image

  • 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;
}
}

Reviews

No reviews yet.