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.

294 lines
6.8KB

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