this.gui 1.0.12 → 1.0.14

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 (266) hide show
  1. package/package.json +5 -2
  2. package/src/App.jsx +31 -0
  3. package/src/MDXEditor.jsx +32 -0
  4. package/src/MdxProvider.jsx +20 -0
  5. package/src/Theme.jsx +28 -0
  6. package/src/components/CodeBlock.jsx +22 -0
  7. package/src/components/ComponentFactory.jsx +36 -0
  8. package/src/components/ComponentRegistry.js +21 -0
  9. package/src/index.mdx +154 -0
  10. package/src/main.jsx +18 -0
  11. package/src/scripts/generateComponents.js +166 -0
  12. package/src/scripts/logASCIIArt.js +12 -0
  13. package/src/scripts/postinstall.js +64 -0
  14. package/src/scripts/verifyMolecules.js +158 -0
  15. package/src/scripts/verify_and_install_atoms.js +211 -0
  16. package/src/stories/Atoms/Alert/Alert.css +29 -0
  17. package/src/stories/Atoms/Alert/Alert.jsx +41 -0
  18. package/src/stories/Atoms/Alert/Alert.stories.jsx +41 -0
  19. package/src/stories/Atoms/Audio/Audio.css +29 -0
  20. package/src/stories/Atoms/Audio/Audio.jsx +41 -0
  21. package/src/stories/Atoms/Audio/Audio.stories.jsx +41 -0
  22. package/src/stories/Atoms/Badge/Badge.css +29 -0
  23. package/src/stories/Atoms/Badge/Badge.jsx +41 -0
  24. package/src/stories/Atoms/Badge/Badge.stories.jsx +41 -0
  25. package/src/stories/Atoms/Button/Button.css +70 -0
  26. package/src/stories/Atoms/Button/Button.jsx +98 -0
  27. package/src/stories/Atoms/Button/Button.stories.jsx +54 -0
  28. package/src/stories/Atoms/Caption/Caption.css +29 -0
  29. package/src/stories/Atoms/Caption/Caption.jsx +41 -0
  30. package/src/stories/Atoms/Caption/Caption.stories.jsx +41 -0
  31. package/src/stories/Atoms/Checkbox/Checkbox.css +29 -0
  32. package/src/stories/Atoms/Checkbox/Checkbox.jsx +41 -0
  33. package/src/stories/Atoms/Checkbox/Checkbox.stories.jsx +41 -0
  34. package/src/stories/Atoms/Container/Container.css +29 -0
  35. package/src/stories/Atoms/Container/Container.jsx +41 -0
  36. package/src/stories/Atoms/Container/Container.stories.jsx +41 -0
  37. package/src/stories/Atoms/Divider/Divider.css +29 -0
  38. package/src/stories/Atoms/Divider/Divider.jsx +41 -0
  39. package/src/stories/Atoms/Divider/Divider.stories.jsx +41 -0
  40. package/src/stories/Atoms/Heading/Heading.css +29 -0
  41. package/src/stories/Atoms/Heading/Heading.jsx +41 -0
  42. package/src/stories/Atoms/Heading/Heading.stories.jsx +41 -0
  43. package/src/stories/Atoms/Icon/Icon.css +48 -0
  44. package/src/stories/Atoms/Icon/Icon.jsx +51 -0
  45. package/src/stories/Atoms/Icon/Icon.stories.jsx +72 -0
  46. package/src/stories/Atoms/Image/Image.css +29 -0
  47. package/src/stories/Atoms/Image/Image.jsx +41 -0
  48. package/src/stories/Atoms/Image/Image.stories.jsx +41 -0
  49. package/src/stories/Atoms/Label/Label.css +29 -0
  50. package/src/stories/Atoms/Label/Label.jsx +41 -0
  51. package/src/stories/Atoms/Label/Label.stories.jsx +41 -0
  52. package/src/stories/Atoms/Link/Link.css +29 -0
  53. package/src/stories/Atoms/Link/Link.jsx +41 -0
  54. package/src/stories/Atoms/Link/Link.stories.jsx +41 -0
  55. package/src/stories/Atoms/Loader/Loader.css +29 -0
  56. package/src/stories/Atoms/Loader/Loader.jsx +41 -0
  57. package/src/stories/Atoms/Loader/Loader.stories.jsx +41 -0
  58. package/src/stories/Atoms/Paragraph/Paragraph.css +29 -0
  59. package/src/stories/Atoms/Paragraph/Paragraph.jsx +41 -0
  60. package/src/stories/Atoms/Paragraph/Paragraph.stories.jsx +41 -0
  61. package/src/stories/Atoms/ProgressBar/ProgressBar.css +29 -0
  62. package/src/stories/Atoms/ProgressBar/ProgressBar.jsx +41 -0
  63. package/src/stories/Atoms/ProgressBar/ProgressBar.stories.jsx +41 -0
  64. package/src/stories/Atoms/RadioButton/RadioButton.css +29 -0
  65. package/src/stories/Atoms/RadioButton/RadioButton.jsx +41 -0
  66. package/src/stories/Atoms/RadioButton/RadioButton.stories.jsx +41 -0
  67. package/src/stories/Atoms/RangeInput/RangeInput.css +29 -0
  68. package/src/stories/Atoms/RangeInput/RangeInput.jsx +41 -0
  69. package/src/stories/Atoms/RangeInput/RangeInput.stories.jsx +41 -0
  70. package/src/stories/Atoms/Select/Select.css +29 -0
  71. package/src/stories/Atoms/Select/Select.jsx +41 -0
  72. package/src/stories/Atoms/Select/Select.stories.jsx +41 -0
  73. package/src/stories/Atoms/Slider/Slider.css +29 -0
  74. package/src/stories/Atoms/Slider/Slider.jsx +41 -0
  75. package/src/stories/Atoms/Slider/Slider.stories.jsx +41 -0
  76. package/src/stories/Atoms/Snackbar/Snackbar.css +29 -0
  77. package/src/stories/Atoms/Snackbar/Snackbar.jsx +41 -0
  78. package/src/stories/Atoms/Snackbar/Snackbar.stories.jsx +41 -0
  79. package/src/stories/Atoms/Spacer/Spacer.css +29 -0
  80. package/src/stories/Atoms/Spacer/Spacer.jsx +41 -0
  81. package/src/stories/Atoms/Spacer/Spacer.stories.jsx +41 -0
  82. package/src/stories/Atoms/Spinner/Spinner.css +29 -0
  83. package/src/stories/Atoms/Spinner/Spinner.jsx +41 -0
  84. package/src/stories/Atoms/Spinner/Spinner.stories.jsx +41 -0
  85. package/src/stories/Atoms/Tag/Tag.css +29 -0
  86. package/src/stories/Atoms/Tag/Tag.jsx +41 -0
  87. package/src/stories/Atoms/Tag/Tag.stories.jsx +41 -0
  88. package/src/stories/Atoms/TextArea/TextArea.css +29 -0
  89. package/src/stories/Atoms/TextArea/TextArea.jsx +41 -0
  90. package/src/stories/Atoms/TextArea/TextArea.stories.jsx +41 -0
  91. package/src/stories/Atoms/TextInput/TextInput.css +29 -0
  92. package/src/stories/Atoms/TextInput/TextInput.jsx +41 -0
  93. package/src/stories/Atoms/TextInput/TextInput.stories.jsx +41 -0
  94. package/src/stories/Atoms/Toggle/Toggle.css +29 -0
  95. package/src/stories/Atoms/Toggle/Toggle.jsx +41 -0
  96. package/src/stories/Atoms/Toggle/Toggle.stories.jsx +41 -0
  97. package/src/stories/Atoms/Tooltip/Tooltip.css +29 -0
  98. package/src/stories/Atoms/Tooltip/Tooltip.jsx +41 -0
  99. package/src/stories/Atoms/Tooltip/Tooltip.stories.jsx +41 -0
  100. package/src/stories/Atoms/Video/Video.css +29 -0
  101. package/src/stories/Atoms/Video/Video.jsx +41 -0
  102. package/src/stories/Atoms/Video/Video.stories.jsx +41 -0
  103. package/src/stories/Atoms/index.js +65 -0
  104. package/src/stories/Atoms/meta_Atoms.js +46 -0
  105. package/src/stories/Components.js +198 -0
  106. package/src/stories/Components.md +189 -0
  107. package/src/stories/Getting Started.mdx +239 -0
  108. package/src/stories/Layouts/Grid/Grid.css +4 -0
  109. package/src/stories/Layouts/Grid/Grid.jsx +15 -0
  110. package/src/stories/Layouts/Grid/Grid.stories.jsx +26 -0
  111. package/src/stories/Layouts/Layout.js +28 -0
  112. package/src/stories/MDX.mdx +118 -0
  113. package/src/stories/Miscellaneous/Miscellaneous.js +24 -0
  114. package/src/stories/Molecules/Accordion/Accordion.css +4 -0
  115. package/src/stories/Molecules/Accordion/Accordion.jsx +25 -0
  116. package/src/stories/Molecules/Accordion/Accordion.stories.jsx +20 -0
  117. package/src/stories/Molecules/AudioPlayer/AudioPlayer.css +4 -0
  118. package/src/stories/Molecules/AudioPlayer/AudioPlayer.jsx +25 -0
  119. package/src/stories/Molecules/AudioPlayer/AudioPlayer.stories.jsx +20 -0
  120. package/src/stories/Molecules/AvatarWithName/AvatarWithName.css +4 -0
  121. package/src/stories/Molecules/AvatarWithName/AvatarWithName.jsx +25 -0
  122. package/src/stories/Molecules/AvatarWithName/AvatarWithName.stories.jsx +20 -0
  123. package/src/stories/Molecules/Breadcrumbs/Breadcrumbs.css +4 -0
  124. package/src/stories/Molecules/Breadcrumbs/Breadcrumbs.jsx +25 -0
  125. package/src/stories/Molecules/Breadcrumbs/Breadcrumbs.stories.jsx +20 -0
  126. package/src/stories/Molecules/ButtonGroup/ButtonGroup.css +4 -0
  127. package/src/stories/Molecules/ButtonGroup/ButtonGroup.jsx +25 -0
  128. package/src/stories/Molecules/ButtonGroup/ButtonGroup.stories.jsx +20 -0
  129. package/src/stories/Molecules/Card/Card.css +4 -0
  130. package/src/stories/Molecules/Card/Card.jsx +25 -0
  131. package/src/stories/Molecules/Card/Card.stories.jsx +20 -0
  132. package/src/stories/Molecules/ComparisonTable/ComparisonTable.css +4 -0
  133. package/src/stories/Molecules/ComparisonTable/ComparisonTable.jsx +25 -0
  134. package/src/stories/Molecules/ComparisonTable/ComparisonTable.stories.jsx +20 -0
  135. package/src/stories/Molecules/DataTable/DataTable.css +4 -0
  136. package/src/stories/Molecules/DataTable/DataTable.jsx +25 -0
  137. package/src/stories/Molecules/DataTable/DataTable.stories.jsx +20 -0
  138. package/src/stories/Molecules/FileUpload/FileUpload.css +4 -0
  139. package/src/stories/Molecules/FileUpload/FileUpload.jsx +25 -0
  140. package/src/stories/Molecules/FileUpload/FileUpload.stories.jsx +20 -0
  141. package/src/stories/Molecules/FormField/FormField.css +4 -0
  142. package/src/stories/Molecules/FormField/FormField.jsx +25 -0
  143. package/src/stories/Molecules/FormField/FormField.stories.jsx +20 -0
  144. package/src/stories/Molecules/Header/Header.css +35 -0
  145. package/src/stories/Molecules/Header/Header.jsx +76 -0
  146. package/src/stories/Molecules/Header/Header.stories.jsx +28 -0
  147. package/src/stories/Molecules/IconButton/IconButton.css +4 -0
  148. package/src/stories/Molecules/IconButton/IconButton.jsx +25 -0
  149. package/src/stories/Molecules/IconButton/IconButton.stories.jsx +20 -0
  150. package/src/stories/Molecules/ImageWithCaption/ImageWithCaption.css +4 -0
  151. package/src/stories/Molecules/ImageWithCaption/ImageWithCaption.jsx +25 -0
  152. package/src/stories/Molecules/ImageWithCaption/ImageWithCaption.stories.jsx +20 -0
  153. package/src/stories/Molecules/InputGroup/InputGroup.css +4 -0
  154. package/src/stories/Molecules/InputGroup/InputGroup.jsx +25 -0
  155. package/src/stories/Molecules/InputGroup/InputGroup.stories.jsx +20 -0
  156. package/src/stories/Molecules/InputWithLabel/InputWithLabel.css +4 -0
  157. package/src/stories/Molecules/InputWithLabel/InputWithLabel.jsx +25 -0
  158. package/src/stories/Molecules/InputWithLabel/InputWithLabel.stories.jsx +20 -0
  159. package/src/stories/Molecules/List/List.css +4 -0
  160. package/src/stories/Molecules/List/List.jsx +25 -0
  161. package/src/stories/Molecules/List/List.stories.jsx +20 -0
  162. package/src/stories/Molecules/MediaCard/MediaCard.css +4 -0
  163. package/src/stories/Molecules/MediaCard/MediaCard.jsx +25 -0
  164. package/src/stories/Molecules/MediaCard/MediaCard.stories.jsx +20 -0
  165. package/src/stories/Molecules/Modal/Modal.css +4 -0
  166. package/src/stories/Molecules/Modal/Modal.jsx +25 -0
  167. package/src/stories/Molecules/Modal/Modal.stories.jsx +20 -0
  168. package/src/stories/Molecules/Molecules.js +44 -0
  169. package/src/stories/Molecules/Navbar/Navbar.css +87 -0
  170. package/src/stories/Molecules/Navbar/Navbar.jsx +87 -0
  171. package/src/stories/Molecules/Navbar/Navbar.stories.jsx +20 -0
  172. package/src/stories/Molecules/Notification/Notification.css +4 -0
  173. package/src/stories/Molecules/Notification/Notification.jsx +25 -0
  174. package/src/stories/Molecules/Notification/Notification.stories.jsx +20 -0
  175. package/src/stories/Molecules/PricingTable/PricingTable.css +4 -0
  176. package/src/stories/Molecules/PricingTable/PricingTable.jsx +25 -0
  177. package/src/stories/Molecules/PricingTable/PricingTable.stories.jsx +20 -0
  178. package/src/stories/Molecules/SearchBar/SearchBar.css +4 -0
  179. package/src/stories/Molecules/SearchBar/SearchBar.jsx +25 -0
  180. package/src/stories/Molecules/SearchBar/SearchBar.stories.jsx +20 -0
  181. package/src/stories/Molecules/SelectTheme/SelectTheme.css +25 -0
  182. package/src/stories/Molecules/SelectTheme/SelectTheme.jsx +44 -0
  183. package/src/stories/Molecules/SelectTheme/SelectTheme.stories.jsx +25 -0
  184. package/src/stories/Molecules/Sidebar/Sidebar.css +4 -0
  185. package/src/stories/Molecules/Sidebar/Sidebar.jsx +25 -0
  186. package/src/stories/Molecules/Sidebar/Sidebar.stories.jsx +20 -0
  187. package/src/stories/Molecules/VideoWithDescription/VideoWithDescription.css +4 -0
  188. package/src/stories/Molecules/VideoWithDescription/VideoWithDescription.jsx +25 -0
  189. package/src/stories/Molecules/VideoWithDescription/VideoWithDescription.stories.jsx +20 -0
  190. package/src/stories/Molecules/index.js +57 -0
  191. package/src/stories/Organisms/Organisms.js +39 -0
  192. package/src/stories/Organisms/Profile/UserFriends/UserFriends.context.jsx +15 -0
  193. package/src/stories/Organisms/Profile/UserFriends/UserFriends.css +4 -0
  194. package/src/stories/Organisms/Profile/UserFriends/UserFriends.jsx +13 -0
  195. package/src/stories/Organisms/Profile/UserFriends/UserFriends.stories.jsx +26 -0
  196. package/src/stories/Organisms/Profile/UserPosts/UserPosts.context.jsx +15 -0
  197. package/src/stories/Organisms/Profile/UserPosts/UserPosts.css +4 -0
  198. package/src/stories/Organisms/Profile/UserPosts/UserPosts.jsx +13 -0
  199. package/src/stories/Organisms/Profile/UserPosts/UserPosts.stories.jsx +26 -0
  200. package/src/stories/Organisms/Profile/UserProfile/UserProfile.context.jsx +15 -0
  201. package/src/stories/Organisms/Profile/UserProfile/UserProfile.css +4 -0
  202. package/src/stories/Organisms/Profile/UserProfile/UserProfile.jsx +13 -0
  203. package/src/stories/Organisms/Profile/UserProfile/UserProfile.stories.jsx +26 -0
  204. package/src/stories/Pages/Page/Page.css +69 -0
  205. package/src/stories/Pages/Page/Page.jsx +69 -0
  206. package/src/stories/Pages/Page/Page.stories.js +26 -0
  207. package/src/stories/Pages/Page/Pages.js +31 -0
  208. package/src/stories/Templates/Templates.js +27 -0
  209. package/src/stories/assets/accessibility.png +0 -0
  210. package/src/stories/assets/accessibility.svg +1 -0
  211. package/src/stories/assets/addon-library.png +0 -0
  212. package/src/stories/assets/assets.png +0 -0
  213. package/src/stories/assets/avif-test-image.avif +0 -0
  214. package/src/stories/assets/context.png +0 -0
  215. package/src/stories/assets/discord.svg +1 -0
  216. package/src/stories/assets/docs.png +0 -0
  217. package/src/stories/assets/figma-plugin.png +0 -0
  218. package/src/stories/assets/github.svg +1 -0
  219. package/src/stories/assets/share.png +0 -0
  220. package/src/stories/assets/styling.png +0 -0
  221. package/src/stories/assets/testing.png +0 -0
  222. package/src/stories/assets/theming.png +0 -0
  223. package/src/stories/assets/tutorials.svg +1 -0
  224. package/src/stories/assets/youtube.svg +1 -0
  225. package/src/styles/Header.modules.css +32 -0
  226. package/src/styles/global.css +59 -0
  227. package/src/themes/ThemeProvider.jsx +36 -0
  228. package/src/themes/Themes.js +44 -0
  229. package/src/themes/dark.js +22 -0
  230. package/src/themes/light.js +22 -0
  231. package/src/themes/typ/Readme.md +4 -0
  232. package/src/themes/typ/github/open-sans-v17-latin-ext_latin-700.woff2 +0 -0
  233. package/src/themes/typ/github/open-sans-v17-latin-ext_latin-700italic.woff2 +0 -0
  234. package/src/themes/typ/github/open-sans-v17-latin-ext_latin-italic.woff2 +0 -0
  235. package/src/themes/typ/github/open-sans-v17-latin-ext_latin-regular.woff2 +0 -0
  236. package/src/themes/typ/github.css +416 -0
  237. package/src/themes/typ/gothic/GUST e-foundry License.txt +29 -0
  238. package/src/themes/typ/gothic/didact-gothic-c-ext.woff2 +0 -0
  239. package/src/themes/typ/gothic/didact-gothic-c.woff2 +0 -0
  240. package/src/themes/typ/gothic/texgyreadventor-bold.woff +0 -0
  241. package/src/themes/typ/gothic/texgyreadventor-bolditalic.woff +0 -0
  242. package/src/themes/typ/gothic/texgyreadventor-italic.woff +0 -0
  243. package/src/themes/typ/gothic/texgyreadventor-regular.woff +0 -0
  244. package/src/themes/typ/gothic.css +410 -0
  245. package/src/themes/typ/newsprint/pt-serif-v11-latin-700.woff2 +0 -0
  246. package/src/themes/typ/newsprint/pt-serif-v11-latin-700italic.woff2 +0 -0
  247. package/src/themes/typ/newsprint/pt-serif-v11-latin-italic.woff2 +0 -0
  248. package/src/themes/typ/newsprint/pt-serif-v11-latin-regular.woff2 +0 -0
  249. package/src/themes/typ/newsprint.css +622 -0
  250. package/src/themes/typ/night/codeblock.dark.css +113 -0
  251. package/src/themes/typ/night/credit.html +1 -0
  252. package/src/themes/typ/night/cursor.png +0 -0
  253. package/src/themes/typ/night/cursor@2x.png +0 -0
  254. package/src/themes/typ/night/mermaid.dark.css +7 -0
  255. package/src/themes/typ/night/sourcemode.dark.css +38 -0
  256. package/src/themes/typ/night.css +1032 -0
  257. package/src/themes/typ/pixyll/lato-v14-latin-300.woff +0 -0
  258. package/src/themes/typ/pixyll/lato-v14-latin-300italic.woff +0 -0
  259. package/src/themes/typ/pixyll/lato-v14-latin-900.woff +0 -0
  260. package/src/themes/typ/pixyll/lato-v14-latin-900italic.woff +0 -0
  261. package/src/themes/typ/pixyll/merriweather-v19-latin-300.woff +0 -0
  262. package/src/themes/typ/pixyll/merriweather-v19-latin-300italic.woff +0 -0
  263. package/src/themes/typ/pixyll/merriweather-v19-latin-700.woff +0 -0
  264. package/src/themes/typ/pixyll/merriweather-v19-latin-700italic.woff +0 -0
  265. package/src/themes/typ/pixyll.css +528 -0
  266. package/src/themes/typ/whitey.css +299 -0
@@ -0,0 +1,622 @@
1
+ /* meyer reset -- http://meyerweb.com/eric/tools/css/reset/ , v2.0 | 20110126 | License: none (public domain) */
2
+
3
+ @include-when-export url(https://fonts.googleapis.com/css?family=PT+Serif:400,400italic,700,700italic&subset=latin,cyrillic-ext,cyrillic,latin-ext);
4
+
5
+ /* =========== */
6
+
7
+ /* pt-serif-regular - latin */
8
+ @font-face {
9
+ font-family: 'PT Serif';
10
+ font-style: normal;
11
+ font-weight: normal;
12
+ src: local('PT Serif'), local('PTSerif-Regular'), url('./newsprint/pt-serif-v11-latin-regular.woff2') format('woff2');
13
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
14
+ }
15
+ /* pt-serif-italic - latin */
16
+ @font-face {
17
+ font-family: 'PT Serif';
18
+ font-style: italic;
19
+ font-weight: normal;
20
+ src: local('PT Serif Italic'), local('PTSerif-Italic'), url('./newsprint/pt-serif-v11-latin-italic.woff2') format('woff2');
21
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
22
+ }
23
+ /* pt-serif-700 - latin */
24
+ @font-face {
25
+ font-family: 'PT Serif';
26
+ font-style: normal;
27
+ font-weight: bold;
28
+ src: local('PT Serif Bold'), local('PTSerif-Bold'), url('./newsprint/pt-serif-v11-latin-700.woff2') format('woff2');
29
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
30
+ }
31
+ /* pt-serif-700italic - latin */
32
+ @font-face {
33
+ font-family: 'PT Serif';
34
+ font-style: italic;
35
+ font-weight: bold;
36
+ src: local('PT Serif Bold Italic'), local('PTSerif-BoldItalic'), url('./newsprint/pt-serif-v11-latin-700italic.woff2') format('woff2');
37
+ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
38
+ }
39
+
40
+ :root {
41
+ --active-file-bg-color: #dadada;
42
+ --active-file-bg-color: rgba(32, 43, 51, 0.63);
43
+ --active-file-text-color: white;
44
+ --bg-color: #f3f2ee;
45
+ --text-color: #1f0909;
46
+ --control-text-color: #444;
47
+ --rawblock-edit-panel-bd: #e5e5e5;
48
+
49
+ --select-text-bg-color: rgba(32, 43, 51, 0.63);
50
+ --select-text-font-color: white;
51
+ }
52
+
53
+ pre {
54
+ --select-text-bg-color: #36284e;
55
+ --select-text-font-color: #fff;
56
+ }
57
+
58
+ html {
59
+ font-size: 16px;
60
+ -webkit-font-smoothing: antialiased;
61
+ }
62
+
63
+ html, body {
64
+ background-color: #f3f2ee;
65
+ font-family: "PT Serif", 'Times New Roman', Times, serif;
66
+ color: #1f0909;
67
+ line-height: 1.5em;
68
+ }
69
+
70
+ /*#write {
71
+ overflow-x: auto;
72
+ max-width: initial;
73
+ padding-left: calc(50% - 17em);
74
+ padding-right: calc(50% - 17em);
75
+ }
76
+
77
+ @media (max-width: 36em) {
78
+ #write {
79
+ padding-left: 1em;
80
+ padding-right: 1em;
81
+ }
82
+ }*/
83
+
84
+ #write {
85
+ max-width: 40em;
86
+ }
87
+
88
+ @media only screen and (min-width: 1400px) {
89
+ #write {
90
+ max-width: 914px;
91
+ }
92
+ }
93
+
94
+ ol li {
95
+ list-style-type: decimal;
96
+ list-style-position: outside;
97
+ }
98
+ ul li {
99
+ list-style-type: disc;
100
+ list-style-position: outside;
101
+ }
102
+
103
+ ol,
104
+ ul {
105
+ list-style: none;
106
+ }
107
+
108
+ blockquote,
109
+ q {
110
+ quotes: none;
111
+ }
112
+ blockquote:before,
113
+ blockquote:after,
114
+ q:before,
115
+ q:after {
116
+ content: '';
117
+ content: none;
118
+ }
119
+ table {
120
+ border-collapse: collapse;
121
+ border-spacing: 0;
122
+ }
123
+ /* styles */
124
+
125
+ /* ====== */
126
+
127
+ /* headings */
128
+
129
+ h1,
130
+ h2,
131
+ h3,
132
+ h4,
133
+ h5,
134
+ h6 {
135
+ font-weight: bold;
136
+ }
137
+ h1 {
138
+ font-size: 1.875em;
139
+ /*30 / 16*/
140
+ line-height: 1.6em;
141
+ /* 48 / 30*/
142
+ margin-top: 2em;
143
+ }
144
+ h2,
145
+ h3 {
146
+ font-size: 1.3125em;
147
+ /*21 / 16*/
148
+ line-height: 1.15;
149
+ /*24 / 21*/
150
+ margin-top: 2.285714em;
151
+ /*48 / 21*/
152
+ margin-bottom: 1.15em;
153
+ /*24 / 21*/
154
+ }
155
+ h3 {
156
+ font-weight: normal;
157
+ }
158
+ h4 {
159
+ font-size: 1.125em;
160
+ /*18 / 16*/
161
+ margin-top: 2.67em;
162
+ /*48 / 18*/
163
+ }
164
+ h5,
165
+ h6 {
166
+ font-size: 1em;
167
+ /*16*/
168
+ }
169
+ h1 {
170
+ border-bottom: 1px solid;
171
+ margin-bottom: 1.875em;
172
+ padding-bottom: 0.8125em;
173
+ }
174
+ /* links */
175
+
176
+ a {
177
+ text-decoration: none;
178
+ color: #065588;
179
+ }
180
+ a:hover,
181
+ a:active {
182
+ text-decoration: underline;
183
+ }
184
+ /* block spacing */
185
+
186
+ p,
187
+ blockquote,
188
+ .md-fences {
189
+ margin-bottom: 1.5em;
190
+ }
191
+ h1,
192
+ h2,
193
+ h3,
194
+ h4,
195
+ h5,
196
+ h6 {
197
+ margin-bottom: 1.5em;
198
+ }
199
+ /* blockquote */
200
+
201
+ blockquote {
202
+ font-style: italic;
203
+ border-left: 5px solid;
204
+ margin-left: 2em;
205
+ padding-left: 1em;
206
+ }
207
+ /* lists */
208
+
209
+ ul,
210
+ ol {
211
+ margin: 0 0 1.5em 1.5em;
212
+ }
213
+ /* tables */
214
+ .md-meta,.md-before, .md-after {
215
+ color:#999;
216
+ }
217
+
218
+ table {
219
+ margin-bottom: 1.5em;
220
+ /*24 / 16*/
221
+ font-size: 1em;
222
+ /* width: 100%; */
223
+ }
224
+ thead th,
225
+ tfoot th {
226
+ padding: .25em .25em .25em .4em;
227
+ text-transform: uppercase;
228
+ }
229
+ th {
230
+ text-align: left;
231
+ }
232
+ td {
233
+ vertical-align: top;
234
+ padding: .25em .25em .25em .4em;
235
+ }
236
+
237
+ code,
238
+ .md-fences {
239
+ background-color: #dadada;
240
+ }
241
+
242
+ code {
243
+ padding-left: 2px;
244
+ padding-right: 2px;
245
+ }
246
+
247
+ .md-fences {
248
+ margin-left: 2em;
249
+ margin-bottom: 3em;
250
+ padding-left: 1ch;
251
+ padding-right: 1ch;
252
+ }
253
+
254
+ pre,
255
+ code,
256
+ tt {
257
+ font-size: .875em;
258
+ line-height: 1.714285em;
259
+ }
260
+ /* some fixes */
261
+
262
+ h1 {
263
+ line-height: 1.3em;
264
+ font-weight: normal;
265
+ margin-bottom: 0.5em;
266
+ }
267
+
268
+ p + ul,
269
+ p + ol{
270
+ margin-top: .5em;
271
+ }
272
+
273
+ h3 + ul,
274
+ h4 + ul,
275
+ h5 + ul,
276
+ h6 + ul,
277
+ h3 + ol,
278
+ h4 + ol,
279
+ h5 + ol,
280
+ h6 + ol {
281
+ margin-top: .5em;
282
+ }
283
+
284
+ li > ul,
285
+ li > ol {
286
+ margin-top: inherit;
287
+ margin-bottom: 0;
288
+ }
289
+
290
+ li ol>li {
291
+ list-style-type: lower-alpha;
292
+ }
293
+
294
+ li li ol>li{
295
+ list-style-type: lower-roman;
296
+ }
297
+
298
+ h2,
299
+ h3 {
300
+ margin-bottom: .75em;
301
+ }
302
+ hr {
303
+ border-top: none;
304
+ border-right: none;
305
+ border-bottom: 1px solid;
306
+ border-left: none;
307
+ }
308
+ h1 {
309
+ border-color: #c5c5c5;
310
+ }
311
+ blockquote {
312
+ border-color: #bababa;
313
+ color: #656565;
314
+ }
315
+
316
+ blockquote ul,
317
+ blockquote ol {
318
+ margin-left:0;
319
+ }
320
+
321
+ .ty-table-edit {
322
+ background-color: transparent;
323
+ }
324
+ thead {
325
+ background-color: #dadada;
326
+ }
327
+ tr:nth-child(even) {
328
+ background: #e8e7e7;
329
+ }
330
+ hr {
331
+ border-color: #c5c5c5;
332
+ }
333
+ .task-list{
334
+ padding-left: 1rem;
335
+ }
336
+
337
+ .md-task-list-item {
338
+ padding-left: 1.5rem;
339
+ list-style-type: none;
340
+ }
341
+
342
+ .md-task-list-item > input:before {
343
+ content: '\221A';
344
+ display: inline-block;
345
+ width: 1.25rem;
346
+ height: 1.6rem;
347
+ vertical-align: middle;
348
+ text-align: center;
349
+ color: #ddd;
350
+ background-color: #F3F2EE;
351
+ }
352
+
353
+ .md-task-list-item > input:checked:before,
354
+ .md-task-list-item > input[checked]:before{
355
+ color: inherit;
356
+ }
357
+
358
+ #write pre.md-meta-block {
359
+ min-height: 1.875rem;
360
+ color: #555;
361
+ border: 0px;
362
+ background: transparent;
363
+ margin-top: -4px;
364
+ margin-left: 1em;
365
+ margin-top: 1em;
366
+ }
367
+
368
+ .md-image>.md-meta {
369
+ color: #9B5146;
370
+ }
371
+
372
+ .md-image>.md-meta{
373
+ font-family: Menlo, 'Ubuntu Mono', Consolas, 'Courier New', 'Microsoft Yahei', 'Hiragino Sans GB', 'WenQuanYi Micro Hei', serif;
374
+ }
375
+
376
+
377
+ #write>h3.md-focus:before{
378
+ left: -1.5rem;
379
+ color:#999;
380
+ border-color:#999;
381
+ }
382
+ #write>h4.md-focus:before{
383
+ left: -1.5rem;
384
+ top: .25rem;
385
+ color:#999;
386
+ border-color:#999;
387
+ }
388
+ #write>h5.md-focus:before{
389
+ left: -1.5rem;
390
+ top: .0.3125rem;
391
+ color:#999;
392
+ border-color:#999;
393
+ }
394
+ #write>h6.md-focus:before{
395
+ left: -1.5rem;
396
+ top: 0.3125rem;
397
+ color:#999;
398
+ border-color:#999;
399
+ }
400
+
401
+ .md-toc:focus .md-toc-content{
402
+ margin-top: 19px;
403
+ }
404
+
405
+ .md-toc-content:empty:before{
406
+ color: #065588;
407
+ }
408
+ .md-toc-item {
409
+ color: #065588;
410
+ }
411
+ #write div.md-toc-tooltip {
412
+ background-color: #f3f2ee;
413
+ }
414
+
415
+ #typora-sidebar {
416
+ background-color: #f3f2ee;
417
+ -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.375);
418
+ box-shadow: 0 6px 12px rgba(0, 0, 0, 0.375);
419
+ }
420
+
421
+ .pin-outline #typora-sidebar {
422
+ background: inherit;
423
+ box-shadow: none;
424
+ border-right: 1px dashed;
425
+ }
426
+
427
+ .pin-outline #typora-sidebar:hover .outline-title-wrapper {
428
+ border-left:1px dashed;
429
+ }
430
+
431
+ .outline-item:hover {
432
+ background-color: #dadada;
433
+ border-left: 28px solid #dadada;
434
+ border-right: 18px solid #dadada;
435
+ }
436
+
437
+ .typora-node .outline-item:hover {
438
+ border-right: 28px solid #dadada;
439
+ }
440
+
441
+ .outline-expander:before {
442
+ content: "\f0da";
443
+ font-family: FontAwesome;
444
+ font-size:14px;
445
+ top: 1px;
446
+ }
447
+
448
+ .outline-expander:hover:before,
449
+ .outline-item-open>.outline-item>.outline-expander:before {
450
+ content: "\f0d7";
451
+ }
452
+
453
+ .modal-content {
454
+ background-color: #f3f2ee;
455
+ }
456
+
457
+ .auto-suggest-container ul li {
458
+ list-style-type: none;
459
+ }
460
+
461
+ /** UI for electron */
462
+
463
+ .megamenu-menu,
464
+ #top-titlebar, #top-titlebar *,
465
+ .megamenu-content {
466
+ background: #f3f2ee;
467
+ color: #1f0909;
468
+ }
469
+
470
+ .megamenu-menu-header {
471
+ border-bottom: 1px dashed #202B33;
472
+ }
473
+
474
+ .megamenu-menu {
475
+ box-shadow: none;
476
+ border-right: 1px dashed;
477
+ }
478
+
479
+ header, .context-menu, .megamenu-content, footer {
480
+ font-family: "PT Serif", 'Times New Roman', Times, serif;
481
+ color: #1f0909;
482
+ }
483
+
484
+ #megamenu-back-btn {
485
+ color: #1f0909;
486
+ border-color: #1f0909;
487
+ }
488
+
489
+ .megamenu-menu-header #megamenu-menu-header-title:before {
490
+ color: #1f0909;
491
+ }
492
+
493
+ .megamenu-menu-list li a:hover, .megamenu-menu-list li a.active {
494
+ color: inherit;
495
+ background-color: #e8e7df;
496
+ }
497
+
498
+ .long-btn:hover {
499
+ background-color: #e8e7df;
500
+ }
501
+
502
+ #recent-file-panel tbody tr:nth-child(2n-1) {
503
+ background-color: transparent !important;
504
+ }
505
+
506
+ .megamenu-menu-panel tbody tr:hover td:nth-child(2) {
507
+ color: inherit;
508
+ }
509
+
510
+ .megamenu-menu-panel .btn {
511
+ background-color: #D2D1D1;
512
+ }
513
+
514
+ .btn-default {
515
+ background-color: transparent;
516
+ }
517
+
518
+ .typora-sourceview-on #toggle-sourceview-btn,
519
+ .ty-show-word-count #footer-word-count {
520
+ background: #c7c5c5;
521
+ }
522
+
523
+ #typora-quick-open {
524
+ background-color: inherit;
525
+ }
526
+
527
+ .md-diagram-panel {
528
+ margin-top: 8px;
529
+ }
530
+
531
+ .file-list-item-file-name {
532
+ font-weight: initial;
533
+ }
534
+
535
+ .file-list-item-summary {
536
+ opacity: 1;
537
+ }
538
+
539
+ .file-list-item {
540
+ color: #777;
541
+ }
542
+
543
+ .file-list-item.active {
544
+ background-color: inherit;
545
+ color: black;
546
+ }
547
+
548
+ .ty-side-sort-btn.active {
549
+ background-color: inherit;
550
+ }
551
+
552
+ .file-list-item.active .file-list-item-file-name {
553
+ font-weight: bold;
554
+ }
555
+
556
+ .file-list-item{
557
+ opacity:1 !important;
558
+ }
559
+
560
+ .file-library-node.active>.file-node-background{
561
+ background-color: rgba(32, 43, 51, 0.63);
562
+ background-color: var(--active-file-bg-color);
563
+ }
564
+
565
+ .file-tree-node.active>.file-node-content{
566
+ color: white;
567
+ color: var(--active-file-text-color);
568
+ }
569
+
570
+ .md-task-list-item>input {
571
+ margin-left: -1.7em;
572
+ margin-top: calc(1rem - 12px);
573
+ -webkit-appearance: button;
574
+ }
575
+
576
+ input {
577
+ border: 1px solid #aaa;
578
+ }
579
+
580
+ .megamenu-menu-header #megamenu-menu-header-title,
581
+ .megamenu-menu-header:hover,
582
+ .megamenu-menu-header:focus {
583
+ color: inherit;
584
+ }
585
+
586
+ .dropdown-menu .divider {
587
+ border-color: #e5e5e5;
588
+ opacity: 1;
589
+ }
590
+
591
+ /* https://github.com/typora/typora-issues/issues/2046 */
592
+ .os-windows-7 strong,
593
+ .os-windows-7 strong {
594
+ font-weight: 760;
595
+ }
596
+
597
+ .ty-preferences .btn-default {
598
+ background: transparent;
599
+ }
600
+
601
+ .ty-preferences .window-header {
602
+ border-bottom: 1px dashed #202B33;
603
+ box-shadow: none;
604
+ }
605
+
606
+ #sidebar-loading-template, #sidebar-loading-template.file-list-item {
607
+ color: #777;
608
+ }
609
+
610
+ .searchpanel-search-option-btn.active {
611
+ background: #777;
612
+ color: white;
613
+ }
614
+
615
+ .export-detail, .light .export-detail,
616
+ .light .export-item.active,
617
+ .light .export-items-list-control {
618
+ background: #e0e0e0;
619
+ border-radius: 2px;
620
+ font-weight: 700;
621
+ color: inherit
622
+ }
@@ -0,0 +1,113 @@
1
+ @charset "UTF-8";
2
+ /* CSS Document */
3
+
4
+ /** code highlight */
5
+
6
+ .cm-s-inner .cm-variable,
7
+ .cm-s-inner .cm-operator,
8
+ .cm-s-inner .cm-property {
9
+ color: #b8bfc6;
10
+ }
11
+
12
+ .cm-s-inner .cm-keyword {
13
+ color: #C88FD0;
14
+ }
15
+
16
+ .cm-s-inner .cm-tag {
17
+ color: #7DF46A;
18
+ }
19
+
20
+ .cm-s-inner .cm-attribute {
21
+ color: #7575E4;
22
+ }
23
+
24
+ .CodeMirror div.CodeMirror-cursor {
25
+ border-left: 1px solid #b8bfc6;
26
+ z-index: 3;
27
+ }
28
+
29
+ .cm-s-inner .cm-string {
30
+ color: #D26B6B;
31
+ }
32
+
33
+ .cm-s-inner .cm-comment,
34
+ .cm-s-inner.cm-comment {
35
+ color: #DA924A;
36
+ }
37
+
38
+ .cm-s-inner .cm-header,
39
+ .cm-s-inner .cm-def,
40
+ .cm-s-inner.cm-header,
41
+ .cm-s-inner.cm-def {
42
+ color: #8d8df0;
43
+ }
44
+
45
+ .cm-s-inner .cm-quote,
46
+ .cm-s-inner.cm-quote {
47
+ color: #57ac57;
48
+ }
49
+
50
+ .cm-s-inner .cm-hr {
51
+ color: #d8d5d5;
52
+ }
53
+
54
+ .cm-s-inner .cm-link {
55
+ color: #d3d3ef;
56
+ }
57
+
58
+ .cm-s-inner .cm-negative {
59
+ color: #d95050;
60
+ }
61
+
62
+ .cm-s-inner .cm-positive {
63
+ color: #50e650;
64
+ }
65
+
66
+ .cm-s-inner .cm-string-2 {
67
+ color: #f50;
68
+ }
69
+
70
+ .cm-s-inner .cm-meta,
71
+ .cm-s-inner .cm-qualifier {
72
+ color: #b7b3b3;
73
+ }
74
+
75
+ .cm-s-inner .cm-builtin {
76
+ color: #f3b3f8;
77
+ }
78
+
79
+ .cm-s-inner .cm-bracket {
80
+ color: #997;
81
+ }
82
+
83
+ .cm-s-inner .cm-atom,
84
+ .cm-s-inner.cm-atom {
85
+ color: #84B6CB;
86
+ }
87
+
88
+ .cm-s-inner .cm-number {
89
+ color: #64AB8F;
90
+ }
91
+
92
+ .cm-s-inner .cm-variable {
93
+ color: #b8bfc6;
94
+ }
95
+
96
+ .cm-s-inner .cm-variable-2 {
97
+ color: #9FBAD5;
98
+ }
99
+
100
+ .cm-s-inner .cm-variable-3 {
101
+ color: #1cc685;
102
+ }
103
+
104
+ .CodeMirror-selectedtext,
105
+ .CodeMirror-selected {
106
+ background: #4a89dc;
107
+ color: #fff !important;
108
+ text-shadow: none;
109
+ }
110
+
111
+ .CodeMirror-gutters {
112
+ border-right: none;
113
+ }
@@ -0,0 +1 @@
1
+ <div>Icons made by <a href="http://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>
Binary file