Advertisement
Guest User

Untitled

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