diff --git a/lambda.css b/lambda.css new file mode 100644 index 0000000..adce6b6 --- /dev/null +++ b/lambda.css @@ -0,0 +1,1019 @@ +@import "lambda/lambda.dark.css"; +@import "lambda/codeblock.dark.css"; +@import "lambda/sourcemode.dark.css"; + +:root { + --bg-color: #3c3d38; + --side-bar-bg-color: #4d4b43; + --text-color: #c6c0b8; + + --select-text-bg-color:#33362e; + + --item-hover-bg-color: #160f0a; + --control-text-color: #b7b7b7; + --control-text-hover-color: #eee; + --window-border: 1px solid #555; + + --active-file-bg-color: rgb(34, 34, 34); + --active-file-border-color: #c3ff00; + + --primary-color: #ff9100; + + --active-file-text-color: white; + --item-hover-bg-color: #7d7970; + --item-hover-text-color: white; + --primary-color: #ff9100; + + --rawblock-edit-panel-bd: #31302e; + + --search-select-bg-color: #36332d; +} + + + +html { + font-size: 16px; + -webkit-font-smoothing: antialiased; +} + +html, +body { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + background: #403e36; + background: var(--bg-color); + fill: currentColor; + line-height: 1.625rem; +} + +#write { + max-width: 914px; +} + + +@media only screen and (min-width: 1400px) { + #write { + max-width: 1024px; + } +} + +@media only screen and (min-width: 1800px) { + #write { + max-width: 1200px; + } +} + +html, +body, +button, +input, +select, +textarea, +div.code-tooltip-content { + color: #c6c5b8; + border-color: transparent; +} + +div.code-tooltip, +.md-hover-tip .md-arrow:after { + background: #31302e; +} + +.native-window #md-notification { + border: 1px solid #7d7870; +} + +.popover.bottom > .arrow:after { + border-bottom-color: #31302e; +} + +html, +body, +button, +input, +select, +textarea { + font-family: "Helvetica Neue", Helvetica, Arial, 'Segoe UI Emoji', sans-serif; +} + +hr { + height: 2px; + border: 0; + margin: 24px 0 !important; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: "Lucida Grande", "Corbel", sans-serif; + font-weight: normal; + clear: both; + -ms-word-wrap: break-word; + word-wrap: break-word; + margin: 0; + padding: 0; + color: #DEDEDE +} + +h1 { + font-size: 2.5rem; + /* 36px */ + line-height: 2.75rem; + /* 40px */ + margin-bottom: 1.5rem; + /* 24px */ + letter-spacing: -1.5px; +} + +h2 { + font-size: 1.63rem; + /* 24px */ + line-height: 1.875rem; + /* 30px */ + margin-bottom: 1.5rem; + /* 24px */ + letter-spacing: -1px; + font-weight: bold; +} + +h3 { + font-size: 1.17rem; + /* 18px */ + line-height: 1.5rem; + /* 24px */ + margin-bottom: 1.5rem; + /* 24px */ + letter-spacing: -1px; + font-weight: bold; +} + +h4 { + font-size: 1.12rem; + /* 16px */ + line-height: 1.375rem; + /* 22px */ + margin-bottom: 1.5rem; + /* 24px */ + color: white; +} + +h5 { + font-size: 0.97rem; + /* 16px */ + line-height: 1.25rem; + /* 22px */ + margin-bottom: 1.5rem; + /* 24px */ + font-weight: bold; +} + +h6 { + font-size: 0.93rem; + /* 16px */ + line-height: 1rem; + /* 16px */ + margin-bottom: 0.75rem; + color: white; +} + +@media (min-width: 980px) { + h3.md-focus:before, + h4.md-focus:before, + h5.md-focus:before, + h6.md-focus:before { + color: #ddd; + border: 1px solid #ddd; + border-radius: 3px; + position: absolute; + left: -1.642857143rem; + top: .357142857rem; + float: left; + font-size: 9px; + padding-left: 2px; + padding-right: 2px; + vertical-align: bottom; + font-weight: normal; + line-height: normal; + } + + h3.md-focus:before { + content: 'h3'; + } + + h4.md-focus:before { + content: 'h4'; + } + + h5.md-focus:before { + content: 'h5'; + top: 0px; + } + + h6.md-focus:before { + content: 'h6'; + top: 0px; + } +} + +a { + text-decoration: none; + outline: 0; +} + +a:hover { + outline: 0; +} + +a:focus { + outline: thin dotted; +} + +sup.md-footnote { + background-color: #555; + color: #ddd; +} + +p { + -ms-word-wrap: break-word; + word-wrap: break-word; +} + +p, +ul, +dd, +ol, +hr, +address, +pre, +table, +iframe, +.wp-caption, +.wp-audio-shortcode, +.wp-video-shortcode { + margin-top: 0; + margin-bottom: 1.5rem; + /* 24px */ +} + +audio:not([controls]) { + display: none; +} + +[hidden] { + display: none; +} + +::-moz-selection { + background: #4a89dc; + color: #fff; + text-shadow: none; +} + +*.in-text-selection, +::selection { + background: #4a89dc; + color: #fff; + text-shadow: none; +} + +ul, +ol { + padding: 0 0 0 1.875rem; + /* 30px */ +} + +ul { + list-style: square; +} + +ol { + list-style: decimal; +} + +ul ul, +ol ol, +ul ol, +ol ul { + margin: 0; +} + +b, +th, +dt, +strong { + font-weight: bold; +} + +i, +em, +dfn, +cite { + font-style: italic; +} + +blockquote { + padding-left: 1.875rem; + margin: 0 0 1.875rem 1.875rem; + border-left: solid 2px #545047; + padding-left: 30px; + margin-top: 35px; +} + +pre, +code, +kbd, +tt, +var { + font-size: 0.875em; + font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; +} + +code, +tt, +var { + background: rgba(0, 0, 0, 0.05); +} + +kbd { + padding: 2px 4px; + font-size: 90%; + color: #fff; + background-color: #31302e; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); +} + +pre.md-fences { + padding: 10px 10px 10px 30px; + margin-bottom: 20px; + background: #31302e; +} + +.CodeMirror-gutters { + background: #31302e; + border-right: 1px solid transparent; +} + +.enable-diagrams pre.md-fences[lang="sequence"] .code-tooltip, +.enable-diagrams pre.md-fences[lang="flow"] .code-tooltip, +.enable-diagrams pre.md-fences[lang="lambda"] .code-tooltip { + bottom: -2.2em; + right: 4px; +} + +code, +kbd, +tt, +var { + padding: 2px 5px; +} + +table { + max-width: 100%; + width: 100%; + border-collapse: collapse; + border-spacing: 0; +} + +th, +td { + padding: 5px 10px; + vertical-align: top; +} + +a { + -webkit-transition: all .2s ease-in-out; + transition: all .2s ease-in-out; +} + +hr { + background: #544d47; + /* variable */ +} + +h1 { + margin-top: 2em; +} + +a { + color: #e0e0e0; + text-decoration: underline; +} + +a:hover { + color: #fff; +} + +.md-inline-math script { + color: #81b1db; +} + +b, +th, +dt, +strong { + color: #DEDEDE; + /* variable */ +} + +mark { + background: #D3D40E; +} + +blockquote { + color: #9DA2A6; +} + +table a { + color: #DEDEDE; + /* variable */ +} + +th, +td { + border: solid 1px #544e47; + /* variable */ +} + +.task-list { + padding-left: 0; +} + +.md-task-list-item { + padding-left: 1.25rem; +} + +.md-task-list-item > input { + top: auto; +} + +.md-task-list-item > input:before { + content: ""; + display: inline-block; + width: 0.875rem; + height: 0.875rem; + vertical-align: middle; + text-align: center; + border: 1px solid #c6c4b8; + background-color: #403d36; + margin-top: -0.4rem; +} + +.md-task-list-item > input:checked:before, +.md-task-list-item > input[checked]:before { + content: '\221A'; + /*◘*/ + font-size: 0.625rem; + line-height: 0.625rem; + color: #DEDEDE; +} + +/** quick open **/ +.auto-suggest-container { + border: 0px; + background-color: #656152; +} + +#typora-quick-open { + background-color: #655e52; +} + +#typora-quick-open input{ + background-color: #655e52; + border: 0; + border-bottom: 1px solid grey; +} + +.typora-quick-open-item { + background-color: inherit; + color: inherit; +} + +.typora-quick-open-item.active, +.typora-quick-open-item:hover { + background-color: #FF8C00; + color: white; +} + +.typora-quick-open-item:hover { + background-color: rgba(255, 204, 0, 0.8); +} + +.typora-search-spinner > div { + background-color: #fff; +} + +#write pre.md-meta-block { + border-bottom: 1px dashed #ccc; + background: transparent; + padding-bottom: 0.6em; + line-height: 1.6em; +} + +.btn, +.btn .btn-default { + background: transparent; + color: #b8bfc6; +} + +.ty-table-edit { + border-top: 1px solid gray; + background-color: #403c36; +} + +.popover-title { + background: transparent; +} + +.md-image>.md-meta { + color: #BBBBBB; + background: transparent; +} + +.md-expand.md-image>.md-meta { + color: #DDD; +} + +#write>h3:before, +#write>h4:before, +#write>h5:before, +#write>h6:before { + border: none; + border-radius: 0px; + color: #888; + text-decoration: underline; + left: -1.4rem; + top: 0.2rem; +} + +#write>h3.md-focus:before { + top: 2px; +} + +#write>h4.md-focus:before { + top: 2px; +} + +.md-toc-item { + color: #A8C2DC; +} + +#write div.md-toc-tooltip { + background-color: #403b36; +} + +.dropdown-menu .btn:hover, +.dropdown-menu .btn:focus, +.md-toc .btn:hover, +.md-toc .btn:focus { + color: white; + background: black; +} + +#toc-dropmenu { + background: rgba(59, 55, 50, 0.93); + border: 1px solid rgba(253, 253, 253, 0.15); +} + +#toc-dropmenu .divider { + background-color: #9b9b9b; +} + +.outline-expander:before { + top: 2px; +} + +#typora-sidebar { + box-shadow: none; + border-right: 1px dashed; + border-right: none; +} + +.sidebar-tabs { + border-bottom:0; +} + +#typora-sidebar:hover .outline-title-wrapper { + border-left: 1px dashed; +} + +.outline-title-wrapper .btn { + color: inherit; +} + +.outline-item:hover { + border-color: #403d36; + background-color: #403c36; + color: white; +} + +h1.md-focus .md-attr, +h2.md-focus .md-attr, +h3.md-focus .md-attr, +h4.md-focus .md-attr, +h5.md-focus .md-attr, +h6.md-focus .md-attr, +.md-header-span .md-attr { + color: #8C8E92; + display: inline; +} + +.md-comment { + color: #FF8C00; + opacity: 0.8; +} + +.md-inline-math svg { + color: #c6c1b8; +} + +#math-inline-preview .md-arrow:after { + background: black; +} + +.modal-content { + background: var(--bg-color); + border: 0; +} + +.modal-title { + font-size: 1.5em; +} + +.modal-content input { + background-color: rgba(26, 21, 21, 0.51); + color: white; +} + +.modal-content .input-group-addon { + color: white; +} + +.modal-backdrop { + background-color: rgba(174, 174, 174, 0.7); +} + +.modal-content .btn-primary { + border-color: var(--primary-color); +} + +.md-table-resize-popover { + background-color: #31302e; +} + +.form-inline .input-group .input-group-addon { + color: white; +} + +#md-searchpanel { + border-bottom: 1px dashed grey; +} + +/** UI for electron */ + +.context-menu, +#spell-check-panel, +#footer-word-count-info { + background-color: #4a4742; +} + +.context-menu.dropdown-menu .divider, +.dropdown-menu .divider { + background-color: #777777; + opacity: 1; +} + +footer { + color: inherit; +} + +@media (max-width: 1000px) { + footer { + border-top: none; + } + footer:hover { + color: inherit; + } +} + +#file-info-file-path .file-info-field-value:hover { + background-color: #555; + color: #dedede; +} + +.megamenu-content, +.megamenu-opened header { + background: var(--bg-color); +} + +.megamenu-menu-panel h2, +.megamenu-menu-panel h1, +.long-btn { + color: inherit; +} + +.megamenu-menu-panel input[type='text'] { + background: inherit; + border: 0; + border-bottom: 1px solid; +} + +#recent-file-panel-action-btn { + background: inherit; + border: 1px grey solid; +} + +.megamenu-menu-panel .dropdown-menu > li > a { + color: inherit; + background-color: #3a352f; + text-decoration: none; +} + +.megamenu-menu-panel table td:nth-child(1) { + color: inherit; + font-weight: bold; +} + +.megamenu-menu-panel tbody tr:hover td:nth-child(1) { + color: white; +} + +.modal-footer .btn-default, +.modal-footer .btn-primary, +.modal-footer .btn-default:not(:hover) { + border: 1px solid; + border-color: transparent; +} + +.btn-primary { + color: white; +} + +.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { + color: white; + border: 1px solid #ddd; + background-color: inherit; +} + +.modal-header { + border-bottom: 0; +} + +.modal-footer { + border-top: 0; +} + +#recent-file-panel tbody tr:nth-child(2n-1) { + background-color: transparent !important; +} + +.megamenu-menu-panel tbody tr:hover td:nth-child(2) { + color: inherit; +} + +.megamenu-menu-panel .btn { + border: 1px solid #eee; + background: transparent; +} + +.mouse-hover .toolbar-icon.btn:hover, +#w-full.mouse-hover, +#w-pin.mouse-hover { + background-color: inherit; +} + +.typora-node::-webkit-scrollbar { + width: 5px; +} + +.typora-node::-webkit-scrollbar-thumb:vertical { + background: rgba(250, 250, 250, 0.3); +} + +.typora-node::-webkit-scrollbar-thumb:vertical:active { + background: rgba(250, 250, 250, 0.5); +} + +#w-unpin { + background-color: #FFA500; +} + +#top-titlebar, #top-titlebar * { + color: var(--item-hover-text-color); +} + +.typora-sourceview-on #toggle-sourceview-btn, +#footer-word-count:hover, +.ty-show-word-count #footer-word-count { + background: #333333; +} + +#toggle-sourceview-btn:hover { + color: #eee; + background: #333333; +} + +/** focus mode */ +.on-focus-mode .md-end-block:not(.md-focus):not(.md-focus-container) * { + color: #686868 !important; +} + +.on-focus-mode .md-end-block:not(.md-focus) img, +.on-focus-mode .md-task-list-item:not(.md-focus-container)>input { + opacity: #686868 !important; +} + +.on-focus-mode li[cid]:not(.md-focus-container){ + color: #686868; +} + +.on-focus-mode .md-fences.md-focus .CodeMirror-code>*:not(.CodeMirror-activeline) *, +.on-focus-mode .CodeMirror.cm-s-inner:not(.CodeMirror-focused) * { + color: #686868 !important; +} + +.on-focus-mode .md-focus, +.on-focus-mode .md-focus-container { + color: #fff; +} + +.on-focus-mode #typora-source .CodeMirror-code>*:not(.CodeMirror-activeline) * { + color: #686868 !important; +} + + +/*diagrams*/ +#write .md-focus .md-diagram-panel { + border: 1px solid #ddd; + margin-left: -1px; + width: calc(100% + 2px); +} + +/*diagrams*/ +#write .md-focus.md-fences-with-lineno .md-diagram-panel { + margin-left: auto; +} + +.md-diagram-panel-error { + color: #f1908e; +} + +.active-tab-files #info-panel-tab-file, +.active-tab-files #info-panel-tab-file:hover, +.active-tab-outline #info-panel-tab-outline, +.active-tab-outline #info-panel-tab-outline:hover { + color: #eee; +} + +.sidebar-footer-item:hover, +.footer-item:hover { + background: inherit; + color: white; +} + +.ty-side-sort-btn.active, +.ty-side-sort-btn:hover, +.selected-folder-menu-item a:after { + color: white; +} + +#sidebar-files-menu { + border:solid 1px; + box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.79); + background-color: var(--bg-color); +} + +.file-list-item { + border-bottom:none; +} + +.file-list-item-summary { + opacity: 1; +} + +.file-list-item.active:first-child { + border-top: none; +} + +.file-node-background { + height: 32px; +} + +.file-library-node.active>.file-node-content, +.file-list-item.active { + color: white; + color: var(--active-file-text-color); +} + +.file-library-node.active>.file-node-background{ + background-color: rgb(34, 34, 34); + background-color: var(--active-file-bg-color); +} +.file-list-item.active { + background-color: rgb(34, 34, 34); + background-color: var(--active-file-bg-color); +} + +#ty-tooltip { + background-color: black; + color: #eee; +} + +.md-task-list-item>input { + margin-left: -1.3em; + margin-top: 0.3rem; + -webkit-appearance: none; +} + +.md-mathjax-midline { + background-color: #6b6457; + border-bottom: none; +} + +footer.ty-footer { + border-color: #656565; +} + +.ty-preferences .btn-default { + background: transparent; +} +.ty-preferences .btn-default:hover { + background: #6b6b57; +} + +.ty-preferences select { + border: 1px solid #989698; + height: 21px; +} + +.ty-preferences .nav-group-item.active, +.export-item.active, +.export-items-list-control, +.export-detail { + background: var(--item-hover-bg-color); +} + +.ty-preferences input[type="search"] { + border-color: #31302e; + background: #31302e; + line-height: 22px; + border-radius: 6px; + color: white; +} + +.ty-preferences input[type="search"]:focus { + box-shadow: none; +} + +[data-is-directory="true"] .file-node-content { + margin-bottom: 0; +} + +.file-node-title { + line-height: 22px; +} + +.html-for-mac .file-node-open-state, .html-for-mac .file-node-icon { + line-height: 26px; +} + +::-webkit-scrollbar-thumb { + background: rgba(230, 230, 230, 0.30); +} + +::-webkit-scrollbar-thumb:active { + background: rgba(230, 230, 230, 0.50); +} + +#typora-sidebar:hover div.sidebar-content-content::-webkit-scrollbar-thumb:horizontal { + background: rgba(230, 230, 230, 0.30); +} + +.nav-group-item:active { + background-color: #544f47 !important; +} + +.md-search-hit { + background: rgba(199, 140, 60, 0.81); + color: #eee; +} + +.md-search-hit * { + color: #eee; +} + +#md-searchpanel input { + color: white; +} + +.modal-backdrop.in { + opacity: 1; + backdrop-filter: blur(1px); +} + +.clear-btn-icon { + top: 8px; +} \ No newline at end of file diff --git a/lambda/codeblock.dark.css b/lambda/codeblock.dark.css new file mode 100644 index 0000000..af7b1f4 --- /dev/null +++ b/lambda/codeblock.dark.css @@ -0,0 +1,113 @@ +@charset "UTF-8"; +/* CSS Document */ + +/** code highlight */ + +.cm-s-inner .cm-variable, +.cm-s-inner .cm-operator, +.cm-s-inner .cm-property { + color: #b8bfc6; +} + +.cm-s-inner .cm-keyword { + color: #C88FD0; +} + +.cm-s-inner .cm-tag { + color: #f4df6a; +} + +.cm-s-inner .cm-attribute { + color: #7575E4; +} + +.CodeMirror div.CodeMirror-cursor { + border-left: 1px solid #b8bfc6; + z-index: 3; +} + +.cm-s-inner .cm-string { + color: #D26B6B; +} + +.cm-s-inner .cm-comment, +.cm-s-inner.cm-comment { + color: #DA924A; +} + +.cm-s-inner .cm-header, +.cm-s-inner .cm-def, +.cm-s-inner.cm-header, +.cm-s-inner.cm-def { + color: #8d8df0; +} + +.cm-s-inner .cm-quote, +.cm-s-inner.cm-quote { + color: #57ac57; +} + +.cm-s-inner .cm-hr { + color: #d8d5d5; +} + +.cm-s-inner .cm-link { + color: #d3d3ef; +} + +.cm-s-inner .cm-negative { + color: #d95050; +} + +.cm-s-inner .cm-positive { + color: #50e650; +} + +.cm-s-inner .cm-string-2 { + color: #f50; +} + +.cm-s-inner .cm-meta, +.cm-s-inner .cm-qualifier { + color: #b7b3b3; +} + +.cm-s-inner .cm-builtin { + color: #f3b3f8; +} + +.cm-s-inner .cm-bracket { + color: #997; +} + +.cm-s-inner .cm-atom, +.cm-s-inner.cm-atom { + color: #84B6CB; +} + +.cm-s-inner .cm-number { + color: #64AB8F; +} + +.cm-s-inner .cm-variable { + color: #b8bfc6; +} + +.cm-s-inner .cm-variable-2 { + color: #9FBAD5; +} + +.cm-s-inner .cm-variable-3 { + color: #1cc685; +} + +.CodeMirror-selectedtext, +.CodeMirror-selected { + background: #e37d00; + color: #fff !important; + text-shadow: none; +} + +.CodeMirror-gutters { + border-right: none; +} \ No newline at end of file diff --git a/lambda/credit.html b/lambda/credit.html new file mode 100644 index 0000000..00bc43c --- /dev/null +++ b/lambda/credit.html @@ -0,0 +1 @@ +
\ No newline at end of file diff --git a/lambda/cursor.png b/lambda/cursor.png new file mode 100644 index 0000000..1cc3629 Binary files /dev/null and b/lambda/cursor.png differ diff --git a/lambda/cursor@2x.png b/lambda/cursor@2x.png new file mode 100644 index 0000000..b8fca0b Binary files /dev/null and b/lambda/cursor@2x.png differ diff --git a/lambda/mermaid.dark.css b/lambda/mermaid.dark.css new file mode 100644 index 0000000..a412b30 --- /dev/null +++ b/lambda/mermaid.dark.css @@ -0,0 +1,7 @@ +:root { + --mermaid-theme: night; +} + +[lang='mermaid'] .label { + color: #333; +} \ No newline at end of file diff --git a/lambda/sourcemode.dark.css b/lambda/sourcemode.dark.css new file mode 100644 index 0000000..a4bd654 --- /dev/null +++ b/lambda/sourcemode.dark.css @@ -0,0 +1,38 @@ +@charset "UTF-8"; +/* CSS Document */ + +/** markdown source **/ +.cm-s-typora-default .cm-header, +.cm-s-typora-default .cm-property +{ + color: #ffeda7; +} + +.CodeMirror.cm-s-typora-default div.CodeMirror-cursor{ + border-left: 3px solid #c6c2b8; +} + +.cm-s-typora-default .cm-comment { + color: #f2ff93; +} + +.cm-s-typora-default .cm-string { + color: #d9d0a7 +} + +.cm-s-typora-default .cm-atom, .cm-s-typora-default .cm-number { + color: #959084; + font-style: italic; +} + +.cm-s-typora-default .cm-link { + color: #95B94B; +} + +.cm-s-typora-default .CodeMirror-activeline-background { + background: rgba(51, 51, 51, 0.72); +} + +.cm-s-typora-default .cm-comment, .cm-s-typora-default .cm-code { + color: #e1bb8a; +} \ No newline at end of file