react95-native-rabbl 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (163) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +24 -0
  3. package/package.json +154 -0
  4. package/src/assets/fonts/src/ms-sans-serif/MS Sans Serif.ttf +0 -0
  5. package/src/assets/fonts/src/ms-sans-serif/license.txt +4 -0
  6. package/src/assets/fonts/src/ms-sans-serif/readme.txt +26 -0
  7. package/src/assets/fonts/src/ms-sans-serif-bold/MS Sans Serif Bold.ttf +0 -0
  8. package/src/assets/fonts/src/ms-sans-serif-bold/license.txt +4 -0
  9. package/src/assets/fonts/src/ms-sans-serif-bold/readme.txt +26 -0
  10. package/src/components/AppBar/AppBar.spec.tsx +140 -0
  11. package/src/components/AppBar/AppBar.tsx +43 -0
  12. package/src/components/AppBar/AppBarBackAction.tsx +20 -0
  13. package/src/components/AppBar/AppBarContent.tsx +84 -0
  14. package/src/components/AppBar/index.ts +1 -0
  15. package/src/components/Button/Button.spec.tsx +59 -0
  16. package/src/components/Button/Button.tsx +236 -0
  17. package/src/components/Button/index.ts +1 -0
  18. package/src/components/Card/Card.spec.tsx +54 -0
  19. package/src/components/Card/Card.tsx +88 -0
  20. package/src/components/Card/CardContent.tsx +23 -0
  21. package/src/components/Card/index.ts +1 -0
  22. package/src/components/Checkbox/Checkbox.tsx +10 -0
  23. package/src/components/Checkbox/index.ts +1 -0
  24. package/src/components/ColorButton/ColorButton.tsx +69 -0
  25. package/src/components/ColorButton/index.ts +1 -0
  26. package/src/components/ColorPicker/ColorPicker.tsx +109 -0
  27. package/src/components/ColorPicker/index.ts +1 -0
  28. package/src/components/Desktop/Desktop.spec.tsx +32 -0
  29. package/src/components/Desktop/Desktop.tsx +132 -0
  30. package/src/components/Desktop/index.tsx +1 -0
  31. package/src/components/Divider/Divider.spec.tsx +47 -0
  32. package/src/components/Divider/Divider.tsx +52 -0
  33. package/src/components/Divider/index.tsx +1 -0
  34. package/src/components/FAB/FAB.tsx +288 -0
  35. package/src/components/FAB/FABGroup.tsx +385 -0
  36. package/src/components/FAB/index.ts +1 -0
  37. package/src/components/Fieldset/Fieldset.spec.tsx +48 -0
  38. package/src/components/Fieldset/Fieldset.tsx +107 -0
  39. package/src/components/Fieldset/index.ts +1 -0
  40. package/src/components/Hourglass/Hourglass.spec.tsx +24 -0
  41. package/src/components/Hourglass/Hourglass.tsx +43 -0
  42. package/src/components/Hourglass/base64hourglass.ts +3 -0
  43. package/src/components/Hourglass/index.ts +1 -0
  44. package/src/components/Icons/ArrowIcon.tsx +85 -0
  45. package/src/components/Icons/CheckmarkIcon.tsx +55 -0
  46. package/src/components/Icons/ChevronIcon.tsx +93 -0
  47. package/src/components/Icons/CloseIcon.tsx +48 -0
  48. package/src/components/Icons/index.ts +4 -0
  49. package/src/components/Label/Label.tsx +77 -0
  50. package/src/components/Label/index.ts +1 -0
  51. package/src/components/List/List.tsx +3 -0
  52. package/src/components/List/ListAccordion.tsx +154 -0
  53. package/src/components/List/ListItem.tsx +74 -0
  54. package/src/components/List/ListSection.tsx +51 -0
  55. package/src/components/List/index.ts +3 -0
  56. package/src/components/Menu/Menu.tsx +100 -0
  57. package/src/components/Menu/MenuItem.tsx +100 -0
  58. package/src/components/Menu/index.ts +1 -0
  59. package/src/components/NumberInput/NumberInput.spec.tsx +119 -0
  60. package/src/components/NumberInput/NumberInput.tsx +144 -0
  61. package/src/components/NumberInput/index.ts +1 -0
  62. package/src/components/Panel/Panel.spec.tsx +29 -0
  63. package/src/components/Panel/Panel.tsx +75 -0
  64. package/src/components/Panel/index.ts +1 -0
  65. package/src/components/Portal/Portal.tsx +52 -0
  66. package/src/components/Portal/PortalConsumer.tsx +48 -0
  67. package/src/components/Portal/PortalHost.tsx +150 -0
  68. package/src/components/Portal/PortalManager.tsx +57 -0
  69. package/src/components/Portal/index.ts +1 -0
  70. package/src/components/Progress/Progress.tsx +125 -0
  71. package/src/components/Progress/index.ts +1 -0
  72. package/src/components/Radio/Radio.tsx +14 -0
  73. package/src/components/Radio/index.ts +1 -0
  74. package/src/components/ScrollPanel/ScrollPanel.tsx +72 -0
  75. package/src/components/ScrollPanel/index.ts +1 -0
  76. package/src/components/ScrollView/ScrollView.tsx +284 -0
  77. package/src/components/ScrollView/index.ts +1 -0
  78. package/src/components/Select/Select.tsx +229 -0
  79. package/src/components/Select/SelectBase.tsx +119 -0
  80. package/src/components/Select/SelectBox.tsx +66 -0
  81. package/src/components/Select/index.ts +2 -0
  82. package/src/components/Slider/Slider.tsx +301 -0
  83. package/src/components/Slider/index.ts +1 -0
  84. package/src/components/Snackbar/Snackbar.tsx +260 -0
  85. package/src/components/Snackbar/SnackbarContent.tsx +23 -0
  86. package/src/components/Snackbar/index.ts +1 -0
  87. package/src/components/SwitchBase/SwitchBase.tsx +193 -0
  88. package/src/components/SwitchBase/index.ts +1 -0
  89. package/src/components/Tabs/Tabs.tsx +208 -0
  90. package/src/components/Tabs/index.ts +1 -0
  91. package/src/components/TextInput/TextInput.tsx +82 -0
  92. package/src/components/TextInput/index.ts +1 -0
  93. package/src/components/Toolbar/Toolbar.tsx +113 -0
  94. package/src/components/Toolbar/index.ts +1 -0
  95. package/src/components/Typography/Anchor.tsx +38 -0
  96. package/src/components/Typography/Text.spec.tsx +30 -0
  97. package/src/components/Typography/Text.tsx +55 -0
  98. package/src/components/Typography/Title.tsx +58 -0
  99. package/src/components/Typography/index.ts +3 -0
  100. package/src/components/Window/Window.tsx +132 -0
  101. package/src/components/Window/index.ts +1 -0
  102. package/src/core/Provider.tsx +52 -0
  103. package/src/core/theming.tsx +8 -0
  104. package/src/hooks/useAsyncReference.ts +22 -0
  105. package/src/hooks/useControlledOrUncontrolled.ts +23 -0
  106. package/src/index.ts +38 -0
  107. package/src/styles/shadow.tsx +36 -0
  108. package/src/styles/styleElements.tsx +105 -0
  109. package/src/styles/styles.ts +129 -0
  110. package/src/styles/themes/aiee.ts +36 -0
  111. package/src/styles/themes/ash.ts +35 -0
  112. package/src/styles/themes/azureOrange.ts +33 -0
  113. package/src/styles/themes/bee.ts +33 -0
  114. package/src/styles/themes/blackAndWhite.ts +33 -0
  115. package/src/styles/themes/blue.ts +36 -0
  116. package/src/styles/themes/brick.ts +33 -0
  117. package/src/styles/themes/candy.ts +33 -0
  118. package/src/styles/themes/cherry.ts +36 -0
  119. package/src/styles/themes/coldGray.ts +34 -0
  120. package/src/styles/themes/counterStrike.ts +33 -0
  121. package/src/styles/themes/darkTeal.ts +36 -0
  122. package/src/styles/themes/eggplant.ts +33 -0
  123. package/src/styles/themes/fxDev.ts +36 -0
  124. package/src/styles/themes/highContrast.ts +33 -0
  125. package/src/styles/themes/hotChocolate.ts +36 -0
  126. package/src/styles/themes/index.ts +103 -0
  127. package/src/styles/themes/lilac.ts +33 -0
  128. package/src/styles/themes/lilacRoseDark.ts +34 -0
  129. package/src/styles/themes/maple.ts +33 -0
  130. package/src/styles/themes/marine.ts +33 -0
  131. package/src/styles/themes/matrix.ts +33 -0
  132. package/src/styles/themes/millenium.ts +33 -0
  133. package/src/styles/themes/modernDark.ts +33 -0
  134. package/src/styles/themes/molecule.ts +33 -0
  135. package/src/styles/themes/monochrome.ts +0 -0
  136. package/src/styles/themes/ninjaTurtles.ts +33 -0
  137. package/src/styles/themes/olive.ts +33 -0
  138. package/src/styles/themes/original.ts +33 -0
  139. package/src/styles/themes/pamelaAnderson.ts +33 -0
  140. package/src/styles/themes/plum.ts +33 -0
  141. package/src/styles/themes/polarized.ts +36 -0
  142. package/src/styles/themes/powerShell.ts +36 -0
  143. package/src/styles/themes/rainyDay.ts +33 -0
  144. package/src/styles/themes/raspberry.ts +36 -0
  145. package/src/styles/themes/redWine.ts +36 -0
  146. package/src/styles/themes/rose.ts +33 -0
  147. package/src/styles/themes/seawater.ts +36 -0
  148. package/src/styles/themes/slate.ts +33 -0
  149. package/src/styles/themes/solarizedDark.ts +36 -0
  150. package/src/styles/themes/solarizedLight.ts +36 -0
  151. package/src/styles/themes/spruce.ts +33 -0
  152. package/src/styles/themes/stormClouds.ts +36 -0
  153. package/src/styles/themes/theSixtiesUSA.ts +33 -0
  154. package/src/styles/themes/tokyoDark.ts +33 -0
  155. package/src/styles/themes/tooSexy.ts +33 -0
  156. package/src/styles/themes/travel.ts +33 -0
  157. package/src/styles/themes/vaporTeal.ts +33 -0
  158. package/src/styles/themes/vermillion.ts +33 -0
  159. package/src/styles/themes/violetDark.ts +33 -0
  160. package/src/styles/themes/water.ts +33 -0
  161. package/src/styles/themes/wmii.ts +36 -0
  162. package/src/types.tsx +55 -0
  163. package/src/utils/index.ts +57 -0
@@ -0,0 +1,36 @@
1
+ /* "AIEE" by tPenguinLTG
2
+ * https://www.deviantart.com/tpenguinltg/art/Aiee-668092636
3
+ */
4
+
5
+ export default {
6
+ name: 'aiee',
7
+ anchor: 'rgb(0,0,128)',
8
+ anchorVisited: 'rgb(0,0,128)',
9
+ borderDark: 'rgb(211,214,217)',
10
+ borderDarkest: 'rgb(65,187,241)',
11
+ borderLight: 'rgb(238,244,252)',
12
+ borderLightest: 'rgb(250,254,255)',
13
+ canvas: 'rgb(255,255,255)',
14
+ canvasText: 'rgb(0,62,1090)',
15
+ canvasTextDisabled: 'rgb(211,214,217)',
16
+ canvasTextDisabledShadow: 'rgb(250,254,255)',
17
+ canvasTextInvert: 'rgb(0,62,109)',
18
+ checkmark: 'rgb(0,62,1090)',
19
+ checkmarkDisabled: 'rgb(88,152,231)',
20
+ flatDark: 'rgb(211,214,217)',
21
+ flatLight: 'rgb(238,244,252)',
22
+ focusSecondary: 'rgb(250,254,255)',
23
+ headerBackground: 'rgb(4,118,180)',
24
+ headerNotActiveBackground: 'rgb(0,159,223)',
25
+ headerNotActiveText: 'rgb(0,62,109)',
26
+ headerText: 'rgb(255,255,255)',
27
+ hoverBackground: 'rgb(251,211,61)',
28
+ material: 'rgb(227,238,251)',
29
+ materialDark: 'rgb(0,159,223)',
30
+ materialText: 'rgb(0,62,109)',
31
+ materialTextDisabled: 'rgb(211,214,217)',
32
+ materialTextDisabledShadow: 'rgb(250,254,255)',
33
+ materialTextInvert: 'rgb(0,62,109)',
34
+ progress: 'rgb(251,211,61)',
35
+ tooltip: 'rgb(255,243,185)',
36
+ };
@@ -0,0 +1,35 @@
1
+ /* "Ash" by tPenguinLTG
2
+ * https://www.deviantart.com/tpenguinltg/art/Ash-575566643
3
+ */
4
+ export default {
5
+ name: 'ash',
6
+ anchor: 'rgb(192, 192, 192)',
7
+ anchorVisited: 'rgb(192, 192, 192)',
8
+ borderDark: 'rgb(63, 63, 63)',
9
+ borderDarkest: 'rgb(0, 0, 0)',
10
+ borderLight: 'rgb(115, 115, 115)',
11
+ borderLightest: 'rgb(175, 175, 175)',
12
+ canvas: 'rgb(64, 64, 64)',
13
+ canvasText: 'rgb(0, 0, 0)',
14
+ canvasTextDisabled: 'rgb(63, 63, 63)',
15
+ canvasTextDisabledShadow: 'rgb(175, 175, 175)',
16
+ canvasTextInvert: 'rgb(255, 255, 255)',
17
+ checkmark: 'rgb(0, 0, 0)',
18
+ checkmarkDisabled: 'rgb(128, 128, 128)',
19
+ flatDark: 'rgb(63, 63, 63)',
20
+ flatLight: 'rgb(96, 96, 96)',
21
+ focusSecondary: 'rgb(175, 175, 175)',
22
+ headerBackground: 'rgb(0, 0, 0)',
23
+ headerNotActiveBackground: 'rgb(63, 63, 63)',
24
+ headerNotActiveText: 'rgb(128, 128, 128)',
25
+ headerText: 'rgb(255, 255, 255)',
26
+ hoverBackground: 'rgb(0, 0, 0)',
27
+ material: 'rgb(96, 96, 96)',
28
+ materialDark: 'rgb(63, 63, 63)',
29
+ materialText: 'rgb(0, 0, 0)',
30
+ materialTextDisabled: 'rgb(63, 63, 63)',
31
+ materialTextDisabledShadow: 'rgb(175, 175, 175)',
32
+ materialTextInvert: 'rgb(255, 255, 255)',
33
+ progress: 'rgb(0, 0, 0)',
34
+ tooltip: 'rgb(0, 0, 0)',
35
+ };
@@ -0,0 +1,33 @@
1
+ export default {
2
+ name: 'azureOrange',
3
+
4
+ anchor: '#1034a6',
5
+ anchorVisited: '#440381',
6
+ borderDark: '#05427f',
7
+ borderDarkest: '#000000',
8
+ borderLight: '#2b8fff',
9
+ borderLightest: '#7ebfff',
10
+ canvas: '#ffffff',
11
+ canvasText: '#000000',
12
+ canvasTextDisabled: '#05427f',
13
+ canvasTextDisabledShadow: '#7ebfff',
14
+ canvasTextInvert: '#000000',
15
+ checkmark: '#000000',
16
+ checkmarkDisabled: '#05427f',
17
+ flatDark: '#9e9e9e',
18
+ flatLight: '#d8d8d8',
19
+ focusSecondary: '#171123',
20
+ headerBackground: '#171123',
21
+ headerNotActiveBackground: '#4E6766',
22
+ headerNotActiveText: '#0180ff',
23
+ headerText: '#ffffff',
24
+ hoverBackground: '#F46036',
25
+ material: '#0180ff',
26
+ materialDark: '#9a9e9c',
27
+ materialText: '#000000',
28
+ materialTextDisabled: '#05427f',
29
+ materialTextDisabledShadow: '#7ebfff',
30
+ materialTextInvert: '#000000',
31
+ progress: '#F46036',
32
+ tooltip: '#fefbcc'
33
+ };
@@ -0,0 +1,33 @@
1
+ export default {
2
+ name: 'bee',
3
+
4
+ anchor: '#1034a6',
5
+ anchorVisited: '#440381',
6
+ borderDark: '#846d06',
7
+ borderDarkest: '#0C1618',
8
+ borderLight: '#e7c221',
9
+ borderLightest: '#f8df6e',
10
+ canvas: '#ffffff',
11
+ canvasText: '#0C1618',
12
+ canvasTextDisabled: '#846d06',
13
+ canvasTextDisabledShadow: '#f8df6e',
14
+ canvasTextInvert: '#ffffff',
15
+ checkmark: '#0C1618',
16
+ checkmarkDisabled: '#846d06',
17
+ flatDark: '#9e9e9e',
18
+ flatLight: '#d8d8d8',
19
+ focusSecondary: '#fefe03',
20
+ headerBackground: '#0C1618',
21
+ headerNotActiveBackground: '#7F7B82',
22
+ headerNotActiveText: '#e5bd03',
23
+ headerText: '#f8df6e',
24
+ hoverBackground: '#0C1618',
25
+ material: '#e5bd03',
26
+ materialDark: '#7F7B82',
27
+ materialText: '#0C1618',
28
+ materialTextDisabled: '#846d06',
29
+ materialTextDisabledShadow: '#f8df6e',
30
+ materialTextInvert: '#ffffff',
31
+ progress: '#0C1618',
32
+ tooltip: '#fefbcc'
33
+ };
@@ -0,0 +1,33 @@
1
+ export default {
2
+ name: 'blackAndWhite',
3
+
4
+ anchor: '#1034a6',
5
+ anchorVisited: '#440381',
6
+ borderDark: '#888c8f',
7
+ borderDarkest: '#000000',
8
+ borderLight: '#dfe0e3',
9
+ borderLightest: '#888c8f',
10
+ canvas: '#ffffff',
11
+ canvasText: '#000000',
12
+ canvasTextDisabled: '#888c8f',
13
+ canvasTextDisabledShadow: '#ffffff',
14
+ canvasTextInvert: '#ffffff',
15
+ checkmark: '#000000',
16
+ checkmarkDisabled: '#888c8f',
17
+ flatDark: '#9e9e9e',
18
+ flatLight: '#d8d8d8',
19
+ focusSecondary: '#fefe03',
20
+ headerBackground: '#000000',
21
+ headerNotActiveBackground: '#ffffff',
22
+ headerNotActiveText: '#000000',
23
+ headerText: '#ffffff',
24
+ hoverBackground: '#000000',
25
+ material: '#ffffff',
26
+ materialDark: '#9a9e9c',
27
+ materialText: '#000000',
28
+ materialTextDisabled: '#888c8f',
29
+ materialTextDisabledShadow: '#ffffff',
30
+ materialTextInvert: '#ffffff',
31
+ progress: '#000000',
32
+ tooltip: '#fefbcc'
33
+ };
@@ -0,0 +1,36 @@
1
+ /* "Blue" by tPenguinLTG
2
+ * https://www.deviantart.com/tpenguinltg/art/Blue-525167751
3
+ */
4
+
5
+ export default {
6
+ name: 'blue',
7
+ anchor: 'rgb(0, 0, 128)',
8
+ anchorVisited: 'rgb(0, 0, 128)',
9
+ borderDark: 'rgb(49, 131, 221)',
10
+ borderDarkest: 'rgb(0, 0, 0)',
11
+ borderLight: 'rgb(166, 202, 240)',
12
+ borderLightest: 'rgb(211, 228, 248)',
13
+ canvas: 'rgb(255, 255, 255)',
14
+ canvasText: 'rgb(0, 0, 0)',
15
+ canvasTextDisabled: 'rgb(49, 131, 221)',
16
+ canvasTextDisabledShadow: 'rgb(211, 228, 248)',
17
+ canvasTextInvert: 'rgb(255, 255, 255)',
18
+ checkmark: 'rgb(0, 0, 0)',
19
+ checkmarkDisabled: 'rgb(49, 131, 221)',
20
+ flatDark: 'rgb(49, 131, 221)',
21
+ flatLight: 'rgb(166, 202, 240)',
22
+ focusSecondary: 'rgb(211, 228, 248)',
23
+ headerBackground: 'rgb(0, 0, 128)',
24
+ headerNotActiveBackground: 'rgb(49, 131, 221)',
25
+ headerNotActiveText: 'rgb(0, 0, 128)',
26
+ headerText: 'rgb(255, 255, 255)',
27
+ hoverBackground: 'rgb(51, 153, 255)',
28
+ material: 'rgb(166, 202, 240)',
29
+ materialDark: 'rgb(49, 131, 221)',
30
+ materialText: 'rgb(0, 0, 0)',
31
+ materialTextDisabled: 'rgb(49, 131, 221)',
32
+ materialTextDisabledShadow: 'rgb(211, 228, 248)',
33
+ materialTextInvert: 'rgb(255, 255, 255)',
34
+ progress: 'rgb(51, 153, 255)',
35
+ tooltip: 'rgb(225, 225, 255)',
36
+ };
@@ -0,0 +1,33 @@
1
+ export default {
2
+ name: 'brick',
3
+
4
+ anchor: '#1034a6',
5
+ anchorVisited: '#440381',
6
+ borderDark: '#6c684b',
7
+ borderDarkest: '#020000',
8
+ borderLight: '#e2ddc9',
9
+ borderLightest: '#ffffff',
10
+ canvas: '#ffffff',
11
+ canvasText: '#020000',
12
+ canvasTextDisabled: '#6c684b',
13
+ canvasTextDisabledShadow: '#ffffff',
14
+ canvasTextInvert: '#ffffff',
15
+ checkmark: '#020000',
16
+ checkmarkDisabled: '#6c684b',
17
+ flatDark: '#9e9e9e',
18
+ flatLight: '#d8d8d8',
19
+ focusSecondary: '#fefe03',
20
+ headerBackground: '#8e0101',
21
+ headerNotActiveBackground: '#90885c',
22
+ headerNotActiveText: '#c2bfa3',
23
+ headerText: '#ffffff',
24
+ hoverBackground: '#8e0101',
25
+ material: '#c2bfa3',
26
+ materialDark: '#9a9e9c',
27
+ materialText: '#020000',
28
+ materialTextDisabled: '#6c684b',
29
+ materialTextDisabledShadow: '#ffffff',
30
+ materialTextInvert: '#ffffff',
31
+ progress: '#8e0101',
32
+ tooltip: '#fefbcc'
33
+ };
@@ -0,0 +1,33 @@
1
+ export default {
2
+ name: 'candy',
3
+
4
+ anchor: '#1034a6',
5
+ anchorVisited: '#440381',
6
+ borderDark: '#d1579e',
7
+ borderDarkest: '#44132f',
8
+ borderLight: '#f1acd5',
9
+ borderLightest: '#EFF1F3',
10
+ canvas: '#EFF1F3',
11
+ canvasText: '#000000',
12
+ canvasTextDisabled: '#d1579e',
13
+ canvasTextDisabledShadow: '#EFF1F3',
14
+ canvasTextInvert: '#EFF1F3',
15
+ checkmark: '#000000',
16
+ checkmarkDisabled: '#d1579e',
17
+ flatDark: '#9e9e9e',
18
+ flatLight: '#d8d8d8',
19
+ focusSecondary: '#fefe03',
20
+ headerBackground: '#87255B',
21
+ headerNotActiveBackground: '#a08796',
22
+ headerNotActiveText: '#EBD2BE',
23
+ headerText: '#EFF1F3',
24
+ hoverBackground: '#256EFF',
25
+ material: '#E5A4CB',
26
+ materialDark: '#9a9e9c',
27
+ materialText: '#000000',
28
+ materialTextDisabled: '#d1579e',
29
+ materialTextDisabledShadow: '#EFF1F3',
30
+ materialTextInvert: '#EFF1F3',
31
+ progress: '#256EFF',
32
+ tooltip: '#fefbcc'
33
+ };
@@ -0,0 +1,36 @@
1
+ /* "Cherry" by tPenguinLTG
2
+ * https://www.deviantart.com/tpenguinltg/art/Cherry-747961418
3
+ */
4
+
5
+ export default {
6
+ name: 'cherry',
7
+ anchor: 'rgb(128, 0, 1)',
8
+ anchorVisited: 'rgb(128, 0, 1)',
9
+ borderDark: 'rgb(128, 128, 128)',
10
+ borderDarkest: 'rgb(64, 64, 64)',
11
+ borderLight: 'rgb(200, 212, 208)',
12
+ borderLightest: 'rgb(255, 255, 255)',
13
+ canvas: 'rgb(255, 255, 255)',
14
+ canvasText: 'rgb(0, 0, 0)',
15
+ canvasTextDisabled: 'rgb(128, 128, 128)',
16
+ canvasTextDisabledShadow: 'rgb(255, 255, 255)',
17
+ canvasTextInvert: 'rgb(255, 255, 255)',
18
+ checkmark: 'rgb(0, 0, 0)',
19
+ checkmarkDisabled: 'rgb(128, 128, 128)',
20
+ flatDark: 'rgb(128, 128, 128)',
21
+ flatLight: 'rgb(200, 212, 208)',
22
+ focusSecondary: 'rgb(255, 255, 255)',
23
+ headerBackground: 'rgb(106, 10, 36)',
24
+ headerNotActiveBackground: 'rgb(128, 128, 128)',
25
+ headerNotActiveText: 'rgb(212, 208, 200)',
26
+ headerText: 'rgb(255, 255, 255)',
27
+ hoverBackground: 'rgb(106, 10, 36)',
28
+ material: 'rgb(200, 212, 208)',
29
+ materialDark: 'rgb(128, 128, 128)',
30
+ materialText: 'rgb(0, 0, 0)',
31
+ materialTextDisabled: 'rgb(128, 128, 128)',
32
+ materialTextDisabledShadow: 'rgb(255, 255, 255)',
33
+ materialTextInvert: 'rgb(255, 255, 255)',
34
+ progress: 'rgb(106, 10, 36)',
35
+ tooltip: 'rgb(225, 254, 255)',
36
+ };
@@ -0,0 +1,34 @@
1
+ export default {
2
+ name: 'coldGray',
3
+
4
+ anchor: '#8d88c2',
5
+ anchorVisited: '#440381',
6
+ background: '#4C6663',
7
+ borderDark: '#5b57a1',
8
+ borderDarkest: '#010601',
9
+ borderLight: '#a4a7c8',
10
+ borderLightest: '#c7c7df',
11
+ canvas: '#c7c7df',
12
+ canvasText: '#050608',
13
+ canvasTextDisabled: '#888c8f',
14
+ canvasTextDisabledShadow: '#ffffff',
15
+ canvasTextInvert: '#ffffff',
16
+ checkmark: '#010601',
17
+ checkmarkDisabled: '#5b57a1',
18
+ flatDark: '#5b57a1',
19
+ flatLight: '#a4a7c8',
20
+ focusSecondary: '#fefe03',
21
+ headerBackground: '#3B3D64',
22
+ headerNotActiveBackground: '#6063a5',
23
+ headerNotActiveText: '#a1a3ca',
24
+ headerText: '#010601',
25
+ hoverBackground: '#8d88c2',
26
+ material: '#a1a3ca',
27
+ materialDark: '#6063a5',
28
+ materialText: '#010601',
29
+ materialTextDisabled: '#5b57a1',
30
+ materialTextDisabledShadow: '#c7c7df',
31
+ materialTextInvert: '#c7c7df',
32
+ progress: '#8d88c2',
33
+ tooltip: '#fefbcc'
34
+ };
@@ -0,0 +1,33 @@
1
+ export default {
2
+ name: 'counterStrike',
3
+
4
+ anchor: '#1034a6',
5
+ anchorVisited: '#440381',
6
+ borderDark: '#2c3125',
7
+ borderDarkest: '#0a0a0a',
8
+ borderLight: '#5d6d54',
9
+ borderLightest: '#788475',
10
+ canvas: '#3e4639',
11
+ canvasText: '#f6fbf5',
12
+ canvasTextDisabled: '#2c3125',
13
+ canvasTextDisabledShadow: '#788475',
14
+ canvasTextInvert: '#f6fbf5',
15
+ checkmark: '#f6fbf5',
16
+ checkmarkDisabled: '#2c3125',
17
+ flatDark: '#9e9e9e',
18
+ flatLight: '#d8d8d8',
19
+ focusSecondary: '#fefe03',
20
+ headerBackground: '#4b5844',
21
+ headerNotActiveBackground: '#4b5844',
22
+ headerNotActiveText: '#74806e',
23
+ headerText: '#fefefe',
24
+ hoverBackground: '#978830',
25
+ material: '#4b5844',
26
+ materialDark: '#2f3428',
27
+ materialText: '#f6fbf5',
28
+ materialTextDisabled: '#2c3125',
29
+ materialTextDisabledShadow: '#788475',
30
+ materialTextInvert: '#fefefe',
31
+ progress: '#978830',
32
+ tooltip: '#fefbcc'
33
+ };
@@ -0,0 +1,36 @@
1
+ /* "Teal for Shelbi - Dark" by tPenguinLTG
2
+ * https://www.deviantart.com/tpenguinltg/art/Teal-for-Shelbi-Dark-631177772
3
+ */
4
+
5
+ export default {
6
+ name: 'darkTeal',
7
+ anchor: 'rgb(0, 132, 132)',
8
+ anchorVisited: 'rgb(0, 132, 132)',
9
+ borderDark: 'rgb(21, 43, 43)',
10
+ borderDarkest: 'rgb(0, 0, 0)',
11
+ borderLight: 'rgb(32, 64, 64)',
12
+ borderLightest: 'rgb(88, 139, 139)',
13
+ canvas: 'rgb(0, 48, 48)',
14
+ canvasText: 'rgb(255, 255, 255)',
15
+ canvasTextDisabled: 'rgb(21, 43, 43)',
16
+ canvasTextDisabledShadow: 'rgb(88, 139, 139)',
17
+ canvasTextInvert: 'rgb(255, 255, 255)',
18
+ checkmark: 'rgb(255, 255, 255)',
19
+ checkmarkDisabled: 'rgb(64, 128, 128)',
20
+ flatDark: 'rgb(21, 43, 43)',
21
+ flatLight: 'rgb(32, 64, 64)',
22
+ focusSecondary: 'rgb(88, 139, 139)',
23
+ headerBackground: 'rgb(0, 96, 96)',
24
+ headerNotActiveBackground: 'rgb(24, 50, 50)',
25
+ headerNotActiveText: 'rgb(192, 204, 204)',
26
+ headerText: 'rgb(255, 255, 255)',
27
+ hoverBackground: 'rgb(0, 128, 128)',
28
+ material: 'rgb(32, 64, 64)',
29
+ materialDark: 'rgb(24, 50, 50)',
30
+ materialText: 'rgb(255, 255, 255)',
31
+ materialTextDisabled: 'rgb(21, 43, 43)',
32
+ materialTextDisabledShadow: 'rgb(88, 139, 139)',
33
+ materialTextInvert: 'rgb(255, 255, 255)',
34
+ progress: 'rgb(0, 128, 128)',
35
+ tooltip: 'rgb(0, 32, 32)',
36
+ };
@@ -0,0 +1,33 @@
1
+ export default {
2
+ name: 'eggplant',
3
+
4
+ anchor: '#1034a6',
5
+ anchorVisited: '#440381',
6
+ borderDark: '#526d67',
7
+ borderDarkest: '#050608',
8
+ borderLight: '#a2c7c0',
9
+ borderLightest: '#cee8e3',
10
+ canvas: '#ffffff',
11
+ canvasText: '#050608',
12
+ canvasTextDisabled: '#526d67',
13
+ canvasTextDisabledShadow: '#cee8e3',
14
+ canvasTextInvert: '#cee8e3',
15
+ checkmark: '#050608',
16
+ checkmarkDisabled: '#526d67',
17
+ flatDark: '#9e9e9e',
18
+ flatLight: '#d8d8d8',
19
+ focusSecondary: '#fefe03',
20
+ headerBackground: '#4b8178',
21
+ headerNotActiveBackground: '#89b0a8',
22
+ headerNotActiveText: '#4b8178',
23
+ headerText: '#ffffff',
24
+ hoverBackground: '#4b8178',
25
+ material: '#89b0a8',
26
+ materialDark: '#9a9e9c',
27
+ materialText: '#050608',
28
+ materialTextDisabled: '#526d67',
29
+ materialTextDisabledShadow: '#cee8e3',
30
+ materialTextInvert: '#ffffff',
31
+ progress: '#4b8178',
32
+ tooltip: '#fefbcc'
33
+ };
@@ -0,0 +1,36 @@
1
+ /* "Seawater" by tPenguinLTG
2
+ * https://www.deviantart.com/tpenguinltg/art/FxDev-701274128
3
+ */
4
+
5
+ export default {
6
+ name: 'fxDev',
7
+ anchor: 'rgb(47, 138, 202)',
8
+ anchorVisited: 'rgb(47, 138, 202)',
9
+ borderDark: 'rgb(27, 33, 39)',
10
+ borderDarkest: 'rgb(7, 9, 10)',
11
+ borderLight: 'rgb(69, 82, 94)',
12
+ borderLightest: 'rgb(107, 113, 122)',
13
+ canvas: 'rgb(23, 27, 31)',
14
+ canvasText: 'rgb(245, 247, 250)',
15
+ canvasTextDisabled: 'rgb(27, 33, 39)',
16
+ canvasTextDisabledShadow: 'rgb(107, 113, 122)',
17
+ canvasTextInvert: 'rgb(255, 255, 255)',
18
+ checkmark: 'rgb(245, 247, 250)',
19
+ checkmarkDisabled: 'rgb(133, 136, 140)',
20
+ flatDark: 'rgb(27, 33, 39)',
21
+ flatLight: 'rgb(57, 66, 77)',
22
+ focusSecondary: 'rgb(107, 113, 122)',
23
+ headerBackground: 'rgb(26, 70, 102)',
24
+ headerNotActiveBackground: 'rgb(28, 33, 38)',
25
+ headerNotActiveText: 'rgb(245, 247, 250)',
26
+ headerText: 'rgb(245, 247, 250)',
27
+ hoverBackground: 'rgb(7, 77, 117)',
28
+ material: 'rgb(57, 66, 77)',
29
+ materialDark: 'rgb(28, 33, 38)',
30
+ materialText: 'rgb(255, 255, 255)',
31
+ materialTextDisabled: 'rgb(27, 33, 39)',
32
+ materialTextDisabledShadow: 'rgb(107, 113, 122)',
33
+ materialTextInvert: 'rgb(255, 255, 255)',
34
+ progress: 'rgb(7, 77, 117)',
35
+ tooltip: 'rgb(243, 242, 219)',
36
+ };
@@ -0,0 +1,33 @@
1
+ export default {
2
+ name: 'highContrast',
3
+
4
+ anchor: '#1034a6',
5
+ anchorVisited: '#440381',
6
+ borderDark: '#888c8f',
7
+ borderDarkest: '#ffffff',
8
+ borderLight: '#dfe0e3',
9
+ borderLightest: '#ffffff',
10
+ canvas: '#353535',
11
+ canvasText: '#ffffff',
12
+ canvasTextDisabled: '#888c8f',
13
+ canvasTextDisabledShadow: '#ffffff',
14
+ canvasTextInvert: '#ffffff',
15
+ checkmark: '#ffffff',
16
+ checkmarkDisabled: '#888c8f',
17
+ flatDark: '#9e9e9e',
18
+ flatLight: '#d8d8d8',
19
+ focusSecondary: '#fefe03',
20
+ headerBackground: '#8e0284',
21
+ headerNotActiveBackground: '#7f7f7f',
22
+ headerNotActiveText: '#ced0cf',
23
+ headerText: '#ffffff',
24
+ hoverBackground: '#8e0284',
25
+ material: '#000000',
26
+ materialDark: '#9a9e9c',
27
+ materialText: '#ffffff',
28
+ materialTextDisabled: '#888c8f',
29
+ materialTextDisabledShadow: '#ffffff',
30
+ materialTextInvert: '#ffffff',
31
+ progress: '#8e0284',
32
+ tooltip: '#fefbcc'
33
+ };
@@ -0,0 +1,36 @@
1
+ /* "Hot Chocolate" by tPenguinLTG
2
+ * https://www.deviantart.com/tpenguinltg/art/Hot-Chocolate-654380979
3
+ */
4
+
5
+ export default {
6
+ name: 'hotChocolate',
7
+ anchor: 'rgb(128, 96, 64)',
8
+ anchorVisited: 'rgb(128, 96, 64)',
9
+ borderDark: 'rgb(128, 96, 64)',
10
+ borderDarkest: 'rgb(64, 64, 64)',
11
+ borderLight: 'rgb(181, 143, 106)',
12
+ borderLightest: 'rgb(219, 200, 181)',
13
+ canvas: 'rgb(219, 200, 181)',
14
+ canvasText: 'rgb(57, 43, 28)',
15
+ canvasTextDisabled: 'rgb(128, 96, 64)',
16
+ canvasTextDisabledShadow: 'rgb(219, 200, 181)',
17
+ canvasTextInvert: 'rgb(255, 255, 255)',
18
+ checkmark: 'rgb(57, 43, 28)',
19
+ checkmarkDisabled: 'rgb(128, 96, 64)',
20
+ flatDark: 'rgb(128, 96, 64)',
21
+ flatLight: 'rgb(181, 143, 106)',
22
+ focusSecondary: 'rgb(219, 200, 181)',
23
+ headerBackground: 'rgb(128, 96, 64)',
24
+ headerNotActiveBackground: 'rgb(208, 183, 157))',
25
+ headerNotActiveText: 'rgb(219, 200, 181)',
26
+ headerText: 'rgb(255, 255, 255)',
27
+ hoverBackground: 'rgb(128, 96, 64)',
28
+ material: 'rgb(181, 143, 106)',
29
+ materialDark: 'rgb(128, 96, 64)',
30
+ materialText: 'rgb(57, 43, 28)',
31
+ materialTextDisabled: 'rgb(128, 96, 64)',
32
+ materialTextDisabledShadow: 'rgb(219, 200, 181)',
33
+ materialTextInvert: 'rgb(255, 255, 255)',
34
+ progress: 'rgb(128, 96, 64)',
35
+ tooltip: 'rgb(219, 200, 181)',
36
+ };
@@ -0,0 +1,103 @@
1
+ import aiee from './aiee';
2
+ import ash from './ash';
3
+ import azureOrange from './azureOrange';
4
+ import bee from './bee';
5
+ import blackAndWhite from './blackAndWhite';
6
+ import blue from './blue';
7
+ import brick from './brick';
8
+ import candy from './candy';
9
+ import cherry from './cherry';
10
+ import coldGray from './coldGray';
11
+ import counterStrike from './counterStrike';
12
+ import darkTeal from './darkTeal';
13
+ import eggplant from './eggplant';
14
+ import fxDev from './fxDev';
15
+ import highContrast from './highContrast';
16
+ import hotChocolate from './hotChocolate';
17
+ import lilac from './lilac';
18
+ import lilacRoseDark from './lilacRoseDark';
19
+ import maple from './maple';
20
+ import marine from './marine';
21
+ import matrix from './matrix';
22
+ import millenium from './millenium';
23
+ import modernDark from './modernDark';
24
+ import molecule from './molecule';
25
+ import ninjaTurtles from './ninjaTurtles';
26
+ import olive from './olive';
27
+ import original from './original';
28
+ import pamelaAnderson from './pamelaAnderson';
29
+ import plum from './plum';
30
+ import polarized from './polarized';
31
+ import powerShell from './powerShell';
32
+ import rainyDay from './rainyDay';
33
+ import raspberry from './raspberry';
34
+ import redWine from './redWine';
35
+ import rose from './rose';
36
+ import seawater from './seawater';
37
+ import slate from './slate';
38
+ import solarizedDark from './solarizedDark';
39
+ import solarizedLight from './solarizedLight';
40
+ import spruce from './spruce';
41
+ import stormClouds from './stormClouds';
42
+ import theSixtiesUSA from './theSixtiesUSA';
43
+ import tokyoDark from './tokyoDark';
44
+ import tooSexy from './tooSexy';
45
+ import travel from './travel';
46
+ import vaporTeal from './vaporTeal';
47
+ import vermillion from './vermillion';
48
+ import violetDark from './violetDark';
49
+ import water from './water';
50
+ import wmii from './wmii';
51
+
52
+ export default {
53
+ aiee,
54
+ ash,
55
+ azureOrange,
56
+ bee,
57
+ blackAndWhite,
58
+ blue,
59
+ brick,
60
+ candy,
61
+ cherry,
62
+ coldGray,
63
+ counterStrike,
64
+ darkTeal,
65
+ eggplant,
66
+ fxDev,
67
+ highContrast,
68
+ hotChocolate,
69
+ lilac,
70
+ lilacRoseDark,
71
+ maple,
72
+ marine,
73
+ matrix,
74
+ millenium,
75
+ modernDark,
76
+ molecule,
77
+ ninjaTurtles,
78
+ olive,
79
+ original,
80
+ pamelaAnderson,
81
+ plum,
82
+ polarized,
83
+ powerShell,
84
+ rainyDay,
85
+ raspberry,
86
+ redWine,
87
+ rose,
88
+ seawater,
89
+ slate,
90
+ solarizedDark,
91
+ solarizedLight,
92
+ spruce,
93
+ stormClouds,
94
+ theSixtiesUSA,
95
+ tokyoDark,
96
+ tooSexy,
97
+ travel,
98
+ vaporTeal,
99
+ vermillion,
100
+ violetDark,
101
+ water,
102
+ wmii,
103
+ };