docs: work on docs theme

koumoul-dev · Nov 13, 2024 · 4a2dfe7 · 4a2dfe7
1 parent 2693028
commit 4a2dfe7
Show file tree

Hide file tree

Showing 9 changed files with 184 additions and 175 deletions.
diff --git a/doc/assets/prism.js b/doc/assets/prism.js
@@ -1,7 +1,8 @@
 // this is mostly a redirection import prism from the same source so that we don't have code splitting
 // between prism itself and the languages
 
-import 'prismjs/themes/prism.css'
+// import 'prismjs/themes/prism.css'
+import 'prism-themes/themes/prism-xonokai.css'
 import Prism from 'prismjs'
 import 'prismjs/components/prism-javascript'
 import 'prismjs/components/prism-bash'

diff --git a/doc/components/code-block.vue b/doc/components/code-block.vue
@@ -30,7 +30,6 @@ const html = computed(() => {
 
 <style>
 .code-block {
-  background-color: white;
   padding: 8px;
   border-radius: 4px;
 }

diff --git a/doc/components/object-editor.vue b/doc/components/object-editor.vue
@@ -8,7 +8,6 @@
       density="compact"
       variant="elevated"
       elevation="1"
-      theme="light"
       style="position:absolute;top:0;right:0;z-index:200;height:24px;"
     >
       <v-btn
@@ -36,7 +35,7 @@
     <prism-editor
       v-model="code"
       class="vjsf-code-editor py-2"
-      style="min-height:200px"
+      :style="`min-height:200px; background-color: ${$vuetify.theme.current.colors.background}`"
       :highlight="highlighter"
       line-numbers
       :readonly="readonly"