aelve/guide
1
1
Fork 0
mirror of https://github.com/aelve/guide.git synced 2024-12-23 21:02:13 +03:00
Code Issues Projects Releases Wiki Activity

code highlight styles moved to external file

Browse Source
This commit is contained in:
zeot 2018-12-13 17:30:32 +04:00
parent 96e3320e09
commit 6ea41b4992
2 changed files with 106 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
front/client/app.ts
View File

@ -3,11 +3,12 @@ import VueRouter from 'vue-router'
import Vuex from 'vuex'
import Vuetify from 'vuetify'
import { sync } from 'vuex-router-sync'
import axios from 'axios'
import ALink from 'client/components/ALink.vue'
import 'vuetify/dist/vuetify.css' // Ensure you are using css-loader
import 'vuetify/dist/vuetify.css'
import '@fortawesome/fontawesome-free/css/all.css'
import 'material-design-icons-iconfont/dist/material-design-icons.css'
import axios from 'axios'
import 'client/assets/code-highlight.css'
import AppComponent from './App.vue'
import { createRouter } from './router'
@ -17,14 +18,14 @@ import { createStore } from './store'
declare var BASE_URL: string
axios.defaults.baseURL = BASE_URL
function initVue() {
function initVue () {
Vue.use(VueRouter)
Vue.use(Vuex)
Vue.use(Vuetify)
Vue.component('ALink', ALink)
}
function createApp() {
function createApp () {
const router = createRouter()
const store = createStore()
@ -45,7 +46,6 @@ function createApp() {
initVue()
export {
createApp
}

101
front/client/assets/code-highlight.css Normal file
View File

@ -0,0 +1,101 @@
/* https://github.com/jgm/highlighting-kate/blob/master/css/hk-pyg.css */
code > span.kw {
color: #007020;
font-weight: bold;
} /* Keyword */
code > span.dt {
color: #902000;
} /* DataType */
code > span.dv {
color: #40a070;
} /* DecVal */
code > span.bn {
color: #40a070;
} /* BaseN */
code > span.fl {
color: #40a070;
} /* Float */
code > span.ch {
color: #4070a0;
} /* Char */
code > span.st {
color: #4070a0;
} /* String */
code > span.co {
color: #60a0b0;
font-style: italic;
} /* Comment */
code > span.ot {
color: #007020;
} /* Other */
code > span.al {
color: #ff0000;
font-weight: bold;
} /* Alert */
code > span.fu {
color: #06287e;
} /* Function */
code > span.er {
color: #ff0000;
font-weight: bold;
} /* Error */
code > span.wa {
color: #60a0b0;
font-weight: bold;
font-style: italic;
} /* Warning */
code > span.cn {
color: #880000;
} /* Constant */
code > span.sc {
color: #4070a0;
} /* SpecialChar */
code > span.vs {
color: #4070a0;
} /* VerbatimString */
code > span.ss {
color: #bb6688;
} /* SpecialString */
code > span.im {
} /* Import */
code > span.va {
color: #19177c;
} /* Variable */
code > span.cf {
color: #007020;
font-weight: bold;
} /* ControlFlow */
code > span.op {
color: #666666;
} /* Operator */
code > span.bu {
} /* BuiltIn */
code > span.ex {
} /* Extension */
code > span.pp {
color: #bc7a00;
} /* Preprocessor */
code > span.at {
color: #7d9029;
} /* Attribute */
code > span.do {
color: #ba2121;
font-style: italic;
} /* Documentation */
code > span.an {
color: #60a0b0;
font-weight: bold;
font-style: italic;
} /* Annotation */
code > span.cv {
color: #60a0b0;
font-weight: bold;
font-style: italic;
} /* CommentVar */
code > span.in {
color: #60a0b0;
font-weight: bold;
font-style: italic;
} /* Information */