https://www.museum-newtonabbot.org.uk/js/tui.image-editor-3.5.2/examples/js/theme/white-theme-2.js

1var whiteTheme = {
2    'common.bi.image':'/admin/img/envelope-white.svg',
3    'common.bisize.width': '146px',
4    'common.bisize.height': '40px',
5    'common.backgroundColor': '#fff',
6    'common.border': '1px solid #c1c1c1',
7
8    // header
9    'header.backgroundImage': 'none',
10    'header.backgroundColor': 'transparent',
11    'header.border': '0px',
12
13    // load button
14    'loadButton.backgroundColor': '#fff',
15    'loadButton.border': '1px solid #ddd',
16    'loadButton.color': '#222',
17    'loadButton.fontFamily': 'Arial',
18    'loadButton.fontSize': '12px',
19
20    // download button
21    'downloadButton.backgroundColor': '#fdba3b',
22    'downloadButton.border': '1px solid #fdba3b',
23    'downloadButton.color': '#fff',
24    'downloadButton.fontFamily': 'Arial',
25    'downloadButton.fontSize': '12px',
26
27    // main icons
28    'menu.normalIcon.path': '/js/tui.image-editor-3.5.2/dist/svg/icon-d.svg',
29    'menu.normalIcon.name': 'icon-d',
30    'menu.activeIcon.path': '/js/tui.image-editor-3.5.2/dist/svg/icon-b.svg',
31    'menu.activeIcon.name': 'icon-b',
32    'menu.disabledIcon.path': '/js/tui.image-editor-3.5.2/dist/svg/icon-a.svg',
33    'menu.disabledIcon.name': 'icon-a',
34    'menu.hoverIcon.path': '/js/tui.image-editor-3.5.2/dist/svg/icon-c.svg',
35    'menu.hoverIcon.name': 'icon-c',
36    'menu.iconSize.width': '24px',
37    'menu.iconSize.height': '24px',
38
39    // submenu primary color
40    'submenu.backgroundColor': 'transparent',
41    'submenu.partition.color': '#e5e5e5',
42
43    // submenu icons
44    'submenu.normalIcon.path': '/js/tui.image-editor-3.5.2/dist/svg/icon-d.svg',
45    'submenu.normalIcon.name': 'icon-d',
46    'submenu.activeIcon.path': '/js/tui.image-editor-3.5.2/dist/svg/icon-b.svg',
47    'submenu.activeIcon.name': 'icon-b',
48    'submenu.iconSize.width': '32px',
49    'submenu.iconSize.height': '32px',
50
51    // submenu labels
52    'submenu.normalLabel.color': '#858585',
53    'submenu.normalLabel.fontWeight': 'normal',
54    'submenu.activeLabel.color': '#000',
55    'submenu.activeLabel.fontWeight': 'normal',
56
57    // checkbox style
58    'checkbox.border': '1px solid #ccc',
59    'checkbox.backgroundColor': '#fff',
60
61    // rango style
62    'range.pointer.color': '#333',
63    'range.bar.color': '#ccc',
64    'range.subbar.color': '#606060',
65
66    'range.disabledPointer.color': '#d3d3d3',
67    'range.disabledBar.color': 'rgba(85,85,85,0.06)',
68    'range.disabledSubbar.color': 'rgba(51,51,51,0.2)',
69
70    'range.value.color': '#000',
71    'range.value.fontWeight': 'normal',
72    'range.value.fontSize': '11px',
73    'range.value.border': '0',
74    'range.value.backgroundColor': '#f5f5f5',
75    'range.title.color': '#000',
76    'range.title.fontWeight': 'lighter',
77
78    // colorpicker style
79    'colorpicker.button.border': '0px',
80    'colorpicker.title.color': '#000'
81};