You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

300 lines
6.9KB

  1. .ace_gutter {
  2. background: $ui-gutter-background;
  3. color: $ui-gutter-color;
  4. }
  5. .ace_print-margin {
  6. width: 2px;
  7. background: $ui-margin-line;
  8. }
  9. .ace_editor {
  10. background-color: $ui-background;
  11. color: $ui-foreground;
  12. }
  13. .rstudio-themes-flat {
  14. &.ace_editor_theme {
  15. background-color: $ui-background;
  16. color: $ui-foreground;
  17. .profvis-flamegraph {
  18. background-color: $ui-background;
  19. color: $ui-foreground;
  20. }
  21. }
  22. .ace_editor_theme {
  23. background-color: $ui-background;
  24. color: $ui-foreground;
  25. }
  26. &.editor_dark.ace_editor_theme a {
  27. color: #FFF !important;
  28. }
  29. .gwt-Label {
  30. color: $ui-foreground;
  31. }
  32. }
  33. .ace_cursor {
  34. color: $ui-cursor;
  35. }
  36. .normal-mode .ace_cursor {
  37. border: 0!important;
  38. background-color: $ui-cursor-normal-mode;
  39. opacity: 0.5;
  40. }
  41. .ace_marker-layer {
  42. .ace_selection {
  43. background: $ui-selection;
  44. }
  45. .ace_step {
  46. background: lighten($rlang-string, 10%);
  47. }
  48. .ace_bracket {
  49. margin: -1px 0 0 -1px;
  50. border: 1px solid $ui-bracket;
  51. }
  52. .ace_active-line {
  53. background: $ui-line-active;
  54. }
  55. .ace_selected-word {
  56. border: 1px solid $ui-selection;
  57. }
  58. .ace_foreign_line {
  59. position: absolute;
  60. z-index: -1;
  61. background-color: $ui-code-chunk-background;
  62. }
  63. .ace_active_debug_line {
  64. position: absolute;
  65. z-index: -1;
  66. background-color: $ui-debug-background;
  67. }
  68. .ace_find_line {
  69. position: absolute;
  70. z-index: -1;
  71. background-color: $ui-line-find;
  72. }
  73. }
  74. .ace_gutter-active-line {
  75. background-color: $ui-line-active-gutter;
  76. }
  77. .ace_fold {
  78. background-color: $ui-fold-arrows-background;
  79. border-color: $ui-fold-arrows-color;
  80. }
  81. .ace_indent-guide{
  82. border-right: 1px solid $ui-indent_guide;
  83. }
  84. .ace_active-line ~ .ace_selection.ace_start {
  85. background-color: $ui-line-active-selection;
  86. }
  87. .ace_keyword {
  88. font-style: italic;
  89. color: $rlang-reserved;
  90. &.ace_operator {
  91. font-style: normal;
  92. color: $rlang-operator;
  93. }
  94. &.ace_other.ace_unit {
  95. font-style: normal;
  96. color: $rlang-value;
  97. }
  98. }
  99. .ace_constant {
  100. &.ace_language {
  101. color: $rlang-message;
  102. }
  103. &.ace_numeric {
  104. color: $rlang-value;
  105. }
  106. &.ace_character {
  107. color: $rlang-value;
  108. }
  109. &.ace_other {
  110. color: $ui-foreground;
  111. }
  112. }
  113. .ace_support {
  114. &.ace_function {
  115. color: $rlang-function;
  116. }
  117. &.ace_constant {
  118. color: $rlang-value;
  119. }
  120. &.ace_class {
  121. font-style: $rlang-namespace-font-style;
  122. color: $rlang-namespace;
  123. }
  124. &.ace_type {
  125. color: $rlang-namespace;
  126. }
  127. }
  128. .ace_paren {
  129. &.ace_keyword.ace_operator {
  130. color: $rlang-bracket;
  131. }
  132. }
  133. .ace_storage {
  134. color: $rlang-reserved;
  135. &.ace_type {
  136. color: $rlang-reserved;
  137. }
  138. }
  139. .ace_invalid {
  140. background-color: transparentize($rlang-variable, 0.5);
  141. &.ace_deprecated {
  142. background-color: transparentize($rlang-reserved, 0.5);
  143. }
  144. }
  145. .ace_string {
  146. color: $rlang-string;
  147. }
  148. .ace_comment {
  149. color: $rlang-comment;
  150. }
  151. .ace_invisible {
  152. color: $ui-invisible;
  153. }
  154. .ace_variable {
  155. color: $rlang-variable;
  156. &.ace_parameter {
  157. color: $rlang-value;
  158. }
  159. }
  160. .ace_entity {
  161. &.ace_name {
  162. &.ace_function {
  163. color: $rlang-function;
  164. }
  165. &.ace_tag {
  166. color: $other-tag;
  167. }
  168. }
  169. &.ace_other.ace_attribute-name {
  170. color: $rlang-reserved;
  171. }
  172. }
  173. .ace_bracket {
  174. margin: 0 !important;
  175. border: 0 !important;
  176. background-color: $ui-bracket;
  177. }
  178. .ace_console_error {
  179. background-color: $ui-line-find;
  180. }
  181. .ace_layer {
  182. z-index: 3;
  183. &.ace_print-margin-layer {
  184. z-index: 2;
  185. }
  186. &.ace_marker-layer {
  187. z-index: 1;
  188. }
  189. }
  190. .ace_selection.ace_start {
  191. box-shadow: 0 0 3px 0 $ui-background;
  192. border-radius: 2px;
  193. }
  194. .ace_meta.ace_tag {
  195. color: $rlang-operator;
  196. }
  197. .ace_markup.ace_heading {
  198. font-weight: 600;
  199. color: $rlang-string;
  200. }
  201. .nocolor.ace_editor .ace_line span {
  202. color: $rlang-reserved !important;
  203. }
  204. /* ---- RStudio Theme ---- */
  205. /* background */
  206. .rstudio-themes-flat .rstudio-themes-dark-grey {
  207. background: $ui-rstudio-background !important;
  208. color: $ui-rstudio-color !important;
  209. .rstudio-themes-background {
  210. background: $ui-rstudio-background !important;
  211. }
  212. }
  213. /* inactive tabs */
  214. table.rstheme_tabLayoutCenter, .rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTabs, .rstheme_multiPodUtilityTabArea {
  215. background: $ui-rstudio-tabs-inactive !important;
  216. .gwt-Label {
  217. color: $ui-rstudio-tabs-inactive-color;
  218. }
  219. }
  220. /* toolbar and selected tab */
  221. .rstudio-themes-flat .rstudio-themes-dark-grey {
  222. .rstheme_center, .gwt-TabLayoutPanelTabs .gwt-TabLayoutPanelTab-selected table.rstheme_tabLayoutCenter {
  223. background: $ui-rstudio-tabs-selected !important;
  224. }
  225. .gwt-TabLayoutPanelTab-selected .gwt-Label {
  226. color: $ui-rstudio-tabs-selected-color;
  227. }
  228. }
  229. .rstudio-themes-flat {
  230. .rstheme_toolbarWrapper {
  231. background: $ui-rstudio-toolbar !important;
  232. button, a, div {
  233. color: $ui-rstudio-toolbar-color !important;
  234. }
  235. }
  236. .rstudio-themes-dark-grey {
  237. /* spliters */
  238. .gwt-SplitLayoutPanel-HDragger, .gwt-SplitLayoutPanel-VDragger {
  239. background: transparent !important;
  240. }
  241. }
  242. /* search */
  243. .rstudio-themes-dark .search, &.rstudio-themes-dark-menus .search {
  244. background: $ui-rstudio-search !important;
  245. }
  246. }
  247. /* pane toolbars */
  248. .rstheme_secondaryToolbar, .rstudio-themes-flat .rstudio-themes-dark-grey .dataGridHeader {
  249. background: $ui-rstudio-toolbar !important;
  250. }
  251. /* menu background */
  252. .popupMiddleCenter, .menuPopupMiddleCenter, .suggestPopupMiddleCenter {
  253. background: $ui-completions-background !important;
  254. color: $ui-completions-color !important;
  255. .item.item-selected {
  256. color: $ui-completions-background !important;
  257. background: $ui-completions-color !important;
  258. }
  259. }
  260. .themedPopupPanel {
  261. border: solid 1px $ui-completions-border;
  262. & ~ div.popupContent div:nth-child(1) {
  263. border: solid 1px $ui-completions-border;
  264. }
  265. }
  266. .popupContent {
  267. background: $ui-completions-background;
  268. color: $ui-completions-color;
  269. &:not(.popupMiddleCenterInner) div div:nth-child(2) {
  270. background: $ui-completions-background !important;
  271. border: solid 1px $ui-completions-border;
  272. }
  273. }
  274. /* scrollbars */
  275. .rstudio-themes-flat .rstudio-themes-dark-grey .gwt-TabLayoutPanelTabs,
  276. .rstudio-themes-flat .rstudio-themes-dark-grey .rstheme_minimizedWindowObject .rstheme_center,
  277. .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar-track,
  278. .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar-corner,
  279. .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar-track,
  280. .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar-corner,
  281. .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar-track,
  282. .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar-corner {
  283. background: $ui-rstudio-scrollbar-background;
  284. }
  285. .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars ::-webkit-scrollbar-thumb,
  286. .rstudio-themes-flat .rstudio-themes-dark.rstudio-themes-scrollbars::-webkit-scrollbar-thumb,
  287. .rstudio-themes-flat.rstudio-themes-dark-menus .rstudio-themes-scrollbars ::-webkit-scrollbar-thumb {
  288. background: $ui-rstudio-scrollbar-handle;
  289. border: 4px solid $ui-rstudio-scrollbar-background;
  290. }