API tools faq
paste
Guest User

Untitled

a guest
Jun 22nd, 2018
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 30.61 KB | None | 0 0
raw download clone embed print report
  1. // prefix=""
  2. // sublime=""
  3. // ext="sublime-theme"
  4. [
  5.  
  6. /* EMPTY WINDOW
  7. * Style for empty (no tabs) window
  8. */
  9.  
  10. {
  11. "class": "sheet_container_control",
  12. "layer0.tint": [25, 39, 45],
  13. "layer0.opacity": 1
  14. },
  15.  
  16.  
  17. /* GRID LAYOUT
  18. * Grid style
  19. */
  20.  
  21. {
  22. "class": "grid_layout_control",
  23. "border_size": 0,
  24. "border_color": [20, 30, 35]
  25. },
  26. {
  27. "class": "grid_layout_control",
  28. "settings": ["ui_separator"],
  29. "border_size": 1
  30. },
  31.  
  32. /* DIALOG POPUP
  33. * Dialog popup style and progressbar
  34. */
  35. {
  36. "class": "progress_gauge_control",
  37. "layer0.tint": [30, 168, 252],
  38. "layer0.opacity": 1.0,
  39. "content_margin": [0, 6]
  40. },
  41.  
  42. {
  43. "class": "dialog",
  44. "layer0.tint": [25, 39, 45],
  45. "layer0.opacity": 1.0
  46. },
  47.  
  48. {
  49. "class": "progress_bar_control",
  50. "layer0.tint": [25, 39, 45],
  51. "layer0.opacity": 1.0
  52. },
  53.  
  54.  
  55. /* CODE FOLDING
  56. * Folding arrow setting and behavioring
  57. */
  58. {
  59. "class": "fold_button_control",
  60. "layer0.texture": "ayu/assets/unfold.png",
  61. "layer0.opacity": 1.0,
  62. "layer0.inner_margin": 0,
  63. "layer0.tint": [98, 120, 130],
  64. "content_margin": [8, 6, 8, 6]
  65. },
  66.  
  67. {
  68. "class": "fold_button_control",
  69. "attributes": ["hover"],
  70. "layer0.tint": [30, 168, 252],
  71. },
  72.  
  73. {
  74. "class": "fold_button_control",
  75. "attributes": ["expanded"],
  76. "layer0.texture": "ayu/assets/fold.png"
  77. },
  78.  
  79.  
  80. /* AUTOCOMPLETE
  81. * Autocomplete popup setting and behavioring
  82. */
  83. {
  84. "class": "popup_control",
  85. "layer0.tint": [25, 39, 45],
  86. "layer0.opacity": 1.0,
  87. "content_margin": [0, 0]
  88. },
  89.  
  90. {
  91. "class": "auto_complete",
  92. "row_padding": [12, 6],
  93. "layer0.tint": [25, 39, 45],
  94. "layer0.opacity": 1.0
  95. },
  96.  
  97. {
  98. "class": "auto_complete_label",
  99. "fg": [98, 120, 130],
  100. "match_fg": [30, 168, 252],
  101. "selected_fg": [204, 201, 194],
  102. "selected_match_fg": [30, 168, 252],
  103. "fg_blend": true
  104. },
  105.  
  106. {
  107. "class": "table_row",
  108. "layer0.tint": [20, 30, 35],
  109. "layer0.opacity": 0.0
  110. },
  111.  
  112. {
  113. "class": "table_row",
  114. "attributes": ["selected"],
  115. "layer0.opacity": 1.0
  116. },
  117.  
  118.  
  119. /* TOOLTIP
  120. * Tooltip setting and behavioring
  121. */
  122. {
  123. "class": "tool_tip_control",
  124. "layer0.tint": [25, 39, 45],
  125. "layer0.inner_margin": [0, 0],
  126. "layer0.opacity": 1.0,
  127. "content_margin": [10, 6]
  128. },
  129.  
  130. {
  131. "class": "tool_tip_label_control",
  132. "color": [98, 120, 130],
  133. "font.size": 13
  134. },
  135. {
  136. "class": "tool_tip_label_control",
  137. "settings": ["ui_font_source_code_pro"],
  138. "font.face": "Source Code Pro"
  139. },
  140. {
  141. "class": "tool_tip_label_control",
  142. "settings": ["ui_font_roboto_mono"],
  143. "font.face": "Roboto mono"
  144. },
  145.  
  146. /* OVERLAY PANELS
  147. * Overlay panels setting and behavioring
  148. */
  149.  
  150. // Command Panel
  151. {
  152. "class": "overlay_control",
  153. "layer0.texture": "ayu/assets/overlay-shadow.png",
  154. "layer0.inner_margin": [15, 35, 15, 25],
  155. "layer0.opacity": 0.6,
  156. "layer0.tint": [23, 27, 36],
  157.  
  158. "layer1.texture": "ayu/assets/overlay-border.png",
  159. "layer1.inner_margin": [15, 35, 15, 25],
  160. "layer1.opacity": 1.0,
  161. "layer1.tint": [20, 23, 31],
  162.  
  163. "layer2.texture": "ayu/assets/overlay-bg.png",
  164. "layer2.inner_margin": [15, 35, 15, 25],
  165. "layer2.opacity": 1.0,
  166. "layer2.tint": [25, 39, 45],
  167.  
  168. "content_margin": [10, 35, 10, 20]
  169. },
  170.  
  171. // Command Panel list item style (cmd + shift + p)
  172.  
  173. {
  174. "class": "mini_quick_panel_row",
  175. "layer0.tint": [25, 39, 45, 0],
  176. "layer0.inner_margin": [2, 2, 2, 2],
  177. "layer0.opacity": 1.0
  178. },
  179.  
  180. // Command Panel selected list item style (cmd + p)
  181.  
  182. {
  183. "class": "mini_quick_panel_row",
  184. "attributes": ["selected"],
  185. "layer0.tint": [43, 67, 78]
  186. },
  187.  
  188. // Quick panel project setting (project manager) (cmd + ctrl + p)
  189.  
  190. {
  191. "class": "quick_panel",
  192. "row_padding": [32, 12],
  193. "layer0.tint": [25, 39, 45],
  194. "layer0.opacity": 1.0
  195. },
  196.  
  197. // Quick Panel row default style (project manager)
  198.  
  199. {
  200. "class": "quick_panel_row",
  201. "layer0.texture": "",
  202. "layer0.tint": [25, 39, 45],
  203. "layer0.inner_margin": 0,
  204. "layer0.opacity": 1.0
  205. },
  206.  
  207. // Row panel style inside comman panel (cmd + p)
  208.  
  209. {
  210. "class": "quick_panel_row",
  211. "parents": [{"class": "overlay_control"}],
  212. "layer0.tint": [25, 39, 45],
  213. "layer0.opacity": 1.0
  214. },
  215.  
  216. // Quick panel (project) style inside overlay_control (cmd + shift + p)
  217. {
  218. "class": "quick_panel",
  219. "parents": [{"class": "overlay_control"}],
  220. "row_padding": [24, 8],
  221. "layer0.tint": [25, 39, 45],
  222. "layer0.opacity": 1.0
  223. },
  224.  
  225. // Quick Panel selected list item style
  226. {
  227. "class": "quick_panel_row",
  228. "attributes": ["selected"],
  229. "layer0.tint": [20, 30, 35]
  230. },
  231.  
  232. // Panel labels
  233. {
  234. "class": "quick_panel_label",
  235. "fg": [98, 120, 130],
  236. "match_fg": [30, 168, 252],
  237. "selected_fg": [204, 201, 194],
  238. "selected_match_fg": [30, 168, 252]
  239. },
  240.  
  241. // Panel labels
  242. {
  243. "class": "quick_panel_label",
  244. "parents": [{"class": "overlay_control"}],
  245. "fg": [98, 120, 130],
  246. "match_fg": [30, 168, 252],
  247. "selected_fg": [204, 201, 194],
  248. "selected_match_fg": [30, 168, 252]
  249. },
  250.  
  251. // Panels sublabels
  252. {
  253. "class": "quick_panel_path_label",
  254. "fg": [81, 92, 105],
  255. "match_fg": [170, 169, 165],
  256. "selected_fg": [81, 92, 105],
  257. "selected_match_fg": [170, 169, 165]
  258. },
  259.  
  260. // Panels data / score
  261. {
  262. "class": "quick_panel_score_label",
  263. "fg": [98, 120, 130],
  264. "selected_fg": [30, 168, 252]
  265. },
  266.  
  267.  
  268. /* TABS
  269. * Tabs settings and behavioring
  270. */
  271. {
  272. "class": "tabset_control",
  273. "mouse_wheel_switch": false,
  274. "tab_min_width": 50,
  275. "tab_overlap": 0,
  276. "tab_height": 36,
  277. "tab_width": 50,
  278.  
  279. "layer0.tint": [25, 39, 45],
  280. "layer0.opacity": 1.0,
  281. "content_margin": [10, 0]
  282. },
  283. {
  284. "class": "tabset_control",
  285. "settings": ["mouse_wheel_switches_tabs", "!enable_tab_scrolling"],
  286. "mouse_wheel_switch": true
  287. },
  288. {
  289. "class": "tabset_control",
  290. "settings": ["ui_separator"],
  291. "content_margin": [0, 0, 0, 0],
  292. "layer1.opacity": 1,
  293. "layer1.texture": "ayu/assets/separator-bottom.png",
  294. "layer1.tint": [20, 30, 35],
  295. "layer1.inner_margin": [1, 0, 1, 2]
  296. },
  297. {
  298. "class": "tabset_control",
  299. "platforms": ["osx"],
  300. "settings": ["ui_separator", "!ui_native_titlebar"],
  301. "layer2.opacity": 1,
  302. "layer2.texture": "ayu/assets/separator-top.png",
  303. "layer2.tint": [20, 30, 35],
  304. "layer2.inner_margin": [1, 2, 1, 0]
  305. },
  306.  
  307. // Tabs
  308. {
  309. "class": "tab_control",
  310. // Background
  311. "layer0.tint": [25, 39, 45],
  312. "layer0.opacity": 1.0,
  313.  
  314. // Top
  315. "layer1.texture": "ayu/assets/separator-top.png",
  316. "layer1.tint": [20, 30, 35],
  317. "layer1.inner_margin": [0, 1, 0, 0],
  318. "layer1.opacity": 0.0,
  319.  
  320. // Right
  321. "layer2.texture": "ayu/assets/separator-right.png",
  322. "layer2.tint": [20, 30, 35],
  323. "layer2.inner_margin": [0, 0, 1, 0],
  324. "layer2.opacity": 0.0,
  325.  
  326. // Bottom
  327. "layer3.texture": "ayu/assets/separator-bottom.png",
  328. "layer3.tint": [20, 30, 35],
  329. "layer3.inner_margin": [0, 0, 0, 1],
  330. "layer3.opacity": 0.0,
  331.  
  332. "content_margin": [15, -2, 15, 0],
  333. "max_margin_trim": 12
  334. },
  335. {
  336. "class": "tab_control",
  337. "settings": ["ui_separator"],
  338.  
  339. "layer1.opacity": 1.0,
  340.  
  341. "layer2.opacity": 1.0,
  342.  
  343. "layer3.opacity": 1.0
  344. },
  345.  
  346. // Selected current tab
  347. {
  348. "class": "tab_control", "attributes": ["selected"],
  349. "settings": ["!ui_separator"],
  350. "layer3.tint": [30, 168, 252],
  351. "layer3.opacity": 1.0
  352. },
  353. {
  354. "class": "tab_control", "attributes": ["selected"],
  355. "settings": ["ui_separator"],
  356. "layer1.tint": [30, 168, 252],
  357. "layer3.opacity": 0.0
  358. },
  359.  
  360. // Hovered current tab
  361. {
  362. "class": "tab_control", "attributes": ["hover"],
  363. "settings": ["!ui_separator"],
  364. "layer3.tint": [30, 168, 252],
  365. "layer3.opacity": 0.3
  366. },
  367. {
  368. "class": "tab_control", "attributes": ["hover"],
  369. "settings": ["ui_separator"],
  370. "layer0.tint": [20, 30, 35, 70],
  371. },
  372.  
  373. // Selected current tab
  374. {
  375. "class": "tab_control", "attributes": ["selected", "hover"],
  376. "settings": ["!ui_separator"],
  377. "layer3.opacity": 1.0
  378. },
  379. {
  380. "class": "tab_control", "attributes": ["selected", "hover"],
  381. "settings": ["ui_separator"],
  382. "layer0.tint": [25, 39, 45]
  383. },
  384.  
  385. // Tab Labels
  386.  
  387. {
  388. "class": "tab_label",
  389. "fg": [98, 120, 130],
  390. "font.italic": false,
  391. "font.bold": false,
  392. "font.size": 12
  393. },
  394. {
  395. "class": "tab_label",
  396. "settings": ["ui_font_source_code_pro"],
  397. "font.face": "Source Code Pro"
  398. },
  399. {
  400. "class": "tab_label",
  401. "settings": ["ui_font_roboto_mono"],
  402. "font.face": "Roboto mono"
  403. },
  404. {
  405. "class": "tab_label",
  406. "settings": ["highlight_modified_tabs"],
  407. "font.italic": true,
  408. "attributes": ["dirty"],
  409. "fg": [30, 168, 252]
  410. },
  411.  
  412. // Tab selected label color
  413.  
  414. {
  415. "class": "tab_label",
  416. "parents": [{"class": "tab_control", "attributes": ["selected"]}],
  417. "fg": [204, 201, 194]
  418. },
  419.  
  420. {
  421. "class": "tab_label",
  422. "attributes": ["transient"],
  423. "font.italic": true
  424. },
  425.  
  426. // Tab Close Buttons
  427. {
  428. "class": "tab_close_button",
  429. "content_margin": [0, 0],
  430.  
  431. // Close Icon
  432. "layer0.texture": "ayu/assets/close.png",
  433. "layer0.tint": [98, 120, 130],
  434. "layer0.opacity": 1.0,
  435.  
  436. // Dirty Icon
  437. "layer1.texture": "ayu/assets/dirty.png",
  438. "layer1.tint": [98, 120, 130],
  439. "layer1.opacity": 0,
  440. },
  441.  
  442. // Default
  443. {
  444. "class": "tab_close_button",
  445. "settings": ["show_tab_close_buttons"],
  446. "content_margin": [6, 8]
  447. },
  448.  
  449. // Default hover
  450. {
  451. "class": "tab_close_button",
  452. "settings": ["show_tab_close_buttons", "highlight_modified_tabs"],
  453. "attributes": ["hover"],
  454. "layer0.tint": [30, 168, 252]
  455. },
  456.  
  457. // Dirty tab
  458. {
  459. "class": "tab_close_button",
  460. "parents": [{"class": "tab_control", "attributes": ["dirty"]}],
  461. "layer0.opacity": 0, // Close Icon
  462. "layer1.opacity": 1.0, // dirty Icon
  463. "content_margin": [6, 8]
  464. },
  465.  
  466. // Dirty tab on hover
  467. {
  468. "class": "tab_close_button",
  469. "parents": [{"class": "tab_control", "attributes": ["dirty"]}],
  470. "attributes": ["hover"],
  471. "layer0.opacity": 1.0, // Close Icon
  472. "layer1.opacity": 0 // Close Icon
  473. },
  474.  
  475. // Selected dirty tab
  476. {
  477. "class": "tab_close_button",
  478. "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}],
  479. "layer0.opacity": 0, // Close Icon
  480. "layer1.opacity": 1.0, // Dirty Icon
  481. "layer1.tint": [30, 168, 252]
  482. },
  483.  
  484. // Selected dirty tab on hover
  485. {
  486. "class": "tab_close_button",
  487. "parents": [{"class": "tab_control", "attributes": ["selected", "dirty"]}],
  488. "attributes": ["hover"],
  489. "layer0.opacity": 1.0,
  490. "layer1.opacity": 0
  491. },
  492.  
  493. // tab set scroll left | scroll right
  494. {
  495. "class": "scroll_tabs_left_button",
  496. "content_margin": [12, 15],
  497. "layer0.texture": "ayu/assets/arrow-left.png",
  498. "layer0.tint": [43, 67, 78],
  499. "layer0.opacity": 1.0
  500. },
  501.  
  502. {
  503. "class": "scroll_tabs_left_button",
  504. "attributes": ["hover"],
  505. "layer0.tint": [30, 168, 252]
  506. },
  507.  
  508. {
  509. "class": "scroll_tabs_right_button",
  510. "content_margin": [12, 15],
  511. "layer0.texture": "ayu/assets/arrow-right.png",
  512. "layer0.tint": [43, 67, 78],
  513. "layer0.opacity": 1.0
  514. },
  515. {
  516. "class": "scroll_tabs_right_button",
  517. "settings": ["ui_separator"],
  518. "layer2.texture": "ayu/assets/separator-right.png",
  519. "layer2.tint": [20, 30, 35],
  520. "layer2.opacity": 1,
  521. "layer2.inner_margin": [0, 1, 2, 1]
  522. },
  523.  
  524. {
  525. "class": "scroll_tabs_right_button",
  526. "attributes": ["hover"],
  527. "layer0.tint": [30, 168, 252]
  528. },
  529.  
  530. {
  531. "class": "show_tabs_dropdown_button",
  532. "content_margin": [12, 12],
  533. "layer0.texture": "ayu/assets/overflow-menu.png",
  534. "layer0.tint": [43, 67, 78],
  535. "layer0.opacity": 1.0,
  536. "layer0.inner_margin": [0, 0]
  537. },
  538.  
  539. {
  540. "class": "show_tabs_dropdown_button",
  541. "attributes": ["hover"],
  542. "layer0.tint": [30, 168, 252]
  543. },
  544.  
  545.  
  546. /* SIDEBAR
  547. * Sidebar panel settings and behavioring
  548. */
  549.  
  550. {
  551. "class": "sidebar_container",
  552. "content_margin": [0, 6, 0, 0],
  553. "layer0.opacity": 1,
  554. "layer0.tint": [25, 39, 45]
  555. },
  556. {
  557. "class": "sidebar_container",
  558. "settings": ["ui_separator"],
  559. "layer1.texture": "ayu/assets/separator-right.png",
  560. "layer1.inner_margin": [0, 1, 2, 1],
  561. "layer1.opacity": 1,
  562. "layer1.tint": [20, 30, 35],
  563. },
  564.  
  565. {
  566. "class": "sidebar_tree",
  567. "indent_top_level": false,
  568. "row_padding": [20, 6],
  569. "dark_content": false,
  570. "spacer_rows": true,
  571. "indent_offset": 2,
  572. "indent": 10
  573. },
  574.  
  575. {
  576. "class": "sidebar_heading",
  577. "color": [74, 85, 97],
  578. "font.bold": true,
  579. "font.size": 11
  580. },
  581. {
  582. "class": "sidebar_heading",
  583. "settings": ["ui_font_source_code_pro"],
  584. "font.face": "Source Code Pro"
  585. },
  586. {
  587. "class": "sidebar_heading",
  588. "settings": ["ui_font_roboto_mono"],
  589. "font.face": "Roboto mono"
  590. },
  591.  
  592. {
  593. "class": "tree_row",
  594. "layer0.texture": "ayu/assets/tree-highlight.png",
  595. "layer0.tint": [20, 30, 35],
  596. "layer0.inner_margin": [8, 4, 8, 4],
  597. "layer0.opacity": 0
  598. },
  599.  
  600. {
  601. "class": "tree_row",
  602. "layer0.texture": "ayu/assets/tree-highlight-separators.png",
  603. "settings": ["ui_separator"]
  604. },
  605.  
  606. {
  607. "class": "tree_row",
  608. "attributes": ["selected"],
  609. "layer0.opacity": 1
  610. },
  611.  
  612. {
  613. "class": "sidebar_label",
  614. "color": [98, 120, 130],
  615. "font.size": 12
  616. },
  617. {
  618. "class": "sidebar_label",
  619. "settings": ["ui_font_source_code_pro"],
  620. "font.face": "Source Code Pro"
  621. },
  622. {
  623. "class": "sidebar_label",
  624. "settings": ["ui_font_roboto_mono"],
  625. "font.face": "Roboto mono"
  626. },
  627.  
  628. {
  629. "class": "sidebar_label",
  630. "parents": [{"class": "tree_row","attributes": ["hover"]}],
  631. "color": [204, 201, 194]
  632. },
  633.  
  634. {
  635. "class": "sidebar_label",
  636. "parents": [{"class": "tree_row","attributes": ["selected"]}],
  637. "color": [204, 201, 194]
  638. },
  639.  
  640. {
  641. "class": "sidebar_label",
  642. "parents": [{"class": "tree_row","attributes": ["expandable"]}],
  643. "color": [98, 120, 130],
  644. "font.bold": false
  645. },
  646.  
  647. {
  648. "class": "sidebar_label",
  649. "parents": [{"class": "tree_row", "attributes": ["expandable"]}],
  650. "settings": ["bold_folder_labels"],
  651. "font.bold": true
  652. },
  653.  
  654. {
  655. "class": "sidebar_label",
  656. "parents": [{"class": "tree_row", "attributes": ["expandable", "hover"]}],
  657. "color": [204, 201, 194]
  658. },
  659.  
  660. {
  661. "class": "sidebar_label",
  662. "parents": [{"class": "tree_row", "attributes": ["expanded"]}],
  663. "color": [204, 201, 194]
  664. },
  665.  
  666. {
  667. "class": "sidebar_label",
  668. "parents": [{"class": "tree_row", "attributes": ["expanded"]}],
  669. "settings": ["bold_folder_labels"],
  670. "font.bold": true
  671. },
  672.  
  673. // {
  674. // "class": "sidebar_label",
  675. // "parents": [{"class": "tree_row", "attributes": ["expanded", "selected"]}],
  676. // "color": [204, 201, 194]
  677. // },
  678.  
  679. {
  680. "class": "sidebar_label",
  681. "attributes": ["transient"],
  682. "font.italic": false
  683. },
  684.  
  685. // File icons and folder
  686. {
  687. "class": "icon_file_type",
  688. "content_margin": [8, 8]
  689. },
  690.  
  691. // Secondary folder icon (original) used as main folder icon
  692. {
  693. "class": "icon_folder",
  694. "content_margin": [9, 9],
  695. "layer0.tint": [25, 39, 45],
  696. "layer0.opacity": 0,
  697.  
  698. "layer1.texture": "ayu/assets/folder.png",
  699. "layer1.tint": [43, 67, 78],
  700. "layer1.opacity": 1,
  701.  
  702. "layer2.texture": "ayu/assets/folder-open.png",
  703. "layer2.tint": [30, 168, 252],
  704. "layer2.opacity": 0.0
  705. },
  706.  
  707. {
  708. "class": "icon_folder",
  709. "parents": [{ "class": "tree_row", "attributes": ["expanded"] }],
  710. "layer1.opacity": 0.0,
  711. "layer2.opacity": 1.0
  712. },
  713.  
  714. {
  715. "class": "icon_folder",
  716. "parents": [{ "class": "tree_row", "attributes": ["hover"] }],
  717. "layer1.tint": [30, 168, 252]
  718. },
  719.  
  720. {
  721. "class": "icon_folder",
  722. "parents": [{ "class": "tree_row", "attributes": ["expanded", "hover"] }],
  723. "layer2.texture": {
  724. "keyframes": [
  725. "ayu/assets/folder-open-1.png",
  726. "ayu/assets/folder-open-1.png",
  727. "ayu/assets/folder-open-2.png",
  728. "ayu/assets/folder-open-3.png",
  729. "ayu/assets/folder-open-4.png",
  730. "ayu/assets/folder-open-5.png",
  731. "ayu/assets/folder-open-5.png",
  732. "ayu/assets/folder-open-5.png",
  733. "ayu/assets/folder-open-6.png",
  734. "ayu/assets/folder-open-6.png",
  735. "ayu/assets/folder-open-6.png",
  736. "ayu/assets/folder-open-6.png",
  737. "ayu/assets/folder-open.png"
  738. ],
  739. "loop": false,
  740. "frame_time": 0.020
  741. },
  742. "layer1.opacity": 0.0,
  743. "layer2.opacity": 1.0
  744. },
  745.  
  746. {
  747. "class": "icon_folder",
  748. "parents": [{ "class": "tree_row", "attributes": ["selected"] }],
  749. "layer1.tint": [30, 168, 252]
  750. },
  751.  
  752. {
  753. "class": "icon_folder_loading",
  754. "layer1.texture": {
  755. "keyframes": [
  756. "ayu/assets/spinner11.png",
  757. "ayu/assets/spinner10.png",
  758. "ayu/assets/spinner9.png",
  759. "ayu/assets/spinner8.png",
  760. "ayu/assets/spinner7.png",
  761. "ayu/assets/spinner6.png",
  762. "ayu/assets/spinner5.png",
  763. "ayu/assets/spinner4.png",
  764. "ayu/assets/spinner3.png",
  765. "ayu/assets/spinner2.png",
  766. "ayu/assets/spinner1.png",
  767. "ayu/assets/spinner.png"
  768. ],
  769. "loop": true,
  770. "frame_time": 0.075
  771. },
  772. "layer1.tint": [30, 168, 252],
  773.  
  774. "layer0.opacity": 0.0,
  775. "content_margin": [8, 8]
  776. },
  777.  
  778. // Symlink folder icon
  779. {
  780. "class": "icon_folder_dup",
  781. "content_margin": [9, 9],
  782. "layer0.texture": "ayu/assets/folder.png",
  783. "layer0.tint": [43, 67, 78],
  784. "layer0.opacity": 1.0,
  785.  
  786. "layer1.texture": "ayu/assets/folder-symlink.png",
  787. "layer1.tint": [98, 120, 130],
  788. "layer1.opacity": 0.3
  789. },
  790.  
  791. {
  792. "class": "icon_folder_dup",
  793. "parents": [{ "class": "tree_row", "attributes": ["hover"]}],
  794. "layer0.tint": [30, 168, 252]
  795. },
  796.  
  797. {
  798. "class": "icon_folder_dup",
  799. "parents": [{"class": "tree_row", "attributes": ["expanded"] }],
  800. "layer0.tint": [30, 168, 252]
  801. },
  802.  
  803. // Hidden arrow icon before folder
  804.  
  805. {
  806. "class": "disclosure_button_control",
  807. "content_margin": [0, 0, 0, 0]
  808. },
  809.  
  810. // Opened files
  811. {
  812. "class": "close_button",
  813. "content_margin": [6, 8],
  814.  
  815. // Default Close icon
  816. "layer0.texture": "ayu/assets/close.png",
  817. "layer0.opacity": 0,
  818. "layer0.inner_margin": [0, 0],
  819. "layer0.tint": [98, 120, 130]
  820. },
  821.  
  822.  
  823. // Opened file hover
  824.  
  825. {
  826. "class": "close_button",
  827. "parents": [{ "class": "tree_row", "attributes": ["hover"] }],
  828. "layer0.opacity": 1
  829. },
  830.  
  831. {
  832. "class": "close_button",
  833. "attributes": ["dirty"],
  834. "layer0.texture": "ayu/assets/dirty.png",
  835. "layer0.tint": [98, 120, 130],
  836. "layer0.opacity": 1.0
  837. },
  838.  
  839. {
  840. "class": "close_button",
  841. "attributes": ["hover"],
  842. "layer0.opacity": 1.0,
  843. "layer0.tint": [30, 168, 252]
  844. },
  845.  
  846.  
  847. /* SCROLLBARS
  848. * Scrollbars settings and behavioring
  849. */
  850. {
  851. "class": "scroll_bar_control",
  852. "layer0.tint": [25, 39, 45],
  853. "layer0.opacity": 1.0,
  854.  
  855. "layer1.texture": "ayu/assets/scrollbar-vertical-wide.png",
  856. "layer1.tint": [98, 120, 130],
  857. "layer1.opacity": 0.1,
  858. "layer1.inner_margin": [0, 10],
  859. "blur": false
  860. },
  861. {
  862. "class": "scroll_bar_control",
  863. "parents": [{"class": "overlay_control"}],
  864. "layer0.tint": [25, 39, 45],
  865. "blur": false
  866. },
  867. {
  868. "class": "scroll_bar_control",
  869. "attributes": ["horizontal"],
  870. "layer1.texture": "ayu/assets/scrollbar-horizontal-wide.png",
  871. "layer1.inner_margin": [10, 0],
  872. "blur": false
  873. },
  874. {
  875. "class": "scroll_corner_control",
  876. "layer0.tint": [25, 39, 45],
  877. "layer0.opacity": 1.0
  878. },
  879. {
  880. "class": "puck_control",
  881. "layer0.texture": "ayu/assets/scrollbar-vertical-wide.png",
  882. "layer0.tint": [98, 120, 130],
  883. "layer0.opacity": 0.3,
  884. "layer0.inner_margin": [0, 10],
  885. "content_margin": [6, 12],
  886. "blur": false
  887. },
  888. {
  889. "class": "puck_control",
  890. "attributes": ["horizontal"],
  891. "layer0.texture": "ayu/assets/scrollbar-horizontal-wide.png",
  892. "layer0.inner_margin": [10, 0],
  893. "content_margin": [12, 6],
  894. "blur": false
  895. },
  896. {
  897. "class": "scroll_area_control",
  898. "settings": ["overlay_scroll_bars"],
  899. "overlay": true
  900. },
  901. {
  902. "class": "scroll_area_control",
  903. "settings": ["!overlay_scroll_bars"],
  904. "overlay": false
  905. },
  906. {
  907. "class": "scroll_bar_control",
  908. "settings": ["overlay_scroll_bars"],
  909. "layer0.opacity": 0,
  910. "layer1.texture": "ayu/assets/scrollbar-vertical.png",
  911. "layer1.inner_margin": [4, 6, 6, 6],
  912. "blur": false
  913. },
  914. {
  915. "class": "scroll_bar_control",
  916. "settings": ["overlay_scroll_bars", "ui_wide_scrollbars"],
  917. "layer0.texture": "ayu/assets/scrollbar-vertical-wide.png"
  918. },
  919. {
  920. "class": "scroll_bar_control",
  921. "settings": ["overlay_scroll_bars"],
  922. "attributes": ["horizontal"],
  923. "layer0.opacity": 0,
  924. "layer1.texture": "ayu/assets/scrollbar-horizontal.png",
  925. "layer1.inner_margin": [6, 4, 6, 6],
  926. "blur": false
  927. },
  928. {
  929. "class": "scroll_bar_control",
  930. "attributes": ["horizontal"],
  931. "settings": ["overlay_scroll_bars", "ui_wide_scrollbars"],
  932. "layer0.texture": "ayu/assets/scrollbar-horizontal-wide.png"
  933. },
  934. {
  935. "class": "puck_control",
  936. "settings": ["overlay_scroll_bars"],
  937. "layer0.texture": "ayu/assets/scrollbar-vertical.png",
  938. "layer0.inner_margin": [4, 6, 6, 6],
  939. "content_margin": [5, 20],
  940. "blur": false
  941. },
  942. {
  943. "class": "puck_control",
  944. "settings": ["overlay_scroll_bars", "ui_wide_scrollbars"],
  945. "layer0.texture": "ayu/assets/scrollbar-vertical-wide.png"
  946. },
  947. {
  948. "class": "puck_control",
  949. "settings": ["overlay_scroll_bars"],
  950. "attributes": ["horizontal"],
  951. "layer0.texture": "ayu/assets/scrollbar-horizontal.png",
  952. "layer0.inner_margin": [6, 4, 6, 6],
  953. "content_margin": [20, 5],
  954. "blur": false
  955. },
  956. {
  957. "class": "puck_control",
  958. "attributes": ["horizontal"],
  959. "settings": ["overlay_scroll_bars", "ui_wide_scrollbars"],
  960. "layer0.texture": "ayu/assets/scrollbar-horizontal-wide.png"
  961. },
  962.  
  963. /* MINIMAP
  964. * Minimap settings and behavioring
  965. */
  966.  
  967. {
  968. "class": "minimap_control",
  969. "settings": ["always_show_minimap_viewport"],
  970. "viewport_color": [98, 120, 130],
  971. "viewport_opacity": 0.3
  972. },
  973.  
  974. {
  975. "class": "minimap_control",
  976. "settings": ["!always_show_minimap_viewport"],
  977. "viewport_color": [98, 120, 130],
  978. "viewport_opacity": { "target": 0, "speed": 4.0, "interpolation": "smoothstep" }
  979. },
  980.  
  981. {
  982. "class": "minimap_control",
  983. "attributes": ["hover"],
  984. "settings": ["!always_show_minimap_viewport"],
  985. "viewport_opacity": { "target": 0.3, "speed": 4.0, "interpolation": "smoothstep" }
  986. },
  987.  
  988.  
  989. /* STATUS BAR
  990. * Status bar settings and behavioring
  991. */
  992.  
  993. // All labels
  994.  
  995. {
  996. "class": "label_control",
  997. "color": [98, 120, 130],
  998. "shadow_color": [0, 0, 0, 0],
  999. "shadow_offset": [0, 0],
  1000. "font.bold": false,
  1001. "font.size": 12
  1002. },
  1003. {
  1004. "class": "label_control",
  1005. "settings": ["ui_font_source_code_pro"],
  1006. "font.face": "Source Code Pro"
  1007. },
  1008. {
  1009. "class": "label_control",
  1010. "settings": ["ui_font_roboto_mono"],
  1011. "font.face": "Roboto mono"
  1012. },
  1013.  
  1014. // Status bar labels
  1015.  
  1016. {
  1017. "class": "label_control",
  1018. "parents": [{"class": "status_bar"}],
  1019. "color": [98, 120, 130],
  1020. "font.bold": false
  1021. },
  1022.  
  1023. // Text field labels
  1024.  
  1025. {
  1026. "class": "status_bar",
  1027. "layer0.texture": "",
  1028. "layer0.tint": [25, 39, 45],
  1029. "layer0.opacity": 1,
  1030. "layer1.texture": "ayu/assets/separator-top.png",
  1031. "layer1.tint": [20, 30, 35],
  1032. "layer1.inner_margin": [1, 2, 1, 0],
  1033. "content_margin": [16, 3]
  1034. },
  1035. {
  1036. "class": "status_bar",
  1037. "settings": ["ui_separator"],
  1038. // "layer0.tint": [25, 39, 45],
  1039. // "layer1.opacity": 1
  1040. },
  1041.  
  1042. {
  1043. "class": "status_container",
  1044. "content_margin": [0, 5]
  1045. },
  1046.  
  1047. {
  1048. "class": "status_button",
  1049. "min_size": [100, 0]
  1050. },
  1051.  
  1052. {
  1053. "class": "panel_button_control",
  1054. "layer0.texture": "ayu/assets/switch-panel.png",
  1055. "layer0.tint": [98, 120, 130],
  1056. "layer0.opacity": 1.0
  1057. },
  1058.  
  1059. {
  1060. "class": "panel_button_control",
  1061. "attributes": ["hover"],
  1062. "layer0.tint": [30, 168, 252]
  1063. },
  1064.  
  1065. /* WIDGET PANEL
  1066. * Widget, input, buttons settings and behavioring
  1067. */
  1068.  
  1069.  
  1070. // Status bar panel
  1071. {
  1072. "class": "panel_control",
  1073. "layer0.tint": [25, 39, 45],
  1074. "layer0.opacity": 1.0,
  1075. "content_margin": [0, 5]
  1076. },
  1077. {
  1078. "class": "panel_control",
  1079. "settings": ["ui_separator"],
  1080. // "layer0.tint": [25, 39, 45],
  1081. "layer1.texture": "ayu/assets/separator-top.png",
  1082. "layer1.tint": [20, 30, 35],
  1083. "layer1.inner_margin": [1, 2, 1, 0],
  1084. "layer1.opacity": 1
  1085. },
  1086.  
  1087. // Status bar panel close icon
  1088.  
  1089. {
  1090. "class": "panel_close_button",
  1091. "layer0.texture": "ayu/assets/close.png",
  1092. "layer0.opacity": 1.0,
  1093. "layer0.tint": [98, 120, 130],
  1094. "content_margin": [0, 0] // 8,8 to show
  1095. },
  1096. {
  1097. "class": "panel_close_button",
  1098. "attributes": ["hover"],
  1099. "layer0.tint": [30, 168, 252]
  1100. },
  1101.  
  1102. // Texline input
  1103.  
  1104. {
  1105. "class": "text_line_control",
  1106. "layer0.texture": "ayu/assets/input-bg.png",
  1107. "layer0.opacity": 1,
  1108. "layer0.inner_margin": [10, 8],
  1109. "layer0.tint": [25, 39, 45],
  1110.  
  1111. "layer1.texture": "ayu/assets/input-border.png",
  1112. "layer1.opacity": 1,
  1113. "layer1.inner_margin": [10, 8],
  1114. "layer1.tint": [20, 30, 35],
  1115. "content_margin": [10, 7, 10, 5]
  1116. },
  1117.  
  1118.  
  1119. // Textline input inside overlay panels
  1120.  
  1121. {
  1122. "class": "text_line_control",
  1123. "parents": [{"class": "overlay_control"}],
  1124. "layer0.texture": "",
  1125. "layer0.opacity": 0,
  1126. "layer1.texture": "ayu/assets/input-search.png",
  1127. "layer1.opacity": 1,
  1128. "layer1.tint": [43, 67, 78, 100],
  1129. "layer1.inner_margin": [60, 0, 0, 0],
  1130. "content_margin": [50, 7, 10, 4]
  1131. },
  1132.  
  1133. // Textline input oveflow menu
  1134. {
  1135. "class": "dropdown_button_control",
  1136. "content_margin": [12, 12],
  1137. "layer0.texture": "ayu/assets/overflow-menu.png",
  1138. "layer0.tint": [43, 67, 78],
  1139. "layer0.opacity": 1.0
  1140. },
  1141. {
  1142. "class": "dropdown_button_control",
  1143. "attributes": ["hover"],
  1144. "layer0.tint": [30, 168, 252]
  1145. },
  1146.  
  1147.  
  1148. /* BUTTONS
  1149. * Buttons panels settings and behavioring
  1150. */
  1151.  
  1152.  
  1153. // Button labels
  1154.  
  1155. {
  1156. "class": "button_control",
  1157. "content_margin": [15, 9, 15, 10],
  1158. "min_size": [60, 0],
  1159. "layer0.tint": [30, 168, 252, 10],
  1160. "layer0.texture": "ayu/assets/input-bg.png",
  1161. "layer0.inner_margin": [10, 8],
  1162. "layer0.opacity": 0
  1163. },
  1164. {
  1165. "class": "button_control",
  1166. "attributes": ["hover"],
  1167. "layer0.opacity": 1
  1168. },
  1169.  
  1170. {
  1171. "class": "label_control",
  1172. "parents": [{"class": "button_control"}],
  1173. "color": [98, 120, 130]
  1174. },
  1175.  
  1176. {
  1177. "class": "label_control",
  1178. "parents": [{"class": "button_control", "attributes": ["hover"]}],
  1179. "color": [30, 168, 252]
  1180. },
  1181.  
  1182. // Small Icon Buttons
  1183. {
  1184. "class": "icon_button_control",
  1185. "layer0.tint": [0, 0, 0],
  1186. "layer0.opacity": 0,
  1187. "layer2.tint": [204, 201, 194],
  1188. "layer2.opacity": { "target": 0.0, "speed": 10.0, "interpolation": "smoothstep" },
  1189. "content_margin": [10, 5]
  1190. },
  1191.  
  1192.  
  1193. /* Buttons icons settings
  1194. */
  1195.  
  1196. // Regex Icon
  1197. {
  1198. "class": "icon_regex",
  1199. "layer0.texture": "ayu/assets/regex.png",
  1200. "layer0.tint": [98, 120, 130],
  1201. "layer0.opacity": 1.0,
  1202. "content_margin": [12, 12]
  1203. },
  1204.  
  1205. {
  1206. "class": "icon_regex",
  1207. "parents": [{"class": "icon_button_control", "attributes": ["selected"]}],
  1208. "layer0.tint": [30, 168, 252]
  1209. },
  1210.  
  1211. // Preserve case sensitive
  1212.  
  1213. {
  1214. "class": "icon_case",
  1215. "layer0.texture": "ayu/assets/matchcase.png",
  1216. "layer0.tint": [98, 120, 130],
  1217. "layer0.opacity": 1.0,
  1218. "content_margin": [12, 12]
  1219. },
  1220.  
  1221. {
  1222. "class": "icon_case",
  1223. "parents": [{"class": "icon_button_control", "attributes": ["selected"]}],
  1224. "layer0.tint": [30, 168, 252]
  1225. },
  1226.  
  1227. // Wholeword
  1228.  
  1229. {
  1230. "class": "icon_whole_word",
  1231. "layer0.texture": "ayu/assets/word.png",
  1232. "layer0.tint": [98, 120, 130],
  1233. "layer0.opacity": 1.0,
  1234. "content_margin": [12, 12]
  1235. },
  1236.  
  1237. {
  1238. "class": "icon_whole_word",
  1239. "parents": [{"class": "icon_button_control", "attributes": ["selected"]}],
  1240. "layer0.tint": [30, 168, 252]
  1241. },
  1242.  
  1243. // Wrap
  1244.  
  1245. {
  1246. "class": "icon_wrap",
  1247. "layer0.texture": "ayu/assets/wrap.png",
  1248. "layer0.tint": [98, 120, 130],
  1249. "layer0.opacity": 1.0,
  1250. "content_margin": [12, 12]
  1251. },
  1252.  
  1253. {
  1254. "class": "icon_wrap",
  1255. "parents": [{"class": "icon_button_control", "attributes": ["selected"]}],
  1256. "layer0.tint": [30, 168, 252]
  1257. },
  1258.  
  1259. // In selection
  1260.  
  1261. {
  1262. "class": "icon_in_selection",
  1263. "layer0.texture": "ayu/assets/inselection.png",
  1264. "layer0.tint": [98, 120, 130],
  1265. "layer0.opacity": 1.0,
  1266. "content_margin": [12, 12]
  1267. },
  1268.  
  1269. {
  1270. "class": "icon_in_selection",
  1271. "parents": [{"class": "icon_button_control", "attributes": ["selected"]}],
  1272. "layer0.tint": [30, 168, 252]
  1273. },
  1274.  
  1275. // Highlight Result
  1276.  
  1277. {
  1278. "class": "icon_highlight",
  1279. "layer0.texture": "ayu/assets/highlight.png",
  1280. "layer0.tint": [98, 120, 130],
  1281. "layer0.opacity": 1.0,
  1282. "content_margin": [12, 12]
  1283. },
  1284.  
  1285. {
  1286. "class": "icon_highlight",
  1287. "parents": [{"class": "icon_button_control", "attributes": ["selected"]}],
  1288. "layer0.tint": [30, 168, 252]
  1289. },
  1290.  
  1291. // Preserve Case
  1292.  
  1293. {
  1294. "class": "icon_preserve_case",
  1295. "layer0.texture": "ayu/assets/replace-preserve-case.png",
  1296. "layer0.tint": [98, 120, 130],
  1297. "layer0.opacity": 1.0,
  1298. "content_margin": [12, 12]
  1299. },
  1300.  
  1301. {
  1302. "class": "icon_preserve_case",
  1303. "parents": [{"class": "icon_button_control", "attributes": ["selected"]}],
  1304. "layer0.tint": [30, 168, 252]
  1305. },
  1306.  
  1307. // Show context
  1308.  
  1309. {
  1310. "class": "icon_context",
  1311. "layer0.texture": "ayu/assets/context.png",
  1312. "layer0.tint": [98, 120, 130],
  1313. "layer0.opacity": 1.0,
  1314. "content_margin": [12, 12]
  1315. },
  1316.  
  1317.  
  1318. {
  1319. "class": "icon_context",
  1320. "parents": [{"class": "icon_button_control", "attributes": ["selected"]}],
  1321. "layer0.tint": [30, 168, 252]
  1322. },
  1323.  
  1324. // Use buffer
  1325.  
  1326. {
  1327. "class": "icon_use_buffer",
  1328. "layer0.texture": "ayu/assets/buffer.png",
  1329. "layer0.tint": [98, 120, 130],
  1330. "layer0.opacity": 1.0,
  1331. "content_margin": [12, 12]
  1332. },
  1333.  
  1334. {
  1335. "class": "icon_use_buffer",
  1336. "parents": [{"class": "icon_button_control", "attributes": ["selected"]}],
  1337. "layer0.tint": [30, 168, 252]
  1338. },
  1339.  
  1340. // Reverse direction
  1341.  
  1342. {
  1343. "class": "icon_reverse",
  1344. "layer0.texture": "ayu/assets/reverse.png",
  1345. "layer0.tint": [98, 120, 130],
  1346. "layer0.opacity": 1.0,
  1347. "content_margin": [12, 12]
  1348. },
  1349.  
  1350. {
  1351. "class": "icon_reverse",
  1352. "parents": [{"class": "icon_button_control", "attributes": ["selected"]}],
  1353. "layer0.tint": [30, 168, 252]
  1354. },
  1355.  
  1356. /* Title bar
  1357. */
  1358. {
  1359. "class": "title_bar",
  1360. "bg": [25, 39, 45],
  1361. "fg": [204, 201, 194]
  1362. },
  1363. {
  1364. "class": "title_bar",
  1365. "settings": ["ui_native_titlebar"],
  1366. "bg": "",
  1367. "fg": ""
  1368. },
  1369.  
  1370.  
  1371.  
  1372. /* Visual settings
  1373. */
  1374.  
  1375. // UI font sizees
  1376. // ==============
  1377. {
  1378. "class": "tab_label",
  1379. "settings": ["ui_font_size_small"],
  1380. "font.size": 11
  1381. },
  1382. {
  1383. "class": "sidebar_label",
  1384. "settings": ["ui_font_size_small"],
  1385. "font.size": 11
  1386. },
  1387. {
  1388. "class": "label_control",
  1389. "settings": ["ui_font_size_small"],
  1390. "font.size": 11
  1391. },
  1392. {
  1393. "class": "tool_tip_label_control",
  1394. "settings": ["ui_font_size_small"],
  1395. "font.size": 11
  1396. }
  1397. ]
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!