mirror of https://github.com/requarks/wiki
Nicolas Giard
3 years ago
parent
3aafe116ac
commit
638383252c
@ -0,0 +1,5 @@
|
|||||||
|
audit = false
|
||||||
|
fund = false
|
||||||
|
lockfile-version = "3"
|
||||||
|
save-exact = true
|
||||||
|
save-prefix = ""
|
||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,28 +0,0 @@
|
|||||||
defaultSemverRangePrefix: ''
|
|
||||||
|
|
||||||
enableTelemetry: false
|
|
||||||
|
|
||||||
nodeLinker: node-modules
|
|
||||||
|
|
||||||
packageExtensions:
|
|
||||||
'rollup-plugin-visualizer@*':
|
|
||||||
dependencies:
|
|
||||||
'rollup': '*'
|
|
||||||
'v-network-graph@*':
|
|
||||||
dependencies:
|
|
||||||
'd3-force': '*'
|
|
||||||
|
|
||||||
plugins:
|
|
||||||
- path: .yarn/plugins/@yarnpkg/plugin-interactive-tools.cjs
|
|
||||||
spec: "@yarnpkg/plugin-interactive-tools"
|
|
||||||
|
|
||||||
supportedArchitectures:
|
|
||||||
cpu:
|
|
||||||
- x64
|
|
||||||
- arm64
|
|
||||||
os:
|
|
||||||
- darwin
|
|
||||||
- linux
|
|
||||||
- win32
|
|
||||||
|
|
||||||
yarnPath: .yarn/releases/yarn-3.2.0.cjs
|
|
||||||
File diff suppressed because it is too large
Load Diff
@ -1,13 +1,396 @@
|
|||||||
<template lang="pug">
|
<template lang="pug">
|
||||||
.quill-container
|
.editor-markdown
|
||||||
|
.editor-markdown-main
|
||||||
|
.editor-markdown-sidebar X
|
||||||
|
.editor-markdown-editor
|
||||||
|
textarea(ref='cmRef')
|
||||||
|
transition(name='editor-markdown-preview')
|
||||||
|
.editor-markdown-preview(v-if='state.previewShown')
|
||||||
|
.editor-markdown-preview-content.contents(ref='editorPreviewContainer')
|
||||||
|
div(
|
||||||
|
ref='editorPreview'
|
||||||
|
v-html='state.previewHTML'
|
||||||
|
)
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script setup>
|
||||||
|
import { reactive, ref, shallowRef, onBeforeMount, onMounted, watch } from 'vue'
|
||||||
|
import { useMeta, useQuasar, setCssVar } from 'quasar'
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
|
||||||
export default {
|
import { useEditorStore } from 'src/stores/editor'
|
||||||
data () {
|
|
||||||
return {
|
// Code Mirror
|
||||||
|
import CodeMirror from 'codemirror'
|
||||||
|
import 'codemirror/lib/codemirror.css'
|
||||||
|
import '../css/codemirror.scss'
|
||||||
|
|
||||||
|
// Language
|
||||||
|
import 'codemirror/mode/markdown/markdown.js'
|
||||||
|
|
||||||
|
// Addons
|
||||||
|
import 'codemirror/addon/selection/active-line.js'
|
||||||
|
import 'codemirror/addon/display/fullscreen.js'
|
||||||
|
import 'codemirror/addon/display/fullscreen.css'
|
||||||
|
import 'codemirror/addon/selection/mark-selection.js'
|
||||||
|
import 'codemirror/addon/search/searchcursor.js'
|
||||||
|
import 'codemirror/addon/hint/show-hint.js'
|
||||||
|
import 'codemirror/addon/fold/foldcode.js'
|
||||||
|
import 'codemirror/addon/fold/foldgutter.js'
|
||||||
|
import 'codemirror/addon/fold/foldgutter.css'
|
||||||
|
|
||||||
|
// QUASAR
|
||||||
|
|
||||||
|
const $q = useQuasar()
|
||||||
|
|
||||||
|
// STORES
|
||||||
|
|
||||||
|
const editorStore = useEditorStore()
|
||||||
|
|
||||||
|
// I18N
|
||||||
|
|
||||||
|
const { t } = useI18n()
|
||||||
|
|
||||||
|
// STATE
|
||||||
|
|
||||||
|
const cm = shallowRef(null)
|
||||||
|
const cmRef = ref(null)
|
||||||
|
|
||||||
|
const state = reactive({
|
||||||
|
previewShown: true,
|
||||||
|
previewHTML: ''
|
||||||
|
})
|
||||||
|
|
||||||
|
// Platform detection
|
||||||
|
const CtrlKey = /Mac/.test(navigator.platform) ? 'Cmd' : 'Ctrl'
|
||||||
|
|
||||||
|
// MOUNTED
|
||||||
|
|
||||||
|
onMounted(async () => {
|
||||||
|
// -> Setup Editor View
|
||||||
|
editorStore.$patch({
|
||||||
|
hideSideNav: true
|
||||||
|
})
|
||||||
|
|
||||||
|
// -> Initialize CodeMirror
|
||||||
|
cm.value = CodeMirror.fromTextArea(cmRef.value, {
|
||||||
|
tabSize: 2,
|
||||||
|
mode: 'text/markdown',
|
||||||
|
theme: 'wikijs-dark',
|
||||||
|
lineNumbers: true,
|
||||||
|
lineWrapping: true,
|
||||||
|
line: true,
|
||||||
|
styleActiveLine: true,
|
||||||
|
highlightSelectionMatches: {
|
||||||
|
annotateScrollbar: true
|
||||||
|
},
|
||||||
|
viewportMargin: 50,
|
||||||
|
inputStyle: 'contenteditable',
|
||||||
|
allowDropFileTypes: ['image/jpg', 'image/png', 'image/svg', 'image/jpeg', 'image/gif'],
|
||||||
|
// direction: siteConfig.rtl ? 'rtl' : 'ltr',
|
||||||
|
foldGutter: true,
|
||||||
|
gutters: ['CodeMirror-linenumbers', 'CodeMirror-foldgutter']
|
||||||
|
})
|
||||||
|
|
||||||
|
cm.value.setValue(state.content)
|
||||||
|
cm.value.on('change', c => {
|
||||||
|
editorStore.$patch({
|
||||||
|
content: c.getValue()
|
||||||
|
})
|
||||||
|
// onCmInput(editorStore.content)
|
||||||
|
})
|
||||||
|
|
||||||
|
cm.value.setSize(null, 'calc(100vh - 150px)')
|
||||||
|
|
||||||
|
// -> Set Keybindings
|
||||||
|
const keyBindings = {
|
||||||
|
'F11' (c) {
|
||||||
|
c.setOption('fullScreen', !c.getOption('fullScreen'))
|
||||||
|
},
|
||||||
|
'Esc' (c) {
|
||||||
|
if (c.getOption('fullScreen')) {
|
||||||
|
c.setOption('fullScreen', false)
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
[`${CtrlKey}-S`] (c) {
|
||||||
|
// save()
|
||||||
|
return false
|
||||||
|
},
|
||||||
|
[`${CtrlKey}-B`] (c) {
|
||||||
|
// toggleMarkup({ start: '**' })
|
||||||
|
return false
|
||||||
|
},
|
||||||
|
[`${CtrlKey}-I`] (c) {
|
||||||
|
// toggleMarkup({ start: '*' })
|
||||||
|
return false
|
||||||
|
},
|
||||||
|
[`${CtrlKey}-Alt-Right`] (c) {
|
||||||
|
// let lvl = getHeaderLevel(c)
|
||||||
|
// if (lvl >= 6) { lvl = 5 }
|
||||||
|
// setHeaderLine(lvl + 1)
|
||||||
|
return false
|
||||||
|
},
|
||||||
|
[`${CtrlKey}-Alt-Left`] (c) {
|
||||||
|
// let lvl = getHeaderLevel(c)
|
||||||
|
// if (lvl <= 1) { lvl = 2 }
|
||||||
|
// setHeaderLine(lvl - 1)
|
||||||
|
return false
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
cm.value.setOption('extraKeys', keyBindings)
|
||||||
|
// this.cm.on('inputRead', this.autocomplete)
|
||||||
|
|
||||||
|
// // Handle cursor movement
|
||||||
|
// this.cm.on('cursorActivity', c => {
|
||||||
|
// this.positionSync(c)
|
||||||
|
// this.scrollSync(c)
|
||||||
|
// })
|
||||||
|
|
||||||
|
// // Handle special paste
|
||||||
|
// this.cm.on('paste', this.onCmPaste)
|
||||||
|
|
||||||
|
// // Render initial preview
|
||||||
|
// this.processContent(this.$store.get('editor/content'))
|
||||||
|
// this.refresh()
|
||||||
|
|
||||||
|
// this.$root.$on('editorInsert', opts => {
|
||||||
|
// switch (opts.kind) {
|
||||||
|
// case 'IMAGE':
|
||||||
|
// let img = ``
|
||||||
|
// if (opts.align && opts.align !== '') {
|
||||||
|
// img += `{.align-${opts.align}}`
|
||||||
|
// }
|
||||||
|
// this.insertAtCursor({
|
||||||
|
// content: img
|
||||||
|
// })
|
||||||
|
// break
|
||||||
|
// case 'BINARY':
|
||||||
|
// this.insertAtCursor({
|
||||||
|
// content: `[${opts.text}](${opts.path})`
|
||||||
|
// })
|
||||||
|
// break
|
||||||
|
// case 'DIAGRAM':
|
||||||
|
// const selStartLine = this.cm.getCursor('from').line
|
||||||
|
// const selEndLine = this.cm.getCursor('to').line + 1
|
||||||
|
// this.cm.doc.replaceSelection('```diagram\n' + opts.text + '\n```\n', 'start')
|
||||||
|
// this.processMarkers(selStartLine, selEndLine)
|
||||||
|
// break
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// // Handle save conflict
|
||||||
|
// this.$root.$on('saveConflict', () => {
|
||||||
|
// this.toggleModal(`editorModalConflict`)
|
||||||
|
// })
|
||||||
|
// this.$root.$on('overwriteEditorContent', () => {
|
||||||
|
// this.cm.setValue(this.$store.get('editor/content'))
|
||||||
|
// })
|
||||||
|
})
|
||||||
|
|
||||||
|
onBeforeMount(() => {
|
||||||
|
// if (editor.value) {
|
||||||
|
// editor.value.destroy()
|
||||||
|
// }
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss">
|
||||||
|
$editor-height: calc(100vh - 112px - 24px);
|
||||||
|
$editor-height-mobile: calc(100vh - 112px - 16px);
|
||||||
|
|
||||||
|
.editor-markdown {
|
||||||
|
&-main {
|
||||||
|
display: flex;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
&-editor {
|
||||||
|
background-color: $dark-6;
|
||||||
|
flex: 1 1 50%;
|
||||||
|
display: block;
|
||||||
|
height: $editor-height;
|
||||||
|
position: relative;
|
||||||
|
// @include until($tablet) {
|
||||||
|
// height: $editor-height-mobile;
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
&-preview {
|
||||||
|
flex: 1 1 50%;
|
||||||
|
background-color: $grey-2;
|
||||||
|
position: relative;
|
||||||
|
height: $editor-height;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 1rem;
|
||||||
|
@at-root .theme--dark & {
|
||||||
|
background-color: $grey-9;
|
||||||
|
}
|
||||||
|
// @include until($tablet) {
|
||||||
|
// display: none;
|
||||||
|
// }
|
||||||
|
&-enter-active, &-leave-active {
|
||||||
|
transition: max-width .5s ease;
|
||||||
|
max-width: 50vw;
|
||||||
|
.editor-code-preview-content {
|
||||||
|
width: 50vw;
|
||||||
|
overflow:hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-enter, &-leave-to {
|
||||||
|
max-width: 0;
|
||||||
|
}
|
||||||
|
&-content {
|
||||||
|
height: $editor-height;
|
||||||
|
overflow-y: scroll;
|
||||||
|
padding: 0;
|
||||||
|
width: calc(100% + 17px);
|
||||||
|
// -ms-overflow-style: none;
|
||||||
|
// &::-webkit-scrollbar {
|
||||||
|
// width: 0px;
|
||||||
|
// background: transparent;
|
||||||
|
// }
|
||||||
|
// @include until($tablet) {
|
||||||
|
// height: $editor-height-mobile;
|
||||||
|
// }
|
||||||
|
> div {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
p.line {
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
}
|
||||||
|
.tabset {
|
||||||
|
background-color: $teal-7;
|
||||||
|
color: $teal-2 !important;
|
||||||
|
padding: 5px 12px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
border-radius: 5px 0 0 0;
|
||||||
|
font-style: italic;
|
||||||
|
&::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
&-header {
|
||||||
|
background-color: $teal-5;
|
||||||
|
color: #FFF !important;
|
||||||
|
padding: 5px 12px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
margin-top: 0 !important;
|
||||||
|
&::after {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-content {
|
||||||
|
border-left: 5px solid $teal-5;
|
||||||
|
background-color: $teal-1;
|
||||||
|
padding: 0 15px 15px;
|
||||||
|
overflow: hidden;
|
||||||
|
@at-root .theme--dark & {
|
||||||
|
background-color: rgba($teal-5, .1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-toolbar {
|
||||||
|
background-color: $blue-7;
|
||||||
|
background-image: linear-gradient(to bottom, $blue-7 0%, $blue-8 100%);
|
||||||
|
color: #FFF;
|
||||||
|
.v-toolbar__content {
|
||||||
|
padding-left: 64px;
|
||||||
|
// @include until($tablet) {
|
||||||
|
// padding-left: 8px;
|
||||||
|
// }
|
||||||
|
}
|
||||||
|
}
|
||||||
|
&-sidebar {
|
||||||
|
background-color: $dark-4;
|
||||||
|
border-right: 1px solid $dark-3;
|
||||||
|
color: #FFF;
|
||||||
|
width: 56px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: flex-start;
|
||||||
|
align-items: center;
|
||||||
|
padding: 24px 0;
|
||||||
|
}
|
||||||
|
&-sysbar {
|
||||||
|
padding-left: 0;
|
||||||
|
&-locale {
|
||||||
|
background-color: rgba(255,255,255,.25);
|
||||||
|
display:inline-flex;
|
||||||
|
padding: 0 12px;
|
||||||
|
height: 24px;
|
||||||
|
width: 63px;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// ==========================================
|
||||||
|
// CODE MIRROR
|
||||||
|
// ==========================================
|
||||||
|
.CodeMirror {
|
||||||
|
height: auto;
|
||||||
|
font-family: 'Roboto Mono', monospace;
|
||||||
|
font-size: .9rem;
|
||||||
|
.cm-header-1 {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
}
|
||||||
|
.cm-header-2 {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
}
|
||||||
|
.cm-header-3 {
|
||||||
|
font-size: 1.15rem;
|
||||||
|
}
|
||||||
|
.cm-header-4 {
|
||||||
|
font-size: 1.1rem;
|
||||||
|
}
|
||||||
|
.cm-header-5 {
|
||||||
|
font-size: 1.05rem;
|
||||||
|
}
|
||||||
|
.cm-header-6 {
|
||||||
|
font-size: 1.025rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like {
|
||||||
|
word-break: break-word;
|
||||||
|
}
|
||||||
|
.CodeMirror-focused .cm-matchhighlight {
|
||||||
|
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAFklEQVQI12NgYGBgkKzc8x9CMDAwAAAmhwSbidEoSQAAAABJRU5ErkJggg==);
|
||||||
|
background-position: bottom;
|
||||||
|
background-repeat: repeat-x;
|
||||||
|
}
|
||||||
|
.cm-matchhighlight {
|
||||||
|
background-color: $grey-8;
|
||||||
|
}
|
||||||
|
.CodeMirror-selection-highlight-scrollbar {
|
||||||
|
background-color: $green-6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
// HINT DROPDOWN
|
||||||
|
.CodeMirror-hints {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 10;
|
||||||
|
overflow: hidden;
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 1px;
|
||||||
|
box-shadow: 2px 3px 5px rgba(0,0,0,.2);
|
||||||
|
border: 1px solid $grey-7;
|
||||||
|
background: $grey-9;
|
||||||
|
font-family: 'Roboto Mono', monospace;
|
||||||
|
font-size: .9rem;
|
||||||
|
max-height: 150px;
|
||||||
|
overflow-y: auto;
|
||||||
|
min-width: 250px;
|
||||||
|
max-width: 80vw;
|
||||||
|
}
|
||||||
|
.CodeMirror-hint {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0 4px;
|
||||||
|
white-space: pre;
|
||||||
|
color: #FFF;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
li.CodeMirror-hint-active {
|
||||||
|
background: $blue-5;
|
||||||
|
color: #FFF;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|||||||
@ -0,0 +1,69 @@
|
|||||||
|
<template lang="pug">
|
||||||
|
q-dialog(ref='dialogRef', @hide='onDialogHide')
|
||||||
|
q-card(style='min-width: 850px;')
|
||||||
|
q-card-section.card-header
|
||||||
|
q-icon(name='img:/_assets/icons/ultraviolet-markdown.svg', left, size='sm')
|
||||||
|
span {{t(`admin.editors.markdownName`)}}
|
||||||
|
q-card-section.q-pa-none
|
||||||
|
span Test
|
||||||
|
q-card-actions.card-actions
|
||||||
|
q-space
|
||||||
|
q-btn.acrylic-btn(
|
||||||
|
flat
|
||||||
|
:label='t(`common.actions.cancel`)'
|
||||||
|
color='grey'
|
||||||
|
padding='xs md'
|
||||||
|
@click='onDialogCancel'
|
||||||
|
)
|
||||||
|
q-btn(
|
||||||
|
unelevated
|
||||||
|
:label='t(`common.actions.save`)'
|
||||||
|
color='primary'
|
||||||
|
padding='xs md'
|
||||||
|
@click='save'
|
||||||
|
:loading='state.loading > 0'
|
||||||
|
)
|
||||||
|
|
||||||
|
q-inner-loading(:showing='state.loading > 0')
|
||||||
|
q-spinner(color='accent', size='lg')
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { useI18n } from 'vue-i18n'
|
||||||
|
import { useDialogPluginComponent, useQuasar } from 'quasar'
|
||||||
|
import { reactive, ref } from 'vue'
|
||||||
|
|
||||||
|
import { useAdminStore } from '../stores/admin'
|
||||||
|
|
||||||
|
// EMITS
|
||||||
|
|
||||||
|
defineEmits([
|
||||||
|
...useDialogPluginComponent.emits
|
||||||
|
])
|
||||||
|
|
||||||
|
// QUASAR
|
||||||
|
|
||||||
|
const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } = useDialogPluginComponent()
|
||||||
|
const $q = useQuasar()
|
||||||
|
|
||||||
|
// STORES
|
||||||
|
|
||||||
|
const adminStore = useAdminStore()
|
||||||
|
|
||||||
|
// I18N
|
||||||
|
|
||||||
|
const { t } = useI18n()
|
||||||
|
|
||||||
|
// DATA
|
||||||
|
|
||||||
|
const state = reactive({
|
||||||
|
config: [],
|
||||||
|
loading: 0
|
||||||
|
})
|
||||||
|
|
||||||
|
// METHODS
|
||||||
|
|
||||||
|
async function save () {
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@ -0,0 +1,100 @@
|
|||||||
|
.cm-s-wikijs-dark.CodeMirror {
|
||||||
|
background: $dark-6;
|
||||||
|
color: #e0e0e0;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark div.CodeMirror-selected {
|
||||||
|
background: $teal-8;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark .cm-matchhighlight {
|
||||||
|
background: $teal-8;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark .CodeMirror-line::selection, .cm-s-wikijs-dark .CodeMirror-line > span::selection, .cm-s-wikijs-dark .CodeMirror-line > span > span::selection {
|
||||||
|
background: $blue-8;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark .CodeMirror-line::-moz-selection, .cm-s-wikijs-dark .CodeMirror-line > span::-moz-selection, .cm-s-wikijs-dark .CodeMirror-line > span > span::-moz-selection {
|
||||||
|
background: $blue-8;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark .CodeMirror-gutters {
|
||||||
|
background: $dark-3;
|
||||||
|
border-right: 1px solid $dark-2;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark .CodeMirror-guttermarker {
|
||||||
|
color: #ac4142;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark .CodeMirror-guttermarker-subtle {
|
||||||
|
color: #505050;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark .CodeMirror-linenumber {
|
||||||
|
color: $blue-grey-7;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark .CodeMirror-cursor {
|
||||||
|
border-left: 1px solid #b0b0b0;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark span.cm-comment {
|
||||||
|
color: $orange-8;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark span.cm-atom {
|
||||||
|
color: #aa759f;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark span.cm-number {
|
||||||
|
color: #aa759f;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark span.cm-property, .cm-s-wikijs-dark span.cm-attribute {
|
||||||
|
color: #90a959;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark span.cm-keyword {
|
||||||
|
color: #ac4142;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark span.cm-string {
|
||||||
|
color: #f4bf75;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark span.cm-variable {
|
||||||
|
color: #90a959;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark span.cm-variable-2 {
|
||||||
|
color: #6a9fb5;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark span.cm-def {
|
||||||
|
color: #d28445;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark span.cm-bracket {
|
||||||
|
color: #e0e0e0;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark span.cm-tag {
|
||||||
|
color: #ac4142;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark span.cm-link {
|
||||||
|
color: #aa759f;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark span.cm-error {
|
||||||
|
background: #ac4142;
|
||||||
|
color: #b0b0b0;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark .CodeMirror-activeline-background {
|
||||||
|
background: $dark-4;
|
||||||
|
}
|
||||||
|
.cm-s-wikijs-dark .CodeMirror-matchingbracket {
|
||||||
|
text-decoration: underline;
|
||||||
|
color: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-wikijs-dark .CodeMirror-foldmarker {
|
||||||
|
margin-left: 10px;
|
||||||
|
display: inline-block;
|
||||||
|
background-color: rgba($amber-8, .3);
|
||||||
|
padding: 8px 5px;
|
||||||
|
color: $amber-5;
|
||||||
|
border-radius: 5px;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cm-s-wikijs-dark .CodeMirror-buttonmarker {
|
||||||
|
display: inline-block;
|
||||||
|
background-color: rgba($blue-5, .3);
|
||||||
|
border: 1px solid $blue-8;
|
||||||
|
padding: 1px 10px;
|
||||||
|
color: $blue-2 !important;
|
||||||
|
border-radius: 5px;
|
||||||
|
margin-left: 5px;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in new issue