use-on-demand/lib/sources/tradingview/charting_library/static/styles/bg-kline-dark.css

按需使用的代码工具仓库。

/**
 * 临时的颜色存储
 */
/**
 * WARN 需要，以下不同状态的【输入框】
 *            1.placeholder状态
 *            2.焦点状态
 *            3.已输入状态
 *            4.输入错误提示

 */
/**
 * TIP 使得某元素，具有【sticky粘性定位】的效果
 *        1.想要sticky生效的话，必须有 top、right、bottom、left 四个属性值中的一者。
 *        2.特别注意，对于<table>元素，想要达到此效果：
 *                1.我们一般将该css属性，放置在【thead th】上。
 *                2.同时，考虑【background-color】的背景色，以防看到后面的元素。
 *                3.z-index并不是必须的。看你具体的设置。
 */
/**
 * TIP 注意以下内容：
 *                1.需要开启【File-Watch】；并且，指定这个文件夹。
 *                2.所有的【属性选择器】，最好只用【class*=包含】，而不是【class^=开始】。因为class类名的前后顺序，可能会变化。
 *                3.
 */
.chart-page {
  background: #12161C;
}
.chart-page .loading-indicator {
  background-color: #12161C;
}
.chart-page .chart-container-border {
  background-color: #12161C;
}
.chart-page .layout__area--left > div[class*="container-"] > div[class*="inner-"] {
  background: #12161C;
}
.chart-page .layout__area--left > div[class*="drawingToolbar-"] div[class*="inner-"] {
  background-color: rgba(127, 127, 122, 0.7);
}
.chart-page .layout__area--left > div[class*="drawingToolbar-"] div[class*="inner-"] div.apply-common-tooltip,
.chart-page .layout__area--left > div[class*="drawingToolbar-"] div[class*="inner-"] div[class*="buttonWrap-"] div[class*="button-"] {
  color: #D4D0C6;
}
.chart-page .layout__area--left > div[class*="drawingToolbar-"] div[class*="inner-"] div.apply-common-tooltip:hover,
.chart-page .layout__area--left > div[class*="drawingToolbar-"] div[class*="inner-"] div[class*="buttonWrap-"] div[class*="button-"]:hover {
  color: #FFCC08;
}
.chart-page .layout__area--left > div[class*="drawingToolbar-"] div[class*="inner-"] div.apply-common-tooltip:hover div[class*="bg-"],
.chart-page .layout__area--left > div[class*="drawingToolbar-"] div[class*="inner-"] div[class*="buttonWrap-"] div[class*="button-"]:hover div[class*="bg-"] {
  background-color: unset;
  cursor: pointer;
}
.chart-page .layout__area--left > div[class*="drawingToolbar-"] div[class*="inner-"] div.apply-common-tooltip[class*="isActive"] div[class*="bg-"] span[class*="icon-"],
.chart-page .layout__area--left > div[class*="drawingToolbar-"] div[class*="inner-"] div[class*="buttonWrap-"] div[class*="button-"][class*="isActive"] div[class*="bg-"] span[class*="icon-"] {
  color: #FFCC08;
}
.chart-page .layout__area--left > div[class*="drawingToolbar-"] div[class*="toggleButton"] {
  margin-top: auto;
  margin-bottom: auto;
  top: 30%;
  bottom: 0;
  height: 26px;
}
.tv-spinner {
  color: #FFCC08;
}
._tv-dialog-content {
  max-height: 371px;
  overflow: auto;
}
._tv-dialog-content .main-properties {
  overflow: unset !important;
}
/*# sourceMappingURL=bg-kline-dark.css.map */