Improve codeflask HTML syntax highlighting colours.

This commit is contained in:
Kailash Nadh 2021-09-19 17:11:48 +05:30
parent 4b13f0c74f
commit 956e990fe6
2 changed files with 5 additions and 1 deletions

View file

@ -79,6 +79,7 @@ import 'quill/dist/quill.core.css';
import { quillEditor, Quill } from 'vue-quill-editor';
import CodeFlask from 'codeflask';
import TurndownService from 'turndown';
import { colors } from '../constants';
import CampaignPreview from './CampaignPreview.vue';
import Media from '../views/Media.vue';
@ -242,6 +243,9 @@ export default {
<style>
.codeflask .codeflask__flatten { font-size: 15px; }
.codeflask .codeflask__lines { background: #fafafa; z-index: 10; }
.codeflask .token.tag { font-weight: bold; }
.codeflask .token.attr-name { color: #111; }
.codeflask .token.attr-value { color: ${colors.primary} !important; }
</style>
<div id="area"></area>
`;

View file

@ -48,7 +48,7 @@ input[type="text"], input[type="email"], select {
.button {
background: #0055d4;
padding: 10px 30px;
padding: 15px 30px;
border-radius: 3px;
border: 0;
cursor: pointer;