dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-22 14:36:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add themes to xml view

Browse Source
This commit is contained in:
Nybkox
2025-02-27 17:12:27 +01:00
parent 189b9a7ad6
commit 322907b972
6 changed files with 238 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/web/src/celldata/XmlCellView.svelte
View File

@@ -14,6 +14,7 @@
.wrapper {
overflow: scroll;
position: absolute;
background: var(--token-base);
top: 0;
left: 0;
right: 0;

2
packages/web/src/celldata/XmlHighlighter.svelte
View File

@@ -4,8 +4,6 @@
import xmlFormat from 'xml-formatter';
import { afterUpdate, onMount } from 'svelte';
import 'highlight.js/styles/vs.css';
export let code = '';
$: formattedCode = xmlFormat(code);

28
packages/web/src/plugins/ThemeDark.svelte
View File

@@ -72,5 +72,33 @@
--theme-icon-inv-green: #8fd460;
--theme-icon-inv-red: #e84749;
--token-base: #303030;
--token-text: #ddd;
--token-keyword: white;
--token-selector-tag: white;
--token-literal: white;
--token-section: white;
--token-link: white;
--token-subst: #ddd; /* default - using text color */
--token-string: #d88;
--token-title: #d88;
--token-name: #d88;
--token-type: #d88;
--token-attribute: #d88;
--token-symbol: #d88;
--token-bullet: #d88;
--token-built_in: #d88;
--token-addition: #d88;
--token-variable: #d88;
--token-template-tag: #d88;
--token-template-variable: #d88;
--token-comment: #979797;
--token-quote: #979797;
--token-deletion: #979797;
--token-meta: #979797;
--token-doctag: inherit; /* Inherits text color, but uses bold */
--token-strong: bold;
--token-emphasis: italic;
}
</style>

31
packages/web/src/plugins/ThemeLight.svelte
View File

@@ -45,7 +45,6 @@
--theme-bg-hover: #ccc;
--theme-bg-selected: #91d5ff; /* blue-3 */
--theme-bg-selected-point: #40a9ff; /* blue-5 */
--theme-bg-statusbar-inv: #0050b3;
--theme-bg-statusbar-inv-hover: #096dd9;
@@ -67,5 +66,35 @@
--theme-icon-inv-green: #8fd460;
--theme-icon-inv-red: #e84749;
--token-base: white;
--token-text: black;
--token-comment: #008000;
--token-quote: #008000;
--token-variable: #008000;
--token-keyword: #00f;
--token-selector-tag: #00f;
--token-built_in: #00f;
--token-name: #00f;
--token-tag: #00f;
--token-string: #a31515;
--token-title: #a31515;
--token-section: #a31515;
--token-attribute: #a31515;
--token-literal: #a31515;
--token-template-tag: #a31515;
--token-template-variable: #a31515;
--token-type: #a31515;
--token-addition: #a31515;
--token-deletion: #2b91af;
--token-selector-attr: #2b91af;
--token-selector-pseudo: #2b91af;
--token-meta: #2b91af;
--token-doctag: #808080;
--token-attr: #f00;
--token-symbol: #00b0e8;
--token-bullet: #00b0e8;
--token-link: #00b0e8;
--token-emphasis: italic;
--token-strong: bold;
}
</style>